Try our conversational search powered by Generative AI!

Page Tree Help

Vote:
 

Hello,

I am trying to get the following static menu to work using the PageTree command, but really struggling.

I'm by no means technical, so trying to do it by trial and error, so hoping someone can help we with this urgently :(

The menu picks up the pages from the site itself, so the dynamic property is working (although it doesnt seem to want to do the dropdowns on the homepage)

Bought the menu as a plugin, so cant really change the classes etc.

Thanks!

Marc.

#140302
Oct 15, 2015 12:45
Vote:
 

Can you elaborate a bit more? What are you trying to achieve, how should it look like and what's not working? Dynamic property? Dropdowns? Which plugin did you buy, and why?

#140324
Edited, Oct 15, 2015 22:31
Vote:
 

Hello Jonas,

Is a simple CSS3 menu, as within our intranet environment, jquery is disabled.

There is a dynamic property set from the homepage of the site, called MainMenu.

I have got to the following on the homepage, using Frederik Vig's article on PageTree here 

<EPiServer:PageTree ID="ptMenu" runat="server" PageLinkProperty="MainMenu">

<HeaderTemplate>
<div id="menu"><!-- HeaderTemplate -->
</HeaderTemplate>

<IndentTemplate>
<ul onClick="" class="zetta-menu zm-effect-fade"><!--IndentTemplate-->
</IndentTemplate>

<ItemHeaderTemplate>
<li><i class="zm-caret fa fa-angle-down"></i><!--ItemHeaderTemplate>-->
</ItemHeaderTemplate>

<ItemTemplate>
<EPiServer:Property ID="propPageLinkItem" runat="server" PropertyName="PageLink" /> <!--ItemTemplate -->
</ItemTemplate>

<ExpandedItemTemplate>
<EPiServer:Property ID="Property5" PropertyName="PageLink" runat="server" /> <!--ExpandedItemTemplate -->
</ExpandedItemTemplate>

<ExpandedTopTemplate>
 <EPiServer:Property ID="Property2" PropertyName="PageLink" runat="server" /> <!-- ExpandedTopTemplate -->
</ExpandedTopTemplate>

<SelectedItemTemplate>
<EPiServer:Property ID="Property" PropertyName="PageName" runat="server"  /> <!-- SelectedItemTemplate -->
</SelectedItemTemplate>

<SelectedExpandedItemTemplate>
<EPiServer:Property ID="Property3" PropertyName="PageLink" runat="server" /> <!-- SelectedExpandedItemTemplate -->
</SelectedExpandedItemTemplate>

<SelectedExpandedTopTemplate>
<EPiServer:Property ID="Property4" PropertyName="PageLink" runat="server"  /> <!-- SelectedExpandedTopTemplate -->
</SelectedExpandedTopTemplate>


<ItemFooterTemplate>
</li> <!-- ItemFooterTemplate -->
</ItemFooterTemplate>

<UnindentTemplate>
</ul> <!-- UnindentTemplate -->
</UnindentTemplate>

<FooterTemplate>
</div> <!-- FooterTemplate -->
</FooterTemplate>
    
</EPiServer:PageTree>	
	
<br class="clear" />

However, the drop down doesn't work on the homepage, and also on the second level page, the drop down works, but takes on the formatting of 

<ul onClick="" class="zetta-menu zm-effect-fade"> where I need the drop down to have the style of <ul class="w-300">
#140330
Oct 16, 2015 7:56
This thread is locked and should be used for reference only. Please use the Episerver CMS 7 and earlier versions forum to open new discussions.
* You are NOT allowed to include any hyperlinks in the post because your account hasn't associated to your company. User profile should be updated.