Similar styled RadCombo's in two tab pageviews behave differently

7 posts, 0 answers
  1. Deepak Vasudevan
    Deepak Vasudevan avatar
    82 posts
    Member since:
    May 2010

    Posted 24 Feb 2012 Link to this post

    I have a combobox one in each PageView pages in the following way

    Pageview 1

    <telerik:RadComboBox ID="rcbManagerName" runat="server" Width="100" />

    Pageview 2
    <telerik:RadComboBox ID="rcbDeptName" runat="server" Width="100" />

    In Pageview, I am able to focus to the combobox, use keyboard to type and it is able to locate the match. Whereas the pageview's combobox does not accept keyboard inputs. I have to use the mouse to select the entry. What should I do for combobox2 to make it key-friendly?
  2. msigman
    msigman avatar
    141 posts
    Member since:
    Apr 2008

    Posted 27 Feb 2012 Link to this post

    Hi Deepak,

    Try something like this: 
    <telerik:RadComboBox ID="rcbDeptName" runat="server" Width="100" OnClientTabSelected="FocusControl();" />


    function FocusControl() {
        setTimeout(function () {
            $telerik.$('#rcbDeptName_text').focus();
        }, 0);
    }

  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Deepak Vasudevan
    Deepak Vasudevan avatar
    82 posts
    Member since:
    May 2010

    Posted 28 Feb 2012 Link to this post

    There is no change in the behavior. Not sure what focussing a particular control on Tab Enter will do.
  5. msigman
    msigman avatar
    141 posts
    Member since:
    Apr 2008

    Posted 28 Feb 2012 Link to this post

    Deepak,

    I pasted the wrong code for you.  I am assuming that because you're using PageViews, that you also have a RadTabStrip, right?  Add this to the tabstrip OnClientTabSelected="FocusControl();" 
  6. Ivana
    Admin
    Ivana avatar
    657 posts

    Posted 29 Feb 2012 Link to this post

    Hi Deepak,

    Could you paste here the markup definition of the RadTabStrip?

    Kind regards,
    Ivana
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  7. Deepak Vasudevan
    Deepak Vasudevan avatar
    82 posts
    Member since:
    May 2010

    Posted 29 Feb 2012 Link to this post

                   <telerik:RadTabStrip ID="radChildTab" runat="server" Align="Center" BorderStyle="None"
                                MultiPageID="radChildTabPage" AutoPostBack="true" OnTabClick="radChildTab_OnTabClicked">

    Pl. note that this TAB is located within another aspx that contains a tab. This ascx is located within a pageview of the latter.
  8. Ivana
    Admin
    Ivana avatar
    657 posts

    Posted 05 Mar 2012 Link to this post

    Hello Deepak,

    I am unable to reproduce the behavior in question. I have been testing the following:
    <telerik:RadTabStrip ID="RadTabStrip1" runat="server" Orientation="HorizontalBottom"
        Skin="WebBlue" SelectedIndex="0" MultiPageID="RadMultiPage1" AutoPostBack="true">
        <Tabs>
            <telerik:RadTab Text="Tab 1" Width="100px">
            </telerik:RadTab>
            <telerik:RadTab Text="Tab 2" Width="100px">
            </telerik:RadTab>
        </Tabs>
    </telerik:RadTabStrip>
    <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" Height="240px"
        Width="396px" CssClass="multiPage">
        <telerik:RadPageView runat="server">
            <telerik:RadComboBox ID="RadComboBox1" runat="server" AllowCustomText="true" EmptyMessage="select 1">
                <Items>
                    <telerik:RadComboBoxItem Text="item1" />
                    <telerik:RadComboBoxItem Text="item2" />
                    <telerik:RadComboBoxItem Text="item3" />
                </Items>
            </telerik:RadComboBox>
        </telerik:RadPageView>
        <telerik:RadPageView ID="RadPageView1" runat="server">
            <telerik:RadComboBox ID="RadComboBox2" runat="server" AllowCustomText="true" EmptyMessage="select 2">
                <Items>
                    <telerik:RadComboBoxItem Text="item1" />
                    <telerik:RadComboBoxItem Text="item2" />
                    <telerik:RadComboBoxItem Text="item3" />
                </Items>
            </telerik:RadComboBox>
        </telerik:RadPageView>
    </telerik:RadMultiPage>
    Am I missing something?

    Also, have you made sure that both RadComboBoxes have the AllowCustomText property set to true? If it  is set to false, in some browsers the control's focus will not be visible but you will be still able to navigate trough the items.

    If you still have troubles, you can open a support ticket and send us a sample page with the issues replicated in it, or paste here all the code involved in this scenario so we will be able to reproduce the issues locally.

    All the best,
    Ivana
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017