Intersoft Community - WebInput - IE8 Horizontal Cursor lost when HorizontalAlign is Right

IE8 Horizontal Cursor lost when HorizontalAlign is Right

Glayaar — Wed, 29 Sep 2010 23:17:59 GMT

In my test by putting the script section at the end of the html code, we could run the snippet without any issue. HTML snippet:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
</head>
<body id="body" runat="server" leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0">
    <form id="form1" runat="server">
    <div style="margin-left:10px; margin-top: 25px;">
        <ISWebInput:WebInput ID="WebInput1" runat="server" MaxLength="5" Width="40px" NumericInput="True" Text="1.2">
            <CultureInfo CultureName="en-US">
            </CultureInfo>
            <DisplayFormat ErrorMessage="Enter a Valid Quantity" ErrorText="Enter a Valid Quantity"
                IsEnabled="True" Type="Number" Format="#,###.0">
            </DisplayFormat>
            <TextBoxStyle>
                <Normal Font-Names="Times New Roman" Font-Size="10pt" HorizontalAlign="Right">
                    <BorderSettings>
                        <Bottom Width="0px" />
                        <Left Width="0px" />
                        <Right Width="0px" />
                        <Top Width="0px" />
                    </BorderSettings>
                </Normal>
                <Over BaseStyle="Normal" />
                <Active BaseStyle="Normal">
                </Active>
            </TextBoxStyle>
        </ISWebInput:WebInput>
    </div>
    <script type="text/javascript" language="javascript">
        function initLoad()
        {
            var input = ISGetObject("WebInput1");

            input.GetControlElement().style.width = "36px";
        }

        initLoad();
    </script>
    </form>
</body>
</html>

In summary, there is still 2 issue based on the test, border and width.

IE8 Horizontal Cursor lost when HorizontalAlign is Right

DJBadin — Wed, 29 Sep 2010 08:34:08 GMT

Hi,

When I tried you code, ISGetObject was not an object yet.

I had to call it after the window loaded.

	function initLoad()
	{
		var input = ISGetObject("WebInput1");
		input.GetControlElement().style.width = "36px";
	}

	//initLoad();
	window.onload = initLoad;

So the 2 issues are:

- border

- width

Doug

IE8 Horizontal Cursor lost when HorizontalAlign is Right

Glayaar — Wed, 29 Sep 2010 06:07:34 GMT

Thank you for the detail description of the issue. Using the snippet i have sucessfully replicate the issue on my environment. I have added these findings to the earlier feature request to indicate the feature has not been fully applied.

In the mean time, in my test, in order to resolve the first load issue you will need to set the width of the internal input element to a smaller size than the one defined in tthe WebInput. From my analysis the difference seems to be 4px. Here is the snippet:

<script type="text/javascript" language="javascript">
    function initLoad()
    {
        var input = ISGetObject("WebInput1");
        input.GetControlElement().style.width = "36px";
    }

    initLoad();
</script>

IE8 Horizontal Cursor lost when HorizontalAlign is Right

DJBadin — Tue, 28 Sep 2010 12:39:56 GMT

Hi,

I am using WebInput 4.0.7200.5 and WebUI Framework 3.0.5000.755.

Add Text="1.2" to the WebInput.

		<ISWebInput:WebInput
			ID="_WebInput"
			runat="server"
			MaxLength="5"
			Width="40px"
			NumericInput="True"
			Text="1.2"
		>

Before typing in anything into WebInput, the 2 is chopped off

After typing in 1.2 all of the number can be seen

After adding borders:

Before typing in anything into WebInput, the 2 is chopped off but not as much

After typing in 1.2 all of the number can be seen.

See attached file.

Doug

IE8 Horizontal Cursor lost when HorizontalAlign is Right

Glayaar — Tue, 28 Sep 2010 02:39:03 GMT

Based on my test, the digit is diplayed fine. In my test environment I am using WebInput 4 and WebUI Framework 3 build 5 and 755 respectively and the provided snippet code in the first post. If you already use the latest build for WebInput and WebUI Framework do you mind providing a screesnhot or detail for this issue so I could analyze further?

Regarding the extra border, you will need to set the border width to 0. Here is the snippet:

<Normal Font-Names="Times New Roman" Font-Size="10pt" HorizontalAlign="Right">
    <BorderSettings>
        <Bottom Width="0px" />
        <Left Width="0px" />
        <Right Width="0px" />
        <Top Width="0px" />
    </BorderSettings>
</Normal>

IE8 Horizontal Cursor lost when HorizontalAlign is Right

DJBadin — Fri, 24 Sep 2010 05:14:19 GMT

Hi,

It looks like the feature request was attempted however it create more problems.

Doug

IE8 Horizontal Cursor lost when HorizontalAlign is Right

yudi — Fri, 24 Sep 2010 03:33:55 GMT

Glenn is not available until Tuesday, September 28^th, 2010.

I will check the progress status of the feature request and will contact you as soon as I get any news regarding the feature request.

IE8 Horizontal Cursor lost when HorizontalAlign is Right

DJBadin — Thu, 23 Sep 2010 14:59:22 GMT

Hi,

I have just tried 4.0.7200.5 and the workaround is no longer needed.

BUT, initially everything is shifted to the Right and some of the right digit can not be seen. Additionally, there is an extra Inside Top and Left Border.

After typing, everything is shifted to the Left and the Left Inside Border goes away and all of the right digit can be seen but the Top Inside Border is still there. After that, the Left Inside Border remains gone until the page is refreshed.

Doug

IE8 Horizontal Cursor lost when HorizontalAlign is Right

Glayaar — Wed, 13 Jan 2010 01:27:09 GMT

A feature request has been submitted to handle such scenario automatically. Currently, for feature request you will need to create a thread in the forum and let the support member submit the feature request to the developer.

IE8 Horizontal Cursor lost when HorizontalAlign is Right

DJBadin — Tue, 12 Jan 2010 08:05:21 GMT

How do I submit a Feature Request with this interface since I can no longer do it in the Developer Network?

I would like a Server Control Property to handle this rather than the Client Side OnFocus Event workaround.

IE8 Horizontal Cursor lost when HorizontalAlign is Right

DJBadin — Sat, 09 Jan 2010 08:50:14 GMT

When I set the TextBoxStyle-Normal-HorizontalAlign="Right", I can not see the Cursor when focus is put to the control and nothing is in the Textbox or the Cursor is positioned all the way to the right. It seems it is under the border.

I can see it with FireFox, Chrome and Safari.

Is there a way to add more spacing between the TextBox and the Border to reveal the Cursor?

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="_Test_InterSoft_WebInput_Default3" %>

<%@ Register Assembly="ISNet.WebUI.WebInput" Namespace="ISNet.WebUI.WebControls" TagPrefix="ISWebInput" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
	<title></title>
</head>
<body>
	<form id="form1" runat="server">
	<div>

		<ISWebInput:WebInput
			ID="WebInput1"
			runat="server"
			MaxLength="5"
			Width="40px"
			NumericInput="True"
		>
			<CultureInfo CultureName="en-US"></CultureInfo>
			<DisplayFormat
				ErrorMessage="Enter a Valid Quantity"
				ErrorText="Enter a Valid Quantity"
				IsEnabled="True"
				Type="Number"
				Format="#,###.0"
			>
			</DisplayFormat>
			<TextBoxStyle>
				<Normal
					Font-Names="Times New Roman"
					Font-Size="10pt"
					HorizontalAlign="Right"
				>
				</Normal>
				<Over BaseStyle="Normal" />
				<Active BaseStyle="Normal" >
				</Active>
			</TextBoxStyle>
		</ISWebInput:WebInput>

	</div>
	</form>
</body>
</html>