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

RadSplitContainer Minimum Height problem

1 Answer 185 Views
This is a migrated thread and some comments may be shown as answers.
Top achievements
Rank 1
Tijana asked on 28 Nov 2012, 04:40 PM
We have some issue using RadSplitContainer in RadWindow and we don't know how to solve it for some time.
What we want is to have two re-sizable panels, one below eachother, where first would have minimum height and other one's height would fill the rest.
In that first panel we load different controls, which have different height and we don't want to use vertical scroll bar, but to have the minimum height. Also, as an alternative, we could have fixed height of the first panel, it would be the solution, too.
In RadPaneGroup we load RadPane containing different types of our custom controls.

Here is the code:

<telerik:RadDocking  HorizontalAlignment="Stretch"  Name="radDocking1" VerticalAlignment="Stretch"
    d:DesignHeight="600" d:DesignWidth="800"
    <telerik:RadSplitContainer x:Name="RootContainer"
                               Orientation="Vertical" InitialPosition="DockedTop"
        <!--Actions - here different controls will be loaded -->
        <telerik:RadSplitContainer  HorizontalAlignment="Stretch"
                InitialPosition="DockedTop" telerik:ProportionalStackPanel.RelativeSize="0, 70"
               Name="ActionContainer"  >
                <!-- we load  RadPane here containing one of several  controls -->
        <telerik:RadSplitContainer HorizontalAlignment="Stretch"
                    telerik:ProportionalStackPanel.RelativeSize="0, 30"
               Name="InvoiceGridContainer" >
               <!-- we load  RadPane here containing other control -->

The issue occurs when we resize the window... only when we set min-height and resize or when min-height is bigger than some value... like.. bigger then 70% in this case, because of  telerik:ProportionalStackPanel.RelativeSize="0, 70"

Some white (light) control apears, inline with separator between those two splitt containers.

Attached are initial look when there is no resizing or min-height is not set...: controls.png
And another one which shows how control looks like when it is resized: resized.png

Please, help us, thank you in advance!

1 Answer, 1 is accepted

Sort by
Telerik team
answered on 03 Dec 2012, 02:06 PM
Hi Tijana,

We are aware of the described issue. Unfortunately RelativeSize property is not working with Height Property  at the same time. I can suggest you to have fixed Height size at the top SplitContainer (you could not be able to resize it) and the second one to be resizable.

Please, take a look at the attached project and let me know if this solution works for you.

the Telerik team

Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

Asked by
Top achievements
Rank 1
Answers by
Telerik team
Share this question