Loosing Theme after Drop a Pane

[ITA]

Hi,

 i use the RadDocking Control with "Windows8Touch" Theme. After a move a Pane and Drop it somehwere else,
the theme is reseted. How can i save the theme during moving the Pane?

 

Thanks

Best Regards

M

[Nasko]

Hi Rene,

We are not aware of the observed by you issue in RadDocking. Could you please share with us some more detailed information about your scenario and how exactly you are applying the theme to the control? Are you using StyleManager or Implicit Styles? We recommend Implicit Styles to be used if you are currently using the StyleManager. Using Implicit Styles when a theme needs to be applied makes it easier to customize the theme, to add new Styles or modify the default one and switch the themes at run-time. Could you please confirm if the issue occurs when Implicit Styles are used? If so, please provide us a sample project that reproduces it or some details how to reproduce it on our side - thus we could be able to continue our investigation.

We are looking forward to hearing from you.

Regards,
Nasko
Telerik

[ITA]

Hi Nakso,

is very simple to reproduce. I use StyleManger to set the theme ("Windows8Touch"). Just start the application an darg on Pane and drop it somewhere else, after dropping the theme is gone.

<telerik:RadDocking x:Name="RadDocking1" Grid.Row="0" Grid.Column="0" Margin="0,0,10,0" BorderThickness="0" Padding="0"
                            telerik:StyleManager.Theme="Windows8Touch">
            <telerik:RadDocking.DocumentHost >
                <telerik:RadSplitContainer MinWidth="300">
                    <telerik:RadPaneGroup telerik:StyleManager.Theme="Windows8Touch" telerik:RadDocking.SerializationTag="Group0">
                        <telerik:RadDocumentPane Header="Document 1" Title="Document 1" telerik:RadDocking.SerializationTag="pane0" CanUserClose="False" CanFloat="False" CanUserPin="False">
                            <telerik:RadDataForm x:Name="AdresseDataForm" ItemsSource="{Binding Adressen}" telerik:StyleManager.Theme="Windows8Touch">

                            </telerik:RadDataForm>
                        </telerik:RadDocumentPane>
                    </telerik:RadPaneGroup>
                </telerik:RadSplitContainer>
            </telerik:RadDocking.DocumentHost>

            <telerik:RadSplitContainer Orientation="Vertical" InitialPosition="DockedRight" MinWidth="300">
                <telerik:RadPaneGroup telerik:StyleManager.Theme="Windows8Touch" telerik:RadDocking.SerializationTag="Group1">
                    <telerik:RadPane Header="Vorgänge" Title="Vorgänge" CanUserClose="False" CanDockInDocumentHost="False" telerik:RadDocking.SerializationTag="pane1">
                        <Grid x:Name="VorgaengeGrid" Background="Transparent">
                            <Grid.RowDefinitions>
                                <RowDefinition Height="*" />
                            </Grid.RowDefinitions>
                            <wpfx:BusyIndicator Name="BusyBar" Margin="0" Grid.Row="0">
                                <telerik:RadGridView telerik:StyleManager.Theme="Windows8" ShowGroupPanel="False" CanUserSortGroups="False"
                                                     ShowColumnHeaders="False" CanUserSelect="False" BorderThickness="0" x:Name="VorgaengeRadGridViewRgv" SnapsToDevicePixels="True" IsFilteringAllowed="False"
                                                     CanUserDeleteRows="False" CanUserInsertRows="False" RowIndicatorVisibility="Collapsed" AutoGenerateColumns="False" BorderBrush="{x:Null}"
                                                     HorizontalGridLinesBrush="{x:Null}" VerticalGridLinesBrush="{x:Null}" FrozenColumnsSplitterVisibility="Collapsed" Margin="0,10,0,0">
                                    <telerik:RadGridView.Columns>
                                        <telerik:GridViewDataColumn DataMemberBinding="{Binding Type}" Width="*"  CellStyle="{StaticResource CellStyle}"  />
                                    </telerik:RadGridView.Columns>
                                </telerik:RadGridView>
                            </wpfx:BusyIndicator>
                        </Grid>
                    </telerik:RadPane>
                </telerik:RadPaneGroup>

                <telerik:RadPaneGroup telerik:StyleManager.Theme="Windows8Touch" telerik:RadDocking.SerializationTag="Group2" HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch" >
                    <telerik:RadPane Header="Test 1" Title="Test 1" CanUserClose="False" CanDockInDocumentHost="False" telerik:RadDocking.SerializationTag="pane2">
                    </telerik:RadPane>
                </telerik:RadPaneGroup>

            </telerik:RadSplitContainer>

            <telerik:RadSplitContainer Orientation="Horizontal" InitialPosition="DockedBottom">
                <telerik:RadPaneGroup telerik:StyleManager.Theme="Windows8Touch" telerik:RadDocking.SerializationTag="Group4">
                    <telerik:RadPane Header="Pane Bottom 1" CanUserClose="False" CanDockInDocumentHost="False" telerik:RadDocking.SerializationTag="pane4" telerik:StyleManager.Theme="Windows8Touch">

                    </telerik:RadPane>
                </telerik:RadPaneGroup>
            </telerik:RadSplitContainer>

            <telerik:RadSplitContainer Orientation="Horizontal" InitialPosition="DockedBottom">
                <telerik:RadPaneGroup telerik:StyleManager.Theme="Windows8Touch" telerik:RadDocking.SerializationTag="Group3">
                    <telerik:RadPane Header="Pane Bottom 2" CanUserClose="False" CanDockInDocumentHost="False" telerik:RadDocking.SerializationTag="pane3" telerik:StyleManager.Theme="Windows8Touch">

                    </telerik:RadPane>
                </telerik:RadPaneGroup>
            </telerik:RadSplitContainer>
        </telerik:RadDocking>

best regards

tanks

Rene

[Nasko]

Hi Rene,

Thank you for the provided code snipped. 

We were able to reproduce the observed by you behavior. It is caused by the approach you used for applying the theme - setting it directly to each PaneGroup. When a Pane is undocked a new RadPaneGroup is created and the Pane of the original RadPaneGroup is placed inside the new one - the original RadPaneGroup is removed. So, what we could suggest you is to apply the theme globally for the the whole applications as shown below:

...
public MainWindow()
{
    StyleManager.ApplicationTheme = new Windows8TouchTheme();
    InitializeComponent();
    DataContext = new MyDataContext();
}
...

Thus everything should be visualized as expected.

Hopes this helps.

Regards,
Nasko
Telerik