Similar styled RadCombo's in two tab pageviews behave differently

[Deepak Vasudevan]

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?

[msigman]

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);
}

[Deepak Vasudevan]

There is no change in the behavior. Not sure what focussing a particular control on Tab Enter will do.

[msigman]

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();" 

[Ivana]

Hi Deepak,

Could you paste here the markup definition of the RadTabStrip?

Kind regards,
Ivana
the Telerik team

[Deepak Vasudevan]

               <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.

[Ivana]

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