
Deepak Vasudevan
Top achievements
Rank 2
Deepak Vasudevan
asked on 24 Feb 2012, 06:15 PM
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?
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?
6 Answers, 1 is accepted
0

msigman
Top achievements
Rank 2
answered on 28 Feb 2012, 04:44 AM
Hi Deepak,
Try something like this:
Try something like this:
<
telerik:RadComboBox
ID
=
"rcbDeptName"
runat
=
"server"
Width
=
"100"
OnClientTabSelected
=
"FocusControl();"
/>
function FocusControl() {
setTimeout(
function
() {
$telerik.$(
'#rcbDeptName_text'
).focus();
}, 0);
}
0

Deepak Vasudevan
Top achievements
Rank 2
answered on 28 Feb 2012, 05:53 PM
There is no change in the behavior. Not sure what focussing a particular control on Tab Enter will do.
0

msigman
Top achievements
Rank 2
answered on 28 Feb 2012, 06:01 PM
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
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();"
0
Hi Deepak,
Could you paste here the markup definition of the RadTabStrip?
Kind regards,
Ivana
the Telerik team
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.
0

Deepak Vasudevan
Top achievements
Rank 2
answered on 29 Feb 2012, 05:25 PM
<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.
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.
0
Hello Deepak,
I am unable to reproduce the behavior in question. I have been testing the following:
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
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
>
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.