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

[Solved] RadEditor & RadWindow don;t play nice

4 Answers 164 Views

Editor

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

Stuart Hemming asked on 22 Jul 2010, 06:28 PM

Consider the following page ...

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

<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

answered on 27 Jul 2010, 10:59 AM

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:

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

[Solved] RadEditor &amp; RadWindow don;t play nice

4 Answers, 1 is accepted

[Solved] RadEditor & RadWindow don;t play nice