ScrollablePanel not showing scrollbar

[Florian]

Hi there,

 

i have the following problem:

 

I have a RadScrollablePanel.

 Inside this Panel i added two RadGroupBox-Controls.

The first is positioned in the upper left corner with Anchor = Left Top Right and minimum size of 300

The second is positioned in the upper right corner with Anchor = Top Right.

 Now when resizing my Form, i expected when the Minium size is reached, the Scrollable Panel should show scrollbar. 

I added an example project

Thanks Florian Keller

 

 

[Florian]

Missed the project, have not noticed, i cant upload it.

 Made a gif and took screen shot from Doc-Outline

[Dess | Tech Support Engineer, Principal]

Hello Florian,

Thank you for writing.

I would like to note that RadScrollablePanel is supposed to show scrollbars when some of the content controls are positioned at a location outside the panel size. However, in the described scenario and the illustrated gif file, when shrinking RadScrollablePanel, the two RadGroupBox controls are repositioned and at a certain point they overlap each other. None of them is outside the visible area of RadScrollablePanel. That is why the scrollbars are not shown. Similar behavior is observed with a standard MS Panel (AutoScroll=true) and GroupBox controls. Please refer to the attached gif file.

I hope this information helps. Should you have further questions I would be glad to help.

 

Regards,
Dess
Telerik

[Florian]

Same behaviour in Visual Studio Designer View. The Panels are rendered outside the Form.

See Attached gif

[Dess | Tech Support Engineer, Principal]

Hello Florian,

Thank you for writing back.
 
It is normal that the design time resizing behavior is similar to the one. Note that exactly the same behavior is observed with the standard MS controls. In order to show the horizontal scrollbar when shrinking the form, you should leave the radGroupBox2.Anchor property to its default value Top|Left.

I hope this information helps. If you have any additional questions, please let me know.

Regards,
Dess
Telerik

[Florian]

Thanks for your answer.

 This is not the behaviour i need.

 I made an example with WPF-Controls, see attached gif.

Xaml:

<Window x:Class="WpfApplication1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="340" Width="526">
    <ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">
        <Grid Height="250" HorizontalAlignment="Stretch" VerticalAlignment="Top">

            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*" MinWidth="150"/>
                <ColumnDefinition Width="150"/>
            </Grid.ColumnDefinitions>


            <GroupBox Grid.Column="0" Background="Blue"/>
            <GroupBox Grid.Column="1" Background="Red"/>
        </Grid>
    </ScrollViewer>

</Window>

[Florian]

Ok got it working.

 Wrap both GroupBoxes in RadLayoutControl. Set Dock = Fill for RadLayoutControl.

 Set MinSize for Left LayoutControlItem.

Set MinSize and MaxSize for Right LayoutControlItem.

 

 

[Stefan]

Hi Florian,

I am glad to hear you managed to find a suitable solution for your case.

RadLayoutControl is the latest addition to the suite, so if you have any feedback about it, we will be happy to hear it.

Regards,
Stefan
Telerik