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

Property SizeToContent in RadPane

1 Answer 114 Views
Docking
This is a migrated thread and some comments may be shown as answers.
Gregory
Top achievements
Rank 1
Gregory asked on 16 Jun 2014, 04:26 PM
Hello,
I would like implement RadDocking to Mainboard Panel - example in file: "Przyklad_do_RadDocking.png". But I don't know how I can set property SizeToContent to RadPane. In next step I want add VerticalScrollBar to RadDocking. But I think RadDocking always have only 100% visible size.

1 Answer, 1 is accepted

Sort by
0
Vladi
Telerik team
answered on 17 Jun 2014, 02:15 PM
Hi Gregory,

In the current version of RadDocking setting the Width/Height properties of any RadPaneGroup/RadPane is not supported. We have a logged feature request for such functionality in our feedback portal. The RadDocking control as any dock manager automatically stretches its contents (groups, panes) in order to fully occupy the available space. In the attached screenshot it seems there is no DocumetnHost in the layout. In that case you can take advantage of the RelativeSize's of the ProportionalStackPanel in order to achieve a very similar layout.

Placing RadDocking inside a ScrollViewer in order to have scrollbars or any other container which measures its Width/Height with infinity is not supported. In those cases a NotSupportedException will be thrown. If avoinding such container for the RadDocking is not possible you can set the AllowUnsafeMode property of the control to true in order to suppress the mentioned exception. Note that as the name of the property says this is an unsafe way of using the RadDocking control and there could be some unexpected behaviors which are unavoidable.

The next code snippet shows an example of how the shown in the screenshot layout could be achieved with RelativeSizes, hope this is helpful:
<telerik:RadDocking HasDocumentHost="False">
    <telerik:RadSplitContainer>
        <telerik:RadSplitContainer Orientation="Vertical" telerik:ProportionalStackPanel.RelativeSize="50, 100">
            <telerik:RadSplitContainer telerik:ProportionalStackPanel.RelativeSize="100, 20">
                <telerik:RadPaneGroup>
                    <telerik:RadPane Header="Device Information: Height 20%">
                        Place holder for Device Information
                    </telerik:RadPane>
                </telerik:RadPaneGroup>
            </telerik:RadSplitContainer>
            <telerik:RadSplitContainer telerik:ProportionalStackPanel.RelativeSize="100, 30">
                <telerik:RadPaneGroup>
                    <telerik:RadPane Header="System Status: Height 30%">
                        Place holder for System Status
                    </telerik:RadPane>
                </telerik:RadPaneGroup>
            </telerik:RadSplitContainer>
            <telerik:RadSplitContainer telerik:ProportionalStackPanel.RelativeSize="100, 50">
                <telerik:RadPaneGroup>
                    <telerik:RadPane Header="System Resources: Height 50%">
                        Place holder for System Resources
                    </telerik:RadPane>
                </telerik:RadPaneGroup>
            </telerik:RadSplitContainer>
        </telerik:RadSplitContainer>
        <telerik:RadSplitContainer telerik:ProportionalStackPanel.RelativeSize="50, 100"
                                Orientation="Vertical">
            <telerik:RadSplitContainer telerik:ProportionalStackPanel.RelativeSize="100, 40">
                <telerik:RadPaneGroup>
                    <telerik:RadPane Header="Secured Service Status: Height 40%">
                        Place holder for Secured Service Status
                    </telerik:RadPane>
                </telerik:RadPaneGroup>
            </telerik:RadSplitContainer>
            <telerik:RadSplitContainer telerik:ProportionalStackPanel.RelativeSize="100, 40">
                <telerik:RadPaneGroup>
                    <telerik:RadPane Header="Content Filter Statistics: Height 40%">
                        Place holder for Content Filter Statistics
                    </telerik:RadPane>
                </telerik:RadPaneGroup>
            </telerik:RadSplitContainer>
            <telerik:RadSplitContainer telerik:ProportionalStackPanel.RelativeSize="100, 20">
                <telerik:RadPaneGroup>
                    <telerik:RadPane Header="Top 5 Voruses: Height 20%">
                        Place holder for Top 5 Voruses
                    </telerik:RadPane>
                </telerik:RadPaneGroup>
            </telerik:RadSplitContainer>
        </telerik:RadSplitContainer>
    </telerik:RadSplitContainer>
</telerik:RadDocking>


Regards,
Vladi
Telerik
 
Check out Telerik Analytics, the service which allows developers to discover app usage patterns, analyze user data, log exceptions, solve problems and profile application performance at run time. Watch the videos and start improving your app based on facts, not hunches.
 
Tags
Docking
Asked by
Gregory
Top achievements
Rank 1
Answers by
Vladi
Telerik team
Share this question
or