Rad Menu is overlapping into Rad document Pane.

8 posts, 0 answers
  1. Rajasekhar
    Rajasekhar avatar
    15 posts
    Member since:
    Sep 2011

    Posted 24 May 2013 Link to this post

     

     

     

    <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
  2. Hristo
    Admin
    Hristo avatar
    832 posts

    Posted 24 May 2013 Link to this post

    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

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

  3. DevCraft banner
  4. Rajasekhar
    Rajasekhar avatar
    15 posts
    Member since:
    Sep 2011

    Posted 27 May 2013 Link to this post


    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.

  5. Hristo
    Admin
    Hristo avatar
    832 posts

    Posted 27 May 2013 Link to this post

    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

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

  6. Rajasekhar
    Rajasekhar avatar
    15 posts
    Member since:
    Sep 2011

    Posted 27 May 2013 Link to this post

    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.
  7. Hristo
    Admin
    Hristo avatar
    832 posts

    Posted 27 May 2013 Link to this post

    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

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

  8. Rajasekhar
    Rajasekhar avatar
    15 posts
    Member since:
    Sep 2011

    Posted 27 May 2013 Link to this post

    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.
  9. Hristo
    Admin
    Hristo avatar
    832 posts

    Posted 28 May 2013 Link to this post

    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

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

Back to Top
DevCraft banner