Hello
I have a radmenu inside a radpane and there are radpanes within splitbars on left and bottom of the menu i want the parent menu to be inside its own radpane but only the submenu should overlay i have tried styple position and z index when i apply to that to menu the parent radmenu is coming out of the radpane i just want the submenu to come up i have included an image of the problem.
Thank you
JJ
I have a radmenu inside a radpane and there are radpanes within splitbars on left and bottom of the menu i want the parent menu to be inside its own radpane but only the submenu should overlay i have tried styple position and z index when i apply to that to menu the parent radmenu is coming out of the radpane i just want the submenu to come up i have included an image of the problem.
Thank you
JJ
4 Answers, 1 is accepted
0
SKande
Top achievements
Rank 2
answered on 17 Jun 2013, 05:38 PM
Need help !!!
0
Hello JJ,
I assume that you get the appearance issue since the pane of the RadSplitter control has an overflow style that is set to hidden. To workaround it I would suggest that you set it to visible and check how it goes (you can use the FireBug tool for FireFox for example). In case this does not help I would suggest that you provide either a live url or a very simplified page demonstrating the appearance so I can test it locally and assist you in getting the desired look.
Regards,
Kate
Telerik
I assume that you get the appearance issue since the pane of the RadSplitter control has an overflow style that is set to hidden. To workaround it I would suggest that you set it to visible and check how it goes (you can use the FireBug tool for FireFox for example). In case this does not help I would suggest that you provide either a live url or a very simplified page demonstrating the appearance so I can test it locally and assist you in getting the desired look.
Regards,
Kate
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
0
SKande
Top achievements
Rank 2
answered on 15 Jul 2013, 03:19 PM
Hello I have included the demo project files and the error in my UI i have used the fire bug but could not able to find a real solution for that I want a file Menu to be inserted in the Left Menu bottom one but the sub options are going under the panel bar can you help me in resolving this error it will be very help ful and I am not able to adjust the radpane heights i donot want a scroll bar but it is always showing a scroll bar even if i am changing the min height to any number.
<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<
asp:Content
ID
=
"HeaderContent"
runat
=
"server"
ContentPlaceHolderID
=
"HeadContent"
>
</
asp:Content
>
<
asp:Content
ID
=
"BodyContent"
runat
=
"server"
ContentPlaceHolderID
=
"MainContent"
>
<
asp:UpdatePanel
ID
=
"UpdatePanel3"
runat
=
"server"
UpdateMode
=
"Conditional"
>
<
ContentTemplate
>
<
div
class
=
"main-banner"
>
<
div
class
=
"app-banner"
>
<
telerik:RadScriptManager
ID
=
"RadScriptManager1"
Runat
=
"server"
>
</
telerik:RadScriptManager
>
<
telerik:RadPanelBar
runat
=
"server"
ID
=
""
Width
=
"100%"
EnableEmbeddedBaseStylesheet
=
"true"
EnableEmbeddedSkins
=
"false"
>
<
Items
>
<
telerik:RadPanelItem
Text
=
""
Expanded
=
"True"
>
<
Items
>
<
telerik:RadPanelItem
Value
=
""
>
<
ItemTemplate
>
<
div
id
=
"ParentDivElement"
style
=
"height: 100%;"
>
<
telerik:RadSplitter
ID
=
"MainSplitter"
runat
=
"server"
Height
=
"100%"
Width
=
"100%"
ResizeWithBrowserWindow
=
"true"
FullScreenMode
=
"true"
Orientation
=
"Horizontal"
>
<
telerik:RadPane
ID
=
"TopPane"
runat
=
"server"
Height
=
"50"
MinHeight
=
"40"
MaxHeight
=
"60"
Collapsed
=
"true"
Scrolling
=
"none"
>
</
telerik:RadPane
>
<
telerik:RadSplitBar
ID
=
"RadsplitbarTop"
runat
=
"server"
CollapseMode
=
"Forward"
/>
<
telerik:RadPane
ID
=
"MainPane"
runat
=
"server"
Scrolling
=
"none"
MinWidth
=
"500"
MinHeight
=
"500"
>
<
telerik:RadSplitter
ID
=
"NestedSplitter"
runat
=
"server"
LiveResize
=
"true"
>
<
telerik:RadPane
ID
=
"LeftPane"
runat
=
"server"
Width
=
"250"
MinWidth
=
"200"
MaxWidth
=
"450"
Height
=
"40"
MinHeight
=
"30"
Scrolling
=
"None"
>
<
telerik:RadSplitter
ID
=
"RadSplitter1"
runat
=
"server"
Orientation
=
"Horizontal"
CollapseMode
=
"Forward"
>
<
telerik:RadPane
ID
=
"RadPane1"
runat
=
"server"
Height
=
"400"
MinHeight
=
"150"
Scrolling
=
"Both"
>
</
telerik:RadPane
>
<
telerik:RadSplitBar
ID
=
"rsbAddFiles"
runat
=
"server"
CollapseMode
=
"Forward"
/>
<
telerik:RadPane
ID
=
"RadPane2"
runat
=
"server"
Height
=
"100"
MinHeight
=
"100"
MaxHeight
=
"150"
Scrolling
=
"none"
>
</
telerik:RadPane
>
<
telerik:RadSplitBar
ID
=
"rsbJobInfo"
runat
=
"server"
CollapseMode
=
"Forward"
/>
<
telerik:RadPane
ID
=
"RadPane3"
runat
=
"server"
Height
=
"1200"
MinHeight
=
"250"
>
<%-- File Menu for job Options --%>
<%-- The child Items are sliding under the panel bar how to set the file Menu to occupy entire radpane and child items to be displayed on above the radpane... --%>
</
telerik:RadPane
>
</
telerik:RadSplitter
>
</
telerik:RadPane
>
<
telerik:RadSplitBar
ID
=
"VerticalSplitBar"
runat
=
"server"
CollapseMode
=
"Forward"
/>
<
telerik:RadPane
ID
=
""
runat
=
"server"
>
</
telerik:RadPane
>
</
telerik:RadSplitter
>
</
telerik:RadPane
>
<
telerik:RadSplitBar
ID
=
"RadSplitBarBottom"
runat
=
"server"
Orientation
=
"Horizontal"
CollapseMode
=
"Backward"
/>
<
telerik:RadPane
ID
=
"BottomPane"
runat
=
"server"
Height
=
"40"
MinHeight
=
"30"
MaxHeight
=
"60"
Collapsed
=
"true"
Scrolling
=
"none"
>
</
telerik:RadPane
>
</
telerik:RadSplitter
>
</
div
>
</
ItemTemplate
>
</
telerik:RadPanelItem
>
</
Items
>
</
telerik:RadPanelItem
>
</
Items
>
</
telerik:RadPanelBar
>
</
div
>
</
div
>
</
ContentTemplate
>
</
asp:UpdatePanel
>
</
asp:Content
>
0
Hello JJ,
I tested the code that you provided and it seems that you will need to set the overflow property of two panes to visible. Please find the attached file that is base on the provided code and that provide an example of the describe approach.
Regards,
Kate
Telerik
I tested the code that you provided and it seems that you will need to set the overflow property of two panes to visible. Please find the attached file that is base on the provided code and that provide an example of the describe approach.
Regards,
Kate
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.