This is a migrated thread and some comments may be shown as answers.

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

1 Answer 81 Views
Input
This is a migrated thread and some comments may be shown as answers.
William
Top achievements
Rank 1
William asked on 11 May 2012, 01:45 PM
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.

1 Answer, 1 is accepted

Sort by
0
Richard
Top achievements
Rank 1
answered on 15 May 2012, 03:05 PM
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!
Tags
Input
Asked by
William
Top achievements
Rank 1
Answers by
Richard
Top achievements
Rank 1
Share this question
or