Styling the RadDocking Controls

22 posts, 2 answers
  1. Jens
    Jens avatar
    27 posts
    Member since:
    Mar 2009

    Posted 06 May 2009 Link to this post

    I am using the Q1 2009 release of the RadControls and I got huge problems when trying to style the RadDocking controls.
    What I need to do is the following:
    - Set colors for:
      - header gradient of RadPane
      - border of RadPane
      - background for splitter between RadPanes
    - Set spacing for splitter between RadPanes

    etc.

    Is there any documentation for this? I already tried different approaches, but none worked out.

    Regards
    Jens
  2. Answer
    Miroslav Nedyalkov
    Admin
    Miroslav Nedyalkov avatar
    1718 posts

    Posted 07 May 2009 Link to this post

    Hi Jens,

    Styling the Docking control directly is not an easy task because there are some types of components that are created and destroyed dynamically. These components are mainly the PaneGroup controls and the SplitContainer controls. The right way to style the Docking control is to create a custom theme and apply it to the control. Unfortunately, the Docking control doesn't work directly with themes, yet. The only way at this time is to set a custom application theme, where to customize only the Docking control. The attached example demonstrates this approach. We are working on the Theming mechanism and the Docking control will be themable soon (with the next official Q2 release due by the end of June).

    In the attached example, you will find a sample application with a Docking control and a .xaml file called Theme.xaml that has build action set to Resource. In the App.xaml.cs you will find the following line of code added in the constructor:
    StyleManager.ApplicationTheme = new Theme(new Uri("DockingGetingStartedDemo;component/Theme.xaml", UriKind.Relative)); 
    This sets the theme in .xaml file as an application theme. In the Theme.xaml file are all the default styles of all the Docking sub-controls. You can customize them all, and the new style will be applied to all their instances.

    Hope this allows you to customize the control as you want.

    Regards,
    Miroslav Nedyalkov
    the Telerik team

    Instantly find answers to your questions on the newTelerik Support Portal.
    Check out the tipsfor optimizing your support resource searches.
  3. DevCraft banner
  4. Jens
    Jens avatar
    27 posts
    Member since:
    Mar 2009

    Posted 08 May 2009 Link to this post

    Thank you, that worked perfectly. But I have to say, that I very much dislike the way, I have to do this.
    For just tweaking a few colors, I have to work on the whole template. If for example you change the default template some day in the future, I would be screwed eventually, since I don't get the new template "features" automatically.

    Furthermore you are kind of reinventing the whole theming thing in Silverlight, especially since Silverlight 3 takes theming to a whole new level.

    Anyways, that are just me two cents ;)

    Apart from this, I really like your set of controls. They are in my opinion quite outstanding compared to those from other companies.

    Cheers
    Jens
  5. Miroslav Nedyalkov
    Admin
    Miroslav Nedyalkov avatar
    1718 posts

    Posted 08 May 2009 Link to this post

    Hi Jens,

    Thank you for your feedback! We will surely consider your opinion when improving the Docking control.

    By the way, we extended the theming engine for the Docking control and the changes will be included in the latest build that will be uploaded by the end of the day. It will appear in the Latest Internall builds section. In this version and in the future versions you will not need to set an Application theme to change the appearance of the Docking control any more, but you will be able to set the Theme directly to the control.

    Regards,
    Miroslav Nedyalkov
    the Telerik team

    Instantly find answers to your questions on the newTelerik Support Portal.
    Check out the tipsfor optimizing your support resource searches.
  6. RonDesign
    RonDesign avatar
    1 posts
    Member since:
    May 2009

    Posted 31 May 2009 Link to this post

    hi,
    where exactly is the Latest Internall builds section?
    we are having a  v e r y difficult time re styling the docking cntl's and urgently need help....
    thanks! 
  7. Konstantin Petkov
    Admin
    Konstantin Petkov avatar
    1911 posts

    Posted 01 Jun 2009 Link to this post

    Hello RonDesign,

    The latest internal builds are accessible from the product pages (check for a link like "Latest internal builds (Trial)"). You however need to have the latest official release installed to be able to access the internal builds. You also have a shortcut to the internal builds page on your account page.

    As for the described problem, we suggest you download the latest Q1 2009 SP2 release of RadControls from your account. The release includes all the fixes and improvements the previous internal builds contain.

    http://www.telerik.com/account/free-trials.aspx

    Regards,
    Konstantin Petkov
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
  8. Ingo Oltmann
    Ingo Oltmann avatar
    44 posts
    Member since:
    Nov 2005

    Posted 22 Jul 2009 Link to this post

    Hi,

    Miroslav posted on May 7: We are working on the Theming mechanism and the Docking control will be themable soon (with the next official Q2 release due by the end of June).

    I downloaded the attached sample, seems not to work for me, changing the values in Theme.xaml are not reflected in the application. The RadDocking is shown in stock colors.

    I am using Silverlight 3 with latest RadControls_for_Silverlight3_2009_2_720_dev.
    Can you provide a working example?

    Regards,
    Ingo

  9. Miroslav Nedyalkov
    Admin
    Miroslav Nedyalkov avatar
    1718 posts

    Posted 27 Jul 2009 Link to this post

    Hello Ingo,

    Our officially supported version of Silverlight is Silverlight 2 - the Silverlight 3 assemblies are provided for adoption purposes and are still in a beta version. The official version will be release with SP1 (next week).

    Hope this timeframe is good for you.

    Regards,
    Miroslav Nedyalkov
    the Telerik team

    Instantly find answers to your questions on the newTelerik Support Portal.
    Check out the tipsfor optimizing your support resource searches.
  10. Bård-Inge
    Bård-Inge avatar
    8 posts
    Member since:
    Jun 2008

    Posted 10 Aug 2009 Link to this post

    Hello,

    Did you release the SP1 yet?

    I am working with silverlight 3 and theming does not apply at all...so I am kind a stuck with the default..
    Is there any bypass by the way?

    BR
    Bård
  11. Miroslav Nedyalkov
    Admin
    Miroslav Nedyalkov avatar
    1718 posts

    Posted 10 Aug 2009 Link to this post

    Hi Bård-Inge,

    We are sorry for the delay, but the SP was postponed for this week. Unfortunately there is no bypass (or at least a simple one) for the problem with the themes.

    Regards,
    Miroslav Nedyalkov
    the Telerik team

    Instantly find answers to your questions on the newTelerik Support Portal.
    Check out the tipsfor optimizing your support resource searches.
  12. Bård-Inge
    Bård-Inge avatar
    8 posts
    Member since:
    Jun 2008

    Posted 10 Aug 2009 Link to this post

    Ok no problem

    I look forward to the SP

    And thanks for a great product!
  13. James
    James avatar
    136 posts
    Member since:
    Nov 2008

    Posted 11 Aug 2009 Link to this post

    Hello,

    I'm having problems with Merged Resource Dictionaries when creating a theme to apply to the RadDocking control.

    I'm able to theme RadDocking fine with one big Resource Dictionary containing all templates and styles (as per the example above), but when I try to split the templates up into separate files, and attempt to merge them, the theming does not get picked up (i.e. the default theme is applied).

    Are Merged Dictionaries supported?

    Cheers,

    James.

  14. Miroslav Nedyalkov
    Admin
    Miroslav Nedyalkov avatar
    1718 posts

    Posted 12 Aug 2009 Link to this post

    Hi James,

    We've changed the theming mechanism for Silverlight 3 and the new version will be included in the SP release later today. Could you wait for the new bits and try does it work correctly with the new version?

    If the problem remains, please let us know.

    Regards,
    Miroslav Nedyalkov
    the Telerik team

    Instantly find answers to your questions on the newTelerik Support Portal.
    Check out the tipsfor optimizing your support resource searches.
  15. James
    James avatar
    136 posts
    Member since:
    Nov 2008

    Posted 13 Aug 2009 Link to this post

    No problem thanks for the reply.

    Cheers,

    James.
  16. Jens
    Jens avatar
    27 posts
    Member since:
    Mar 2009

    Posted 21 Aug 2009 Link to this post

    Hello,

    After upgrading to Version 2009_2_0812, the ApplicationTheme attached to an earlier post in this thread won't work anymore.
    Is there a new (clean(er)?) way for creating own custom themes?
    If yes, could you please post an example? The documentation is quite thin in this case.

    Thanks
    Jens
  17. Answer
    Dimitrina
    Admin
    Dimitrina avatar
    442 posts

    Posted 26 Aug 2009 Link to this post

    Hi Jens,

    Please find your attached file with a example how you can make custom theme.
    If you have any question please do not hesitate to ask.

    I hope this will help you.

    Best wishes,
    Dimitrina
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  18. Bård-Inge
    Bård-Inge avatar
    8 posts
    Member since:
    Jun 2008

    Posted 02 Sep 2009 Link to this post

    Hello Again,

    I was wondering how can I give the RadDocking Control a theme. I really thought that this would be fixed in SP1, but I have tried all the standard ways, with no luck, so could someone please show me how I can give this Control the Office_Black style for instance. When looking at the files in the release I can see that you HAVE styles it, but it just doesnt show up when I apply it.

    The docking control is a very important control in my app, so I would really appreciate if you could help me on this.

    Best Regards
    BIPA
  19. Dimitrina
    Admin
    Dimitrina avatar
    442 posts

    Posted 08 Sep 2009 Link to this post

    Hello Bård-Inge,

    Thank you for your interest in our controls.As for the Radocking Control for current release we have only Vista and OfficeBlack themes.
    Please find your attached file with a example how you can make custom theme.
    If you have any question please do not hesitate to ask.

    I hope this will help you.

    Best wishes,
    Dimitrina
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  20. Bård-Inge
    Bård-Inge avatar
    8 posts
    Member since:
    Jun 2008

    Posted 08 Sep 2009 Link to this post

    Thank you dimitrina

    I will take a look at the example. Are you sure you support Office Black and not Summer? I am not able to get Office Black, but maybe I am no doing it correctly, I will send you an example asap...

    BR
    Bard
  21. Bård-Inge
    Bård-Inge avatar
    8 posts
    Member since:
    Jun 2008

    Posted 08 Sep 2009 Link to this post

    Hey again,

    I realize now that I meant  support for styling the docking through applying ApplicationTheme...that would maybe explain my problems...but anyway your example clearified that to me...

    When do you think other themes for the docking control will be supported, and when do you think it will be added in the applicationtheme manner?

    BR
    B
  22. Nikolay
    Admin
    Nikolay avatar
    3997 posts

    Posted 09 Sep 2009 Link to this post

    Hello Bård-Inge,

    For the upcoming Q3 2009 we plan to make all our themes available for all controls. These are: Office_Black/Blue/Silver, Summer, Vista and the new ones that are also coming with Q3  - Windows 7 and System Colors.

    Regards,
    Nick
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  23. Bård-Inge
    Bård-Inge avatar
    8 posts
    Member since:
    Jun 2008

    Posted 09 Sep 2009 Link to this post

    Execellent!!!

    BTW I am very pleased with your produkt!!
Back to Top
DevCraft banner