This is a migrated thread and some comments may be shown as answers.

Remove extra padding and icon

0 Answers 56 Views
Menu
This is a migrated thread and some comments may be shown as answers.
paully21
Top achievements
Rank 1
paully21 asked on 22 Dec 2015, 03:49 PM

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"/>
        </telerik:RadMenuItem>
    </telerik:RadMenu>
</DockPanel>

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.

 

No answers yet. Maybe you can help?

Tags
Menu
Asked by
paully21
Top achievements
Rank 1
Share this question
or