Remove extra padding and icon

1 posts, 0 answers
  1. paully21
    paully21 avatar
    3 posts
    Member since:
    Feb 2007

    Posted 22 Dec 2015 Link to this post

    I'm using a simple RadMenu and I am having a bit of trouble getting it to look correctly in the application.

    It seems to be adding a small padding area to the surrounding the first menu item. (I've attached an image of how it renders in the application)

    Here is the XAML: 

    <DockPanel Height="40" >
        <telerik:RadMenu Height="40" Width="100" HorizontalAlignment="Right" VerticalAlignment="Center" FlowDirection="RightToLeft" IconColumnWidth="0" Padding="0" Margin="0">
            <telerik:RadMenuItem Width="100" Header="Menu" Click="RadMenuItem_Click" HorizontalAlignment="Right" Margin="0,0,-2,0" Height="40" >
                <telerik:RadMenuItem Header="Main" Height="40"/>
                <telerik:RadMenuItem Header="Alarms" Height="40"/>
                <telerik:RadMenuItem Header="Configuration" Height="40"/>
                <telerik:RadMenuItem Header="Exit" Height="40"/>

    Also, I don't want the arrow icon to appear, but I don't seem to be able to get rid of it.

    I'm using the Windows8Touch theme.

    Any help would be appreciated.


Back to Top