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

RadEditor & RadWindow don;t play nice

4 Answers 71 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Stuart Hemming
Top achievements
Rank 2
Stuart Hemming asked on 22 Jul 2010, 06:28 PM
Consider the following page ...
  <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

Sort by
0
Stuart Hemming
Top achievements
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
0
Stuart Hemming
Top achievements
Rank 2
answered on 27 Jul 2010, 08:23 AM
Quiet in here, isn't it?

-- 
Stuart
0
Rumen
Telerik team
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
0
Stuart Hemming
Top achievements
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
Tags
Editor
Asked by
Stuart Hemming
Top achievements
Rank 2
Answers by
Stuart Hemming
Top achievements
Rank 2
Rumen
Telerik team
Share this question
or