Cursor Does Not Apperar When Input is Focused On Using Tab Key

2 posts, 0 answers
  1. William
    William avatar
    3 posts
    Member since:
    Mar 2011

    Posted 11 May 2012 Link to this post

    Greetings,

    The issue occurs when using the tab key a text box control is reached. The text selection cursor does not appear on the text box, instead the borders are highlighted.

    All text boxes work except the ones using a RadInputManager

    Here is our code:

    <asp:TextBox CssClass="input01" MaxLength="16" ID="P5textfield18" ToolTip="Ingrese Teléfono" runat="server"/>
     
    <telerik:RadInputManager ID="RadInputManager8" runat="server">
        <telerik:RegExpTextBoxSetting
            BehaviorID="P1RagExpBehavior1"
            ValidationExpression="\d+"
            EnabledCssClass="input01"
            HoveredCssClass="input01"
            ErrorMessage="Ingrese sólo números" 
            EmptyMessage="sólo números"
            EmptyMessageCssClass="input01"
            FocusedCssClass="input01"
            InvalidCssClass="input01">
            <TargetControls>
                <telerik:TargetInput ControlID="P5textfield18" />
            </TargetControls>
        </telerik:RegExpTextBoxSetting>
    </telerik:RadInputManager>

    Our style:

    .input01
    {
        border-bottom: #333 1px solid;
        border-left: #333 1px solid;
        padding-bottom: 3px !important;
        padding-left: 3px !important;
        width: 270px !important;
        padding-right: 3px !important;
        font-family: "PT Sans Narrow", sans-serif !important;
        color: #838080 !important;
        font-size: 16px !important;
        border-top: #333 1px solid;
        margin-right: 10px !important;
        border-right: #333 1px solid;
        padding-top: 3px !important
    }



    Thanks in advance.
  2. jumpstart
    jumpstart avatar
    479 posts
    Member since:
    Nov 2011

    Posted 15 May 2012 Link to this post

    William:

    I copied over your code and your CSS to a Visual Studio 2010 project, adding an extra asp:textbox above the one that you have created so that I could test tabbing to the problematic "P5textfield18" textbox.

    When I tab to the "P5textfield18" textbox, the caret is set in the input, as expected. See the video capture: http://screencast.com/t/vKzIooDBiZb3

    I am using Telerik.Web.UI.dll" (v. 2012.1.411.40). Are you using a different version?

    You can also try explicitly setting the RegExpTextBoxSetting: SelectionOnFocus="CaretToBeginning" (or as desired) to see if this helps.

    Hope this helps!
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top