Stuart Hemming
Top achievements
Rank 2
Rank 2
Stuart Hemming
asked on 22 Jul 2010, 06:28 PM
Consider the following page ...
Run the page. Click on the combobox and the dropdown appears. Click on the datepicker button and the calendar appears.
Now, click on the editor and the toolbar appears, but subsequent clicks on the other 2 controls will, seemingly, fail to display the popups.
In fact, they do display but behind the window.
--
Stuart
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> </head> <body> <form id="form1" runat="server"> <telerik:radscriptmanager runat="server"></telerik:radscriptmanager> <br/> <br/> <br/> <br/> <br/> <br/> <div> <telerik:RadWindow ID="winDetail" runat="server" Behaviors="None" Left="686px" Height="452px" Top="130px" VisibleOnPageLoad="true" VisibleStatusbar="false" VisibleTitlebar="false" Width="300px" style="margin-bottom: 49px"> <ContentTemplate> <telerik:RadComboBox ID="RadComboBox1" runat="server"> <Items> <telerik:RadComboBoxItem Value="1" Text="Monday"/> <telerik:RadComboBoxItem Value="2" Text="Tuesday"/> <telerik:RadComboBoxItem Value="4" Text="Wednesday"/> <telerik:RadComboBoxItem Value="8" Text="Thurday"/> <telerik:RadComboBoxItem Value="16" Text="Friday"/> <telerik:RadComboBoxItem Value="32" Text="Saturday"/> <telerik:RadComboBoxItem Value="64" Text="Sunday"/> </Items> </telerik:RadComboBox> <telerik:RadEditor ID="RadEditor1" runat="server" EnableResize="false" ContentAreaMode="Div" EditModes="Design" Height="100px" NewLineBr="false" ToolbarMode="ShowOnFocus" ToolsFile="~/App_Data/Editor/ToolsFileLimited.xml" Width="256px"> </telerik:RadEditor> <telerik:RadDatePicker Runat="server"></telerik:RadDatePicker> </ContentTemplate> </telerik:RadWindow> </div> </form> </body></html>Run the page. Click on the combobox and the dropdown appears. Click on the datepicker button and the calendar appears.
Now, click on the editor and the toolbar appears, but subsequent clicks on the other 2 controls will, seemingly, fail to display the popups.
In fact, they do display but behind the window.
--
Stuart
4 Answers, 1 is accepted
0
Stuart Hemming
Top achievements
Rank 2
Rank 2
answered on 22 Jul 2010, 06:31 PM
FWIW I believe that it is the ShowOnFocus property that's the cause of the problem.
--
Stuart
--
Stuart
0
Stuart Hemming
Top achievements
Rank 2
Rank 2
answered on 27 Jul 2010, 08:23 AM
Quiet in here, isn't it?
--
Stuart
--
Stuart
0
Hi Stuart,
The problem is due to that the ShowOnFocus toolbar is based on RadWindow, which is loaded with higher z-index than this of the Combobox and DatePicker control popups.
The default z-indexes of Telerik controls are shown below:
Once the ShowOnFocus toolbar is displayed, this automatically increases the z-index of RadWindow and it hides the popups of RadCombo and RadDatePicker controls. To fix this problem, my suggestion is to set the zIndex properties of RadCombo and RadDatePicker to
<telerik:RadComboBox ID="RadComboBox1" ZIndex="11000" runat="server"></telerik:RadComboBox>
<telerik:RadDatePicker Runat="server" ZIndex="12000"></telerik:RadDatePicker>
and test again.
Sincerely yours,
Rumen
the Telerik team
The problem is due to that the ShowOnFocus toolbar is based on RadWindow, which is loaded with higher z-index than this of the Combobox and DatePicker control popups.
The default z-indexes of Telerik controls are shown below:
- RadAjaxLoadingPanel - 90000
- RadToolBar - 9000
- RadToolTip - 8000
- RadMenu - 7000
- RadCombo - 6000
- RadDatePicker - 5000
- RadColorPicker - 4000
- RadFilter "add group/expression" dropdown - 3500
- RadWindow - 3000
- RadGrid's PopUp edit form - 2500
- RadScheduler's PopUp edit form - 2500
- RadSplitter - 2000
- RadDock - 1000
Once the ShowOnFocus toolbar is displayed, this automatically increases the z-index of RadWindow and it hides the popups of RadCombo and RadDatePicker controls. To fix this problem, my suggestion is to set the zIndex properties of RadCombo and RadDatePicker to
<telerik:RadComboBox ID="RadComboBox1" ZIndex="11000" runat="server"></telerik:RadComboBox>
<telerik:RadDatePicker Runat="server" ZIndex="12000"></telerik:RadDatePicker>
and test again.
Sincerely yours,
Rumen
the Telerik team
Do you want to have your say when we set our development plans?
Do you want to know when a feature you care about is added or when a bug fixed?
Explore the
Telerik Public Issue Tracking
system and vote to affect the priority of the items
0
Stuart Hemming
Top achievements
Rank 2
Rank 2
answered on 27 Jul 2010, 11:28 AM
Hi Rumen,
Thanks for the info.
I'll give that a shot and get back to you.
--
Stuart
Thanks for the info.
I'll give that a shot and get back to you.
--
Stuart