Hi
im using rad Menu and Rad window in my page
in IE and fireFox everything just work fine
but in google chrome rad window goes under the rad menu i have set the z-order of window to 8001 but stiil it does not work in chrome what should i do??
thank you
im using rad Menu and Rad window in my page
in IE and fireFox everything just work fine
but in google chrome rad window goes under the rad menu i have set the z-order of window to 8001 but stiil it does not work in chrome what should i do??
thank you
4 Answers, 1 is accepted
0

Princy
Top achievements
Rank 2
answered on 09 Jan 2012, 05:52 AM
Hello,
Try settting Z-index as shown below.
CSS:
Thanks,
Princy.
Try settting Z-index as shown below.
CSS:
<style type=
"text/css"
>
.windowcss
{
z-index
:
7000
! important; // for window
}
.menucss
{
z-index
:
200
! important; // for menu
}
</style>
Thanks,
Princy.
0

Pouya
Top achievements
Rank 1
answered on 11 Jan 2012, 09:12 AM
actually i've set it and it works fine in IE and Firefox but in google chrome it dose not work :(
0

Princy
Top achievements
Rank 2
answered on 11 Jan 2012, 10:44 AM
Hello,
I have tried the same in Google chrome and it worked as expexcted at my end. My Google Chrome version is 16.0.912.75. Here is the sample code and screenshot.
ASPX:
CSS:
Thanks,
Princy.
I have tried the same in Google chrome and it worked as expexcted at my end. My Google Chrome version is 16.0.912.75. Here is the sample code and screenshot.
ASPX:
<
telerik:RadWindowManager
ID
=
"WindowManager"
runat
=
"server"
Modal
=
"true"
CssClass
=
"windowcss"
>
<
Windows
>
<
telerik:RadWindow
ID
=
"win1"
runat
=
"server"
VisibleOnPageLoad
=
"true"
></
telerik:RadWindow
>
</
Windows
>
</
telerik:RadWindowManager
>
<
telerik:RadMenu
ID
=
"RadMenu1"
runat
=
"server"
Flow
=
"Vertical"
CssClass
=
"menucss"
>
<
Items
>
<
telerik:RadMenuItem
Text
=
"item 1"
>
<
Items
>
<
telerik:RadMenuItem
Text
=
"sub 1 1"
/>
<
telerik:RadMenuItem
Text
=
"sub 1 2"
/>
<
telerik:RadMenuItem
Text
=
"sub 1 3"
/>
</
Items
>
... ... ...
</
telerik:RadMenu
>
CSS:
<style type=
"text/css"
>
.windowcss
{
z-index
:
7000
! important;
}
.menucss
{
z-index
:
200
! important;
}
</style>
Thanks,
Princy.
0