2016-09-09 5 views
1

WayFinderでブートストラップメニューを作成しようとしています。どのようにそれを終了するには?WayFinderでブートストラップメニューを作成する

<ul class="nav navbar-nav"> 
 
    <li class="dropdown"> 
 
     <a href="#" class="dropdown-toggle" id="drop1" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> Dropdown <span class="caret"></span> </a> 
 
     <ul class="dropdown-menu" aria-labelledby="drop1"> 
 
     <li><a href="#">Action</a></li> 
 
     <li><a href="#">Another action</a></li> 
 
     <li><a href="#">Something else here</a></li> 
 
     <li role="separator" class="divider"></li> 
 
     <li><a href="#">Separated link</a></li> 
 
     </ul> 
 
    </li> 
 
    <li class="dropdown"> 
 
     <a href="#" class="dropdown-toggle" id="drop2" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> Dropdown <span class="caret"></span> </a> 
 
     <ul class="dropdown-menu" aria-labelledby="drop2"> 
 
     <li><a href="#">Action</a></li> 
 
     <li><a href="#">Another action</a></li> 
 
     <li><a href="#">Something else here</a></li> 
 
     <li role="separator" class="divider"></li> 
 
     <li><a href="#">Separated link</a></li> 
 
     </ul> 
 
    </li> 
 
</ul>

私のWayfinderコールは、これまで:

[[Wayfinder? &startId=`0` &level=`1` 
           &hideSubMenus=`TRUE` &includeDocs=`1,2,3,4,5,55,7,8,74` 
           &outerTpl=`chunk_navigation-menu`]] 

そして、私のchunk_navigation-メニューは次のようになります。 <ul class="navbar-nav nav">[+wf.wrapper+]</ul>

答えて

1

まず第一に、私はあなたがいると仮定していますMODX Evolutionを使用します。そうする

最も簡単な方法は、あなたのWayfinderコールで

&outerClass 
&parentClass 
&innerClass 
&parentRowTpl 

を使用しています。

それは次のようになります。

[[Wayfinder? &startId=`[(site_start)]` &level=`2` &outerClass=`nav navbar-nav` &parentClass=`dropdown` &innerClass=`dropdown-menu` &parentRowTpl=`navbar_parentRowTpl`]] 

注:あなたがあなたのコンテキスト内の[(site_start)](複数可)を使用していない場合は、あなたのメニューの親リソースIDに置き換えます。

この場合も、navbar_parentRowTplを作成する必要があります。このチャンクは次のようになります。

<li[+wf.id+][+wf.classes+] class="dropdown" id="menu[+id+]"> 
<a class="dropdown-toggle" data-toggle="dropdown" data-target="#menu[+id+]" href="[+wf.link+]" title="[+wf.title+]"> 
    [+wf.linktext+] 
    <b class="caret"></b> 
</a> 
[+wf.wrapper+]</li> 

をこのコードに問題は私が知っていると私はあなたを助けることができるがあれば、それは、私はエボでは動作しません長い時間がかかったとして。

私はリファレンスとしてこの例を使用:https://gist.github.com/mkay/f0afc97ec1536932e0a3

そしてエボ構文に変換するには、このテーブルを使用:

https://rtfm.modx.com/revolution/2.x/making-sites-with-modx/tag-syntax

+1

こんにちはダニエル、はいMODxのEVO - あなたの上記の答えは完全に働いたが、ありがとうございました。いくつかの微調整をしなければならないが、それは大丈夫です...もう一度ありがとう。 – raulbaros

関連する問題