Intersoft Community - WebGrid Enterprise - WebGrid inside a WebTab shifted left when integrate with WebInput (Date Editor Enabled)

WebGrid inside a WebTab shifted left when integrate with WebInput (Date Editor Enabled)

interfung — Tue, 11 Oct 2011 02:31:54 GMT

Hi,

I had figured out a fix (for IE), just scroll back to the original position after the clicking the month of the date editor.

Java script snippet

// Scroll back after edit
function WebInputDate_OnBlur() {
	var InputCalendar = document.getElementById("WebInputDate_ISDefDateTimeEdt");
	if (InputCalendar) {
		if (InputCalendar.style["visibility"]=="visible") {
			return true;
		}
	}
	var intLeft = document.body.scrollLeft;
	if (intLeft > 0) {
		window.scrollBy(-intLeft,0);
	} 
}

Assign the function to be invoked when the WebInput is OnBlur.

ASPX snippet for the WebInput Control:

<ISWebInput:WebInput ID="WebInputDate" runat="server" DecimalSeparator="" 
MaxDate="12/31/9998 23:59:59" MinDate="1753-01-01">
	<ClientSideEvents OnBlur="WebInputDate_OnBlur"></ClientSideEvents>
</ISWebInput:WebInput>

Regards,

Fung

WebGrid inside a WebTab shifted left when integrate with WebInput (Date Editor Enabled)

yudi — Sun, 09 Oct 2011 16:28:09 GMT

I tried to reproduce the problem in my local test by creating a simple sample of page based on the scenario description on your previous post but my efforts were not successful. Could you please provide more information about the doctype; browser version; and the build version of WebGrid, WebInput, WebDesktop, and WebUI.NET Framework 3.0.

For your information, I’m using WebGrid 7 build 431, WebInput 4 build 29, WebDesktop 3 build 337, and WebUI.NET Framework 3 build 772. The test page is viewed using IE 9 browser.

Look forward to hearing back from you.

WebGrid inside a WebTab shifted left when integrate with WebInput (Date Editor Enabled)

interfung — Thu, 06 Oct 2011 07:43:50 GMT

Hi,

I have a scenario as below:

a WebPane divided Horizonatally
lower part of the WebPane is a WebTab (with 3~4 tabs)
One of the Tab contain a grid integrated with a WebInput
The WebInput's Date Editor is enabled (with Editor & display format enabled, also mask expression enabled)
Edit a cell in Grid with WebInput, and open the Date Editor
click the month of year on the Date Editor
the content inside the WebTab shift left

Attached screen shots and brief explain for better understanding.

Thanks and regards,

Fung