RadMenu over other objects

[Hans]

Hello everybody !

At the beginning of the page
I have a div with title in the left  and in the right corner of the div I have a combo box with some elements
Under this I have a Radmenu. The problem is when I click combo, the list that is open is under the menu bar.

What I'm doing wrong and how I can fix it?

Thank you !
Hans

[Shinu]

Hello Hans,


Set higher z-index value for the RadComboBox to show the control above menu.

Mark-up:

<telerik:RadComboBox Style="z-index: 9000;" ID="RadComboBox1" runat="server">
     <Items>
      . . .
     </Items>
 </telerik:RadComboBox>
 <br />
 <telerik:RadMenu ID="RadMenu1" runat="server">
     <Items>

-Shinu.

[Hans]

Hi !

Thanks for your answer !
It works what you said !

But now I have  a rad skin manager and a rad menu. In rad skin manager I choose ShowChooser = true so I have a combolist with Skins.When I open this list it shows the values under menu again. I can't put a Style property to RAdSkinMAnager. So what should I do ?

Regards
Hans

 Mark-up:

<telerik:RadSkinManager ID="RadSkinManager1" runat="server" Skin="Forest" ShowChooser="True" >

 

</telerik:RadSkinManager>
<telerik:RadMenu ID="RadMenu1" runat="server" Height="20px" Width="100%">

 

 

 

 

 

 

<Items>

 

 

 

 

 

 

<telerik:RadMenuItem runat="server" Text="Setup">

 

 

 

 

 

 

<Items>

 

 

 

 

 

 

<telerik:RadMenuItem runat="server" Text="Contractor">

 

 

 <

 

 

 

Items>

 

 

 <

 

 

 

telerik:RadMenuItem runat="server" Text="Card" Value="ContractorCard">

 

 

 

 

 

 

</telerik:RadMenuItem>

 

 

 

 

 

 

<telerik:RadMenuItem runat="server" Text="Employees">

 

 

 <

 

 

 

/telerik:RadMenuItem>

 

 

 

 

 

 

</Items>

 

 

 

 

 

 

</telerik:RadMenuItem>

 

 

 

 

 

 

</Items>

 

 

 

 

 

 

</telerik:RadMenuItem>

 

 

 

 

 

 

<telerik:RadMenuItem runat="server" Text="Timesheet">

 

 

 

 

 

 

<Items>

 

 

 

 

 

 

<telerik:RadMenuItem runat="server" Text="Contractor">

 

 

 

 

 

 

<Items>

 

 

 

 

 

 

<telerik:RadMenuItem runat="server" Text="Timesheet">

 

 

 

 

 

 

</telerik:RadMenuItem>

 

 

 

 

 

 

<telerik:RadMenuItem runat="server" Text="Reports">

 

 

 

 

 

 

</telerik:RadMenuItem>

 

 

 

 

 

 

</Items>

 

 

 

 

 

 

</telerik:RadMenuItem>

 

 

 

 

 

 

</Items>

 

 

 

 

 

 

</telerik:RadMenuItem>

 

 

 

 

 

 

</Items>

 

 

 

 

 

 

</telerik:RadMenu>

 

 

 

 

 

 

 

[Yana]

Hi Hans,

Please use the following css styles in order to apply higher z-index to RadSkinChooser:

<style type="text/css">
    .rcbSlide {
        z-index: 8001 !important;
    }
</style>

Greetings,
Yana
the Telerik team