how to remove white background and border from style

2 posts, 0 answers
  1. Ravi
    Ravi avatar
    97 posts
    Member since:
    Jun 2012

    Posted 10 Mar 2013 Link to this post

    Hi There,

    for more information please see the attachment.
    I am creating a style for Dockpanel, for some part of control i want to remove the border and background, but i am unable to find the control part in the expression blend. 
    can you please guide me that how i can remove unwanted properties from the style.

  2. Masha
    Masha avatar
    355 posts

    Posted 12 Mar 2013 Link to this post

    Hi Srinvias,

    You could easily remove the desired background, setting Background property to the RadPaneGroup element of RadDocking control. To remove the border, you should modify inside the control template of RadPaneGroup style. Inside Expression Blend right-click of the RadPaneGroup in Objects and Timeline, select Edit Template -> Edit a Copy and it will generate the style of RadPaneGroup.
    Look for
    <Border x:Name="BorderLayer3" BorderBrush="White" BorderThickness="2" CornerRadius="0,1,1,1">
        <Border x:Name="BorderLayer2" BorderBrush="#FFF0F0F0" BorderThickness="2" CornerRadius="0">
            <Border x:Name="BorderLayer1" BorderBrush="#FF848484" BorderThickness="1" CornerRadius="0">
                <ContentPresenter ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}"/>

    inside DocumentHostTemplate setter and modify the borders of your choice. Please note you man need to apply the same changes to the BottomTemplate and to the TopTemplate, if you wish to have the same look of all RadDocking positions.

    The attached project demonstrates the described scenario. I hope this will be helpful.

    Kind regards,
    the Telerik team

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

Back to Top