Hello,
RadControls v2011.1.413.35
I am using a RadSplitter as a container for my application. The splitter has a top row that contains a header, a middle row that contains a nested RadSplitter with two columns (left side is a RadPanelBar menu and right side is content).
My requirements are to support a minimum screen resolution of 1024 x 768.
I want a RadSplitter that occupies 100% height and 100% width, but maintain a minimum height and width of 1000 x 600, and when this occurs, display horizontal and/or vertical scrollbars when necessary to be able to scroll to see the entire application.
I tried using your online example for 100% width and height and that works just fine. However, when I tried to limit the height and width using MinHeight and MinWidth properties for the RadPanes it does not work when the browser is resized smaller and I get no scrollbars.
Here is my Splitter code:
is this possible?
Thanks,
Randall Price
Senior Developer
Virginia Tech
RadControls v2011.1.413.35
I am using a RadSplitter as a container for my application. The splitter has a top row that contains a header, a middle row that contains a nested RadSplitter with two columns (left side is a RadPanelBar menu and right side is content).
My requirements are to support a minimum screen resolution of 1024 x 768.
I want a RadSplitter that occupies 100% height and 100% width, but maintain a minimum height and width of 1000 x 600, and when this occurs, display horizontal and/or vertical scrollbars when necessary to be able to scroll to see the entire application.
I tried using your online example for 100% width and height and that works just fine. However, when I tried to limit the height and width using MinHeight and MinWidth properties for the RadPanes it does not work when the browser is resized smaller and I get no scrollbars.
Here is my Splitter code:
<
div
id
=
"ParentDivElement"
style
=
"height: 100%;"
>
<
telerik:RadSplitter
ID
=
"MainSplitter"
runat
=
"server"
Height
=
"100%"
Width
=
"100%"
Orientation
=
"Horizontal"
>
<!-- TOP pane -->
<
telerik:RadPane
ID
=
"TopPane"
runat
=
"server"
Height
=
"64px"
MinHeight
=
"64"
Scrolling
=
"none"
>
<!-- Place the header info here -->
</
telerik:RadPane
>
<!-- MIDDLE pane -->
<
telerik:RadPane
ID
=
"MainPane"
runat
=
"server"
Scrolling
=
"none"
>
<
telerik:RadSplitter
ID
=
"NestedSplitter"
runat
=
"server"
LiveResize
=
"true"
>
<!-- LEFT pane -->
<
telerik:RadPane
ID
=
"LeftPane"
runat
=
"server"
Height
=
"500px"
MinHeight
=
"500"
MinWidth
=
"220"
Width
=
"220px"
>
<!-- Place the RadPanelBar menu here -->
</
telerik:RadPane
>
<!-- RIGHT pane -->
<
telerik:RadPane
ID
=
"ContentPane"
runat
=
"server"
Height
=
"500px"
MinHeight
=
"500"
MinWidth
=
"760"
Width
=
"760px"
>
<!-- Place the content of the pane here -->
</
telerik:RadPane
>
</
telerik:RadSplitter
>
</
telerik:RadPane
>
</
telerik:RadSplitter
>
</
div
>
is this possible?
Thanks,
Randall Price
Senior Developer
Virginia Tech