Resize problem

[Oliver]

Hi,

I have a docking application and I want to resize my RadSplitContainer to have a 8.5 X 11 look because inside of it, I want to display scanned documents. When I try to do it, look at the picture what happen, it's look like to content of the RadSplitContainer is resizing but border become present...

Also, can you tell me if it's possible to block users to resize a RadPane, a RadPaneGroup or a RadSplitContainer ?

Here is the XAML:

<

 

Window x:Class="com.christiegrp.Neuron.ClientApplication.DictationForm"

 

 

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

 

 

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

 

 

xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"

 

 

xmlns:helper="clr-namespace:com.christiegrp.Neuron.ClientApplication;assembly=ClientHelper"

 

 

xmlns:telerikRibbonBar="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.RibbonBar"

 

 

Title="DictationForm" Name="Me" WindowState="Maximized"

 

 

telerik:PersistenceManager.StorageId="DictationForm">

 

 

 

 

<!--

 

PreviewClosed="Me_PreviewClosed"

SizeToContent="False"

-->

<!--

<telerik:RadWindow.IconTemplate>

<DataTemplate>

<Image Source="Resources/DictationModuleWPF_48x48.png" Height="24" Width="24" Stretch="Fill" Margin="0 2 3 0" />

</DataTemplate>

</telerik:RadWindow.IconTemplate>

-->

 

 

<Window.Resources>

 

 

 

<ResourceDictionary>

 

 

 

<helper:LetterFormatWidth x:Key="letterFormatWidth" />

 

 

 

<ResourceDictionary.MergedDictionaries>

 

 

 

<ResourceDictionary Source="DictationForm-Fr-Res.xaml"/>

 

 

 

<ResourceDictionary Source="pack://application:,,,/Resources;component/Neuron-CustomStyles.xaml"/>

 

 

 

<ResourceDictionary Source="/Telerik.Windows.Controls.Navigation;component/Themes/GenericOfficeBlack.xaml"/>

 

 

 

</ResourceDictionary.MergedDictionaries>

 

 

 

</ResourceDictionary>

 

 

 

</Window.Resources>

 

 

 

<Grid Name="gridRoot">

 

 

 

<Grid.RowDefinitions>

 

 

 

<RowDefinition Height="Auto" />

 

 

 

<RowDefinition Height="*" />

 

 

 

</Grid.RowDefinitions>

 

 

 

<!-- The following element is used to trigger an event allowing to replace the language resources before they are used. -->

 

 

 

<TextBlock Initialized="ReplaceLanguageResources"/>

 

 

 

<telerikRibbonBar:RadRibbonBar Name="radRibbonBar" Margin="10 10 10 0" telerik:KeyTipService.IsKeyTipsEnabled="True" MinimizeButtonVisibility="Visible" ApplicationName="Neuron" IsMinimized="True" ApplicationButtonImageSource="Resources/Neuron_32x32.png">

 

 

 

<telerikRibbonBar:RadRibbonBar.Effect>

 

 

 

<DropShadowEffect />

 

 

 

</telerikRibbonBar:RadRibbonBar.Effect>

 

 

 

<telerikRibbonBar:RadRibbonBar.ApplicationMenu>

 

 

 

<telerikRibbonBar:ApplicationMenu telerik:KeyTipService.AccessText="F">

 

 

 

<telerikRibbonBar:ApplicationMenu.Content>

 

 

 

<StackPanel Width="300">

 

 

 

<telerikRibbonBar:RadGroupHeader Content="Menu" />

 

 

 

<telerikRibbonBar:RadRibbonButton Content="1. Option..." HorizontalAlignment="Stretch" />

 

 

 

<telerikRibbonBar:RadRibbonButton Content="2. Option..." HorizontalAlignment="Stretch" />

 

 

 

<telerikRibbonBar:RadRibbonButton Content="3. Option..." HorizontalAlignment="Stretch" />

 

 

 

<telerikRibbonBar:RadRibbonButton Content="4. Option..." HorizontalAlignment="Stretch" />

 

 

 

<telerikRibbonBar:RadRibbonButton Content="5. Option..." HorizontalAlignment="Stretch" />

 

 

 

<telerikRibbonBar:RadRibbonButton Content="6. Option..." HorizontalAlignment="Stretch" />

 

 

 

<telerikRibbonBar:RadRibbonButton Content="7. Option..." HorizontalAlignment="Stretch" />

 

 

 

</StackPanel>

 

 

 

</telerikRibbonBar:ApplicationMenu.Content>

 

 

 

<telerikRibbonBar:ApplicationMenu.FooterContent>

 

 

 

<StackPanel Height="25" Orientation="Horizontal">

 

 

 

<telerik:RadButton Width="106" Height="22" Margin="3 0" Click="radButtonQuit_Click">

 

 

 

<telerik:RadButton.Content>

 

 

 

<StackPanel Orientation="Horizontal" VerticalAlignment="Center" Margin="3 0 5 0">

 

 

 

<Image Width="16" Height="16" Source="Resources/Exit_32x32.png" />

 

 

 

<TextBlock Margin="4 0 0 0" VerticalAlignment="Center" Text="{StaticResource Quit}" />

 

 

 

</StackPanel>

 

 

 

</telerik:RadButton.Content>

 

 

 

</telerik:RadButton>

 

 

 

</StackPanel>

 

 

 

</telerikRibbonBar:ApplicationMenu.FooterContent>

 

 

 

<telerikRibbonBar:RadRibbonButton Text="1. Option..." />

 

 

 

<telerikRibbonBar:Separator />

 

 

 

<telerikRibbonBar:RadRibbonButton Text="2. Option..." />

 

 

 

<telerikRibbonBar:RadRibbonButton Text="3. Option..." />

 

 

 

<telerikRibbonBar:Separator />

 

 

 

<telerikRibbonBar:RadRibbonButton Text="4. Option..." />

 

 

 

<telerikRibbonBar:RadRibbonButton Text="5. Option..." />

 

 

 

<telerikRibbonBar:RadRibbonButton Text="6. Option..." />

 

 

 

<telerikRibbonBar:Separator />

 

 

 

<telerikRibbonBar:RadRibbonButton Text="7. Option..." LargeImage="Resources/Exit_32x32.png" />

 

 

 

</telerikRibbonBar:ApplicationMenu>

 

 

 

</telerikRibbonBar:RadRibbonBar.ApplicationMenu>

 

 

 

<telerikRibbonBar:RadRibbonBar.QuickAccessToolBar>

 

 

 

<telerikRibbonBar:QuickAccessToolBar>

 

 

 

<!--

 

<telerikRibbonBar:RadRibbonButton SmallImage="Resources/Departments_32x32.png" SnapsToDevicePixels="True"/>

<telerikRibbonBar:RadRibbonButton SmallImage="Resources/Billing_32x32.png" SnapsToDevicePixels="True"/>

<telerikRibbonBar:RadRibbonButton SmallImage="Resources/Receivables_32x32.png" SnapsToDevicePixels="True"/>

<telerikRibbonBar:RadRibbonButton SmallImage="Resources/Reports_32x32.png" SnapsToDevicePixels="True"/>

<telerikRibbonBar:RadRibbonButton SmallImage="Resources/Files_32x32.png" SnapsToDevicePixels="True"/>

<telerikRibbonBar:RadRibbonButton SmallImage="Resources/Configuration_32x32.png" SnapsToDevicePixels="True"/>

-->

 

 

<telerikRibbonBar:RadRibbonButton SmallImage="Resources/Exit_32x32.png" SnapsToDevicePixels="True" Click="radButtonQuit_Click"/>

 

 

 

</telerikRibbonBar:QuickAccessToolBar>

 

 

 

</telerikRibbonBar:RadRibbonBar.QuickAccessToolBar>

 

 

 

</telerikRibbonBar:RadRibbonBar>

 

 

 

<telerik:RadDocking Grid.Row="1" Margin="10">

 

 

 

<telerik:RadDocking.Effect>

 

 

 

<DropShadowEffect />

 

 

 

</telerik:RadDocking.Effect>

 

 

 

<telerik:RadDocking.DocumentHost>

 

 

 

<telerik:RadSplitContainer Name="splitContainerRight" telerik:DockingPanel.InitialSize="{Binding ElementName=webDocuments, Path=ActualHeight, Converter={StaticResource letterFormatWidth}}" Width="{Binding ElementName=webDocuments, Path=ActualHeight, Converter={StaticResource letterFormatWidth}}">

 

 

 

<telerik:RadPaneGroup>

 

 

 

<telerik:RadPane Title="{StaticResource ScannedDocs}" CanFloat="{Binding ElementName=Me, Path=IsDockable}" CanUserPin="{Binding ElementName=Me, Path=IsDockable}" CanUserClose="False">

 

 

 

<WebBrowser Name="webDocuments" LoadCompleted="webDocuments_LoadCompleted" />

 

 

 

</telerik:RadPane>

 

 

 

</telerik:RadPaneGroup>

 

 

 

</telerik:RadSplitContainer>

 

 

 

</telerik:RadDocking.DocumentHost>

 

 

 

<telerik:RadSplitContainer InitialPosition="DockedRight" Orientation="Vertical">

 

 

 

<telerik:RadSplitContainer InitialPosition="DockedRight" Orientation="Horizontal">

 

 

 

<!-- Controls -->

 

 

 

<telerik:RadPaneGroup Name="radPaneControls" Height="138" MinHeight="{Binding Height}" MaxHeight="{Binding Height}">

 

 

 

<telerik:RadPane Title="{StaticResource Controls}" CanDockInDocumentHost="False" CanFloat="{Binding ElementName=Me, Path=IsDockable}" CanUserPin="{Binding ElementName=Me, Path=IsDockable}" CanUserClose="False">

 

 

 

<Grid>

 

 

 

<Grid.ColumnDefinitions>

 

 

 

<ColumnDefinition Width="Auto" />

 

 

 

<ColumnDefinition Width="Auto" />

 

 

 

<ColumnDefinition Width="Auto" />

 

 

 

</Grid.ColumnDefinitions>

 

 

 

<Grid.RowDefinitions>

 

 

 

<RowDefinition Height="Auto" />

 

 

 

<RowDefinition Height="Auto" />

 

 

 

<RowDefinition Height="Auto" />

 

 

 

</Grid.RowDefinitions>

 

 

 

<helper:NavigationControl Grid.Column="0" Grid.Row="0" Grid.ColumnSpan="3" Name="dnDocuments" TextPrefix="{StaticResource Documents}" NavigationChangedEvent="dnDocuments_NavigationChanged" Margin="5" Buttons="All"/>

 

 

 

<helper:NavigationControl Grid.Column="0" Grid.Row="1" Grid.ColumnSpan="3" Name="dnExams" TextPrefix="{StaticResource Exams}" NavigationChangedEvent="dnExams_NavigationChanged" Margin="5" Buttons="All"/>

 

 

 

<CheckBox Grid.Column="0" Grid.Row="2" Name="ckUrgent" Margin="5" Content="{StaticResource Urgent}" />

 

 

 

<CheckBox Grid.Column="1" Grid.Row="2" Name="ckSign" Margin="5" Content="{StaticResource Sign}" />

 

 

 

<CheckBox Grid.Column="2" Grid.Row="2" Name="ckOnHold" Margin="5" Content="{StaticResource FilmsPending}" />

 

 

 

</Grid>

 

 

 

</telerik:RadPane>

 

 

 

</telerik:RadPaneGroup>

 

 

 

<!-- Audio -->

 

 

 

<telerik:RadPaneGroup>

 

 

 

<telerik:RadPane Name="radPaneAudio" Height="138" MinHeight="{Binding Height}" MaxHeight="{Binding Height}" CanDockInDocumentHost="False" CanFloat="{Binding ElementName=Me, Path=IsDockable}" CanUserPin="{Binding ElementName=Me, Path=IsDockable}" CanUserClose="False">

 

 

 

<!--<telerik:RadButton Grid.Column="2" Grid.Row="0" Grid.RowSpan="3" Content="Alain" />-->

 

 

 

<WindowsFormsHost Name="RecorderContainer" />

 

 

 

</telerik:RadPane>

 

 

 

</telerik:RadPaneGroup>

 

 

 

</telerik:RadSplitContainer>

 

 

 

<!-- Panel containing visit infos -->

 

 

 

<telerik:RadPaneGroup>

 

 

 

<telerik:RadPane Title="{StaticResource VisitInfos}" CanDockInDocumentHost="False" CanFloat="{Binding ElementName=Me, Path=IsDockable}" CanUserPin="{Binding ElementName=Me, Path=IsDockable}" CanUserClose="False">

 

 

 

<Grid Margin="5">

 

 

 

<Grid.ColumnDefinitions>

 

 

 

<ColumnDefinition Width="Auto" />

 

 

 

<ColumnDefinition Width="Auto" />

 

 

 

<ColumnDefinition Width="*" />

 

 

 

<ColumnDefinition Width="Auto" />

 

 

 

<ColumnDefinition Width="Auto" />

 

 

 

<ColumnDefinition Width="Auto" />

 

 

 

<ColumnDefinition Width="Auto" />

 

 

 

</Grid.ColumnDefinitions>

 

 

 

<Grid.RowDefinitions>

 

 

 

<RowDefinition Height="Auto" />

 

 

 

<RowDefinition Height="Auto" />

 

 

 

<RowDefinition Height="Auto" />

 

 

 

<RowDefinition Height="Auto" />

 

 

 

<RowDefinition Height="Auto" />

 

 

 

<RowDefinition Height="*" />

 

 

 

<RowDefinition Height="*" />

 

 

 

</Grid.RowDefinitions>

 

 

 

<!-- Row #0 -->

 

 

 

<Label BorderThickness="1" BorderBrush="Black" Grid.Column="0" Grid.Row="0" Name="lPatientMRN" Margin="0 2 2 2" Foreground="Green" FontSize="14" FontWeight="Bold" Content="N/A" />

 

 

 

<Label BorderThickness="1" BorderBrush="Black" Grid.Column="1" Grid.Row="0" Grid.ColumnSpan="2" Name="lPatientName" Margin="2" Foreground="Green" FontSize="14" FontWeight="Bold" Content="N/A" />

 

 

 

<Label BorderThickness="1" BorderBrush="Black" Grid.Column="3" Grid.Row="0" Name="lGender" Margin="2" Foreground="Green" FontSize="14" FontWeight="Bold" Content="M" />

 

 

 

<Label BorderThickness="1" BorderBrush="Black" Grid.Column="4" Grid.Row="0" Name="lPHN" Margin="2" Foreground="Green" FontSize="14" FontWeight="Bold" Content="N/A" />

 

 

 

<Label BorderThickness="1" BorderBrush="Black" Grid.Column="5" Grid.Row="0" Grid.ColumnSpan="3" Name="lPatientAge" Foreground="Green" Margin="2 2 0 2" FontSize="14" FontWeight="Bold" Content="N/A" />

 

 

 

<!-- Row #1 -->

 

 

 

<Label Grid.Column="0" Grid.Row="1" Content="{StaticResource Date}" HorizontalAlignment="Right" Margin="0 2 2 2" />

 

 

 

<TextBox Name="txtVisitDate" Grid.Column="1" Grid.Row="1" Grid.ColumnSpan="2" Margin="2" IsEnabled="False" />

 

 

 

<Label Grid.Column="3" Grid.Row="1" Content="{StaticResource Visit}" HorizontalAlignment="Right" Margin="2" />

 

 

 

<TextBox Name="txtVisitNumber" Grid.Column="4" Grid.Row="1" Grid.ColumnSpan="3" Margin="2 2 0 2" IsEnabled="False" />

 

 

 

<!-- Row #2 -->

 

 

 

<Label Grid.Column="0" Grid.Row="2" Content="{StaticResource Exams}" HorizontalAlignment="Right" Margin="0 2 2 2" />

 

 

 

<TextBox Name="txtExams" Grid.Column="1" Grid.Row="2" Grid.ColumnSpan="6" Margin="2 2 0 2" IsEnabled="False" />

 

 

 

<!-- Row #3 -->

 

 

 

<Label Grid.Column="0" Grid.Row="3" Content="{StaticResource RefPhysician}" HorizontalAlignment="Right" Margin="0 2 2 2" />

 

 

 

<TextBox Name="txtRefPhysician" Grid.Column="1" Grid.Row="3" Grid.ColumnSpan="5" Margin="2 2 0 2" IsEnabled="False" />

 

 

 

<telerik:RadButton Grid.Column="6" Grid.Row="3" Margin="2 2 0 2" Name="btnPhone" Click="btnPhone_Click">

 

 

 

<Image Height="18" Width="18" SnapsToDevicePixels="True" Source="Resources/Phone_32x32.png" />

 

 

 

</telerik:RadButton>

 

 

 

<!-- Row #4 -->

 

 

 

<Label Grid.Column="0" Grid.Row="4" Content="{StaticResource Technician}" HorizontalAlignment="Right" Margin="0 2 2 2" />

 

 

 

<TextBox Name="txtTech" Grid.Column="1" Grid.Row="4" Grid.ColumnSpan="6" Margin="2 2 0 2" IsEnabled="False" />

 

 

 

<!-- Row #5 -->

 

 

 

<Label Grid.Column="0" Grid.Row="5" Content="{StaticResource Comments}" HorizontalAlignment="Right" Margin="0 2 2 2" />

 

 

 

<TextBox Name="txtComments" Grid.Column="1" Grid.Row="5" Grid.ColumnSpan="6" Margin="2 2 0 2" IsEnabled="False" />

 

 

 

<!-- Row #6 -->

 

 

 

<Label Grid.Column="0" Grid.Row="6" Content="{StaticResource Note}" HorizontalAlignment="Right" Margin="0 2 2 2" />

 

 

 

<TextBox Name="txtNote" Grid.Column="1" Grid.Row="6" Grid.ColumnSpan="6" Margin="2 2 0 2" IsEnabled="False" />

 

 

 

</Grid>

 

 

 

</telerik:RadPane>

 

 

 

</telerik:RadPaneGroup>

 

 

 

<!-- Old reports -->

 

 

 

<telerik:RadPaneGroup>

 

 

 

<telerik:RadPane Title="{StaticResource OldReports}" CanDockInDocumentHost="False" CanFloat="{Binding ElementName=Me, Path=IsDockable}" CanUserPin="{Binding ElementName=Me, Path=IsDockable}" CanUserClose="False">

 

 

 

<Grid Margin="5">

 

 

 

<Grid.RowDefinitions>

 

 

 

<RowDefinition Height="*" />

 

 

 

<RowDefinition Height="*" />

 

 

 

</Grid.RowDefinitions>

 

 

 

<telerik:RadGridView Name="gridHistorical" Margin="0 0 0 2" Grid.Row="0" IsSynchronizedWithCurrentItem="True" Height="Auto" Width="Auto" IsReadOnly="True" SelectionMode="Single" RowIndicatorVisibility="Collapsed" AutoGenerateColumns="False" ShowGroupPanel="False" SelectionUnit="FullRow">

 

 

 

<telerik:RadGridView.Columns>

 

 

 

<telerik:GridViewDataColumn Header="{StaticResource Date}" HeaderTextAlignment="Center" TextAlignment="Center" IsFilterable="False" />

 

 

 

<telerik:GridViewDataColumn Header="{StaticResource Exams}" HeaderTextAlignment="Left" TextAlignment="Left" IsFilterable="False" />

 

 

 

<telerik:GridViewDataColumn Header="{StaticResource Accession}" HeaderTextAlignment="Center" TextAlignment="Center" IsFilterable="False" />

 

 

 

<telerik:GridViewDataColumn Header="{StaticResource Status}" HeaderTextAlignment="Center" TextAlignment="Center" IsFilterable="False" />

 

 

 

</telerik:RadGridView.Columns>

 

 

 

</telerik:RadGridView>

 

 

 

<TextBox Name="rtbPreviousReport" Margin="0 2 0 0" Grid.Row="1" Text="" IsEnabled="False" />

 

 

 

</Grid>

 

 

 

</telerik:RadPane>

 

 

 

</telerik:RadPaneGroup>

 

 

 

<!-- Current report -->

 

 

 

<telerik:RadPaneGroup>

 

 

 

<telerik:RadPane Title="{StaticResource CurrentReport}" CanDockInDocumentHost="False" CanFloat="{Binding ElementName=Me, Path=IsDockable}" CanUserPin="{Binding ElementName=Me, Path=IsDockable}" CanUserClose="False">

 

 

 

<TextBox Name="rtbCurrentReport" Margin="5" Text="" IsReadOnly="False" />

 

 

 

</telerik:RadPane>

 

 

 

</telerik:RadPaneGroup>

 

 

 

</telerik:RadSplitContainer>

 

 

 

</telerik:RadDocking>

 

 

 

</Grid>

 

 

 

</Window>

 

[Miroslav Nedyalkov]

Hello Oliver,

The desired scenario is not supported by the Docking control. Here is how the control works:

The root-level SplitContainers (placed directly into the Docking control) have concrete sizes in pixels and you can disable the user from resizing them by setting the MinWidth/Height and MaxWidth/Height to the same value - the desired value. The SplitContainer inside the DocumentHost fills the Docking control after the root-level containers take their places and its size shouldn't be specified. Else the observed behavior will appear.

The containers and groups placed inside other SplitContainers have relative sized and their size cannot be fixed. Setting Width/Height or Min/Max size will result in visual glitches.

Hope this information is helpful.

All the best,
Miroslav Nedyalkov
the Telerik team