Rad Menu is overlapping into Rad document Pane.

[Rajasekhar]

 

 

 

<telerikNavigation:RadMenuItem Header="Export"  HorizontalAlignment="Center" >

<telerikNavigation:RadMenuItem Header="Export to HTML" />

<telerikNavigation:RadMenuItem Header="Export to PDF"/>

<telerikNavigation:RadMenuItem Header="Export to MultiTabbed Excel"  />

<telerikNavigation:RadMenuItem Header="MultiExport" Click="multiExport_Click" x:Name="multiExport" />

</telerikNavigation:RadMenuItem>

We have a RadDocumentpane in the code behind,which is used to display the html report.
When we mouse hover on the Export menu item ,it shows the sub menu items(Export to HTML,Export to PDF etc...).but this sub menu is getting hidden under RadDocumentpane,how to prevent this?
Please check the attached screen shot.

i had already tried using z-index and styles,but it didnt helped me,its throwing me runtime error when i tried to use these properties with the RadMenuItem

[Hristo]

Hi Rajasekhar,

How do you show this HTML export? Do you use RadHTMLPlaceholder control?
If you are using it then you should know that this control is always on top of any Silverlight elements and this cannot be changed (this is Silverlight limitation).
If this is the case you can switch to our RadRichTextBox control which have support for multiple format providers. You can find more information about RadRichTextBox here:
http://www.telerik.com/help/silverlight/radrichtextbox-overview.html

Let us know if you need more help.

Regards,
Hristo
Telerik

[Rajasekhar]

Thanks Hristo for your immediate response.That helped me.

Now I thought of an alternative to make my export menu to float towards left.I had set the following properties to achieve that.

<telerikNavigation:RadMenuItem Header="Export" FlowDirection="RightToLeft" HorizontalContentAlignment="Left" VerticalAlignment="Bottom" HorizontalAlignment="Center" >

But the content were not aligned properly,I want text to be left aligned,I tried with  horizontalContentAlingment property set to left.Still it didnt helped me out.

 

Is there any way to achieve this.

[Hristo]

Hello Rajasekhar,

You could set FlowDirection="LeftToRight" for the submenu items. This way the Icon and the text will be left alignment. If FlowDirection have to stay RightToLeft then you have to set HorizontalContentAlignment="Right" in order to place the text to the left (because your direction is reversed).


Regards,
Hristo
Telerik

[Rajasekhar]

The problem is fixed ,but still i'm seeing the issue with the partition line between radmenuitem text and icon.
how to get rid of this?
Either we should the line on the left side with the icons or towards the  right along with the icons.

[Hristo]

Hi Rajasekhar,

You could remove the line that separates icons and text but it will remove all icons. This is done by setting RadMenu IconColumnWidth property to 0.
You will have to put the icons in the Header of RadMenuItem instead of using RadMenuItem Icon property (probably using horizontal StackPanel).

Let us know if you need more help.

Regards,
Hristo
Telerik

[Rajasekhar]

we are using telerikNavigation:RadMenu  ,it doesnt have IconColumnWidth property,so still the partition line turns on.

Is there any other property specfic to this control.

[Hristo]

Hello Rajasekhar,

This property is on RadMenu instance.
You can read more here:
http://www.telerik.com/help/silverlight/p_telerik_windows_controls_menubase_iconcolumnwidth.html

Regards,
Hristo
Telerik