Silverlight RadDocking

[Ali Shahbour]

Hello

I am evaluating RadControls on silver light for our LOB application we shall start.

i am looking to code using MVVM . Currently every thing looks good but i faced two issue with RadDocking

i am trying to bind the radpan to an observable collection like below

<telerik:RadDocking Grid.Row="1" telerik:StyleManager.Theme="Windows8" >
           <telerik:RadDocking.DocumentHost>
               <telerik:RadSplitContainer >
                   <telerik:RadPaneGroup ItemsSource="{Binding MainGroup}" >
                       <!--<telerik:RadDocumentPane Header="Document 1" Title="Document 1"/>
                       <telerik:RadDocumentPane Header="Document 2" Title="Document 2" />-->
                   </telerik:RadPaneGroup>
               </telerik:RadSplitContainer>
           </telerik:RadDocking.DocumentHost>
<telerik:RadDocking />

public ObservableCollection<Telerik.Windows.Controls.RadPane> MainGroup
       {
           get
           {
               if (_mainGroup == null)
                   _mainGroup = new ObservableCollection<Telerik.Windows.Controls.RadPane>();
               return _mainGroup;
           }
       }

First thing i faced is that when i add elements to the MainGroup observable collection it is added with having Window8 as style.

Second if i try to drag the pan it crash .

Any idea how to save the style when adding items dynamically.

Best Regards
Shahbour

[Vladi]

Hello Shahbour,

In the current version of RadDocking binding the ItemsSource property is not supported.

The ItemsSource property is visible because RadPaneGroup inherits ItemsControl, you can read this help article that list the not supported properties in the control. You can also read this blog post that describes an approach of using Attached Properties in order to create a collection of RadPanes and bind it to a RadPaneGroup.

Hope this information is helpful.

Kind regards,
Vladi
the Telerik team

[Shubhra]

Hi Team

Our project is running on Silverlight 5 and Telerik Control Version=2013.1.220.1050 ( I found this in code behind of one of the controls)
Inspite of this i am unable to use

<telerik:RadDocking ></telerik:RadDocking>

 I can see this control only :

<Telerik:RadDockPanel></Telerik:RadDockPanel>

I was planning to something like this. I also downloaded the latest version ( demo ) today but still can not use this ocntrol.

Can you please guide.

[Vladi]

Hi,

I am not sure what you mean by not being able to use the RadDocking control. Could you describe to us in more details the desired behavior when using RadDocking control and what you are trying to achieve in your project?

If you declare the control in the xaml you will need to populate it the needed RadSplitContainers, RadPaneGroups and RadPanes. The next code snippet shows a simple Docking control with one RadPane:

<telerik:RadDocking>
    <telerik:RadSplitContainer>
        <telerik:RadPaneGroup>
            <telerik:RadPane Header="Pane 1"/>
        </telerik:RadPaneGroup>
    </telerik:RadSplitContainer>
</telerik:RadDocking>

Hope this is helpful.

Greetings,
Vladi
the Telerik team