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

Seperator Template appears before Node in SiteMap

1 Answer 35 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Nona
Top achievements
Rank 1
Nona asked on 28 Jun 2012, 06:29 PM
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">
                        <Nodes>
                            <telerik:RadSiteMapNode >
                                <NodeTemplate>NONA</NodeTemplate>
                                <SeparatorTemplate>
                                    <telerik:RadMenu ID="RadMenu4" runat="server" EnableEmbeddedBaseStylesheet="False"
                                        Flow="Horizontal" CssClass="SeperatorMenu" ClickToOpen="true">
                                        <CollapseAnimation Type="InCubic" />
                                        <Items>
                                            <telerik:RadMenuItem runat="server" ImageUrl="~/Images/Triangle_Left.png" CssClass="SeperatorMenuImg"
                                                HoveredImageUrl="~/Images/Triangle_LeftH.png">
                                                <GroupSettings OffsetX="-5" OffsetY="-10" ExpandDirection="Left" />
                                                <Items>
                                                    <telerik:RadMenuItem runat="server" Text="ChildRadMenuItem1">
                                                        <ItemTemplate>
                                                            <div>
                                                                content Header NONA</div>
                                                            <div>
                                                                Body Information here...</div>
                                                        </ItemTemplate>
                                                    </telerik:RadMenuItem>
                                                </Items>
                                                <GroupSettings ExpandDirection="Right" Flow="Horizontal" RepeatDirection="Horizontal" />
                                            </telerik:RadMenuItem>
                                        </Items>
                                    </telerik:RadMenu>
                                </SeparatorTemplate>
                            </telerik:RadSiteMapNode>
</Nodes>

</telerik:RadSiteMap>

1 Answer, 1 is accepted

Sort by
0
Kate
Telerik team
answered on 09 Jul 2012, 12:59 PM
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,
Kate
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.
Tags
Menu
Asked by
Nona
Top achievements
Rank 1
Answers by
Kate
Telerik team
Share this question
or