RadDropDownButton.Content - How to remove border

[Dustin Clonch]

I have a radDropDownButton that has a border with a corner radius as the DropDownContent - the border corner radius is applied, however I cannot seem to find where to remove the 1 pixel border that is always around the DropDownContent.  Is this possible?

[Petar Mladenov]

Hi Dustin Clonch,

In order to modify / remove the desired border you can edit the template of the RadDropDownButton in Expression Blend like it is done in the attached project. The border`s code is commented.
Give it a try and feel free to ask if you need more info.

All the best,
Petar Mladenov
the Telerik team

[Dustin Clonch]

Perfect! Thanks so much for the help!

[Josh K]

I'd be interested to see an example of this using the current version of the controls without using ButtonChrome, which has been deprecated since Petar's original reply. Does anyone have such an example?

[Petar Mladenov]

Hello Josh,

The solution with Current Telerik Styles is not much different than before. You need to edit the default Style of the RadDropDownButton and edit / remove the border around the ContentControl which holds the DropDownContent. Attached is solution with implicit styles and no-xaml binaries and the change is in line 3244 in Telerik.Windows.Controls.xaml file.

<Popup x:Name="DropDownPopup" AllowsTransparency="True" StaysOpen="False" Focusable="False" Placement="Bottom">
                           <Grid>
                               <!--<Border x:Name="DropDownPopupBorder"
                                       BorderThickness="1"
                                       MinWidth="3"
                                       MinHeight="3"
                                       Width="{TemplateBinding DropDownWidth}"
                                       Height="{TemplateBinding DropDownHeight}"
                                       MaxWidth="{TemplateBinding DropDownMaxWidth}"
                                       MaxHeight="{TemplateBinding DropDownMaxHeight}"
                                       Background="{StaticResource ControlBackground}"
                                       BorderBrush="{StaticResource ControlOuterBorder}">-->
                                   <ContentControl x:Name="DropDownPopupContent"
                                           Content="{TemplateBinding DropDownContent}"
                                           HorizontalContentAlignment="Stretch"
                                           VerticalContentAlignment="Stretch"
                                           ContentTemplate="{TemplateBinding DropDownContentTemplate}"
                                           HorizontalAlignment="Stretch"
                                           VerticalAlignment="Stretch"
                                           DataContext="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=DataContext}"
                                           ContentTemplateSelector="{TemplateBinding ContentTemplateSelector}"
                                           ContentStringFormat="{TemplateBinding ContentStringFormat}"/>
                               <!--</Border>-->
                           </Grid>

Regards,
Petar Mladenov
Telerik