Seperator Template appears before Node in SiteMap

2 posts, 0 answers
  1. Nona
    Nona avatar
    3 posts
    Member since:
    Jun 2012

    Posted 28 Jun 2012 Link to this post

    So I'm creating a custom separator template for a siteMap.

    Each Node will have a custom separator template. 

    When I create the nodes, with a basic separator template, the separator correctly shows after the Node.
    However, when I used a more complex separator template the separator shows BEFORE the node.

    Any ideas why??

    <telerik:RadSiteMap ID="RadSiteMap1" runat="server" DataNavigateUrlField="NavigateUrl"
                            DataTextField="Text" Skin="Forest" Width="100%" DefaultLevelSettings-Layout="Flow">
                                <telerik:RadSiteMapNode >
                                        <telerik:RadMenu ID="RadMenu4" runat="server" EnableEmbeddedBaseStylesheet="False"
                                            Flow="Horizontal" CssClass="SeperatorMenu" ClickToOpen="true">
                                            <CollapseAnimation Type="InCubic" />
                                                <telerik:RadMenuItem runat="server" ImageUrl="~/Images/Triangle_Left.png" CssClass="SeperatorMenuImg"
                                                    <GroupSettings OffsetX="-5" OffsetY="-10" ExpandDirection="Left" />
                                                        <telerik:RadMenuItem runat="server" Text="ChildRadMenuItem1">
                                                                    content Header NONA</div>
                                                                    Body Information here...</div>
                                                    <GroupSettings ExpandDirection="Right" Flow="Horizontal" RepeatDirection="Horizontal" />


  2. Kate
    Kate avatar
    1898 posts

    Posted 09 Jul 2012 Link to this post

    Hi Nona,

    You get this appearance since the RadMenu control has style float:left; set to it. In order for the menu to appear on the right side of the RadSiteMapNode you will need to set float:right; to the control:
    div.RadMenu {
        float: right; }

    Kind regards,
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. DevCraft R3 2016 release webinar banner
Back to Top