2016-12-06 9 views
0

TMENU: .ACTオブジェクトをTMENU: .NOオブジェクトの前に配置する方法を調べようとしています。これは、ブートストラップ3.3.7のドロップダウンメニュー構造を達成しようとしているためです。先頭にアクティブな項目<li> -element。TYPO3 - NOオブジェクトの前のTypoScript TMENU ACTオブジェクト

現在、私はこの部分に固執しています。誰もが私にこの構造を完成させてくれることを願っています。私が達成しようとしている構造は以下の通りです:現時点ではうまくいかない

<ul class="nav navbar-nav navbar-right pull-right" role="menu"> 
    <li class="dropdown language-menu lang eng"> 
     <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> 
      <span>English</span> 
      <span class="caret"></span> 
     </a> 
     <ul class="dropdown-menu"> 
      <li class="lang fr"><a href="#"><span>Fran&ccedil;ais</span></a></li> 
      <li class="lang de><a><span>Deutsch</span></a></li> 
      <li class="lang es><a><span>Espa&ntilde;ol</span></a></li> 
      <li class="lang pt><a><span>Portugues</span></a></li> 
      <li class="lang nl><a><span>Nederlands</span></a></li> 
     </ul> 
    </li> 
</ul> 

のみ事は、TMENU .ACT -objectはTMENU: .NO -objectを追加していることです。 <ul class="dropdown-menu"> - 要素が埋め込まれています。

私が使用していますのTypoScript:

20 = HMENU 
20 { 
    special = language 
    special.value = 0,1,2,3,4,5 

    current = 1 

    wrap = <ul class="nav navbar-nav navbar-right pull-right" role="menu">|</ul> 

    1 = TMENU 
    1 { 
     wrap = <ul class="dropdown-menu">|</ul> 

     NO = 1 
     NO { 
      allWrap = <li class="lang eng">|</li> || <li class="lang nl">|</li> || <li class="lang fr">|</li> || <li class="lang de">|</li> || <li class="lang es">|</li> || <li class="lang pt">|</li> 
      ATagParams = 
      ATagBeforeWrap = 1 
      linkWrap = <span>|</span> 
     } 

     #ACT < .NO 
     ACT = 1 
     ACT { 
      allWrap = <li class="dropdown language-menu lang eng">|</li> 
     } 
    } 
} 

を、私は最後の2日間多くのことを試してみましたが、私は誰も私を助けることができる願ってい、あるいは少なくとも、私は私の過ちがどこにあるので、私が知って始めます。

ありがとうございます!

答えて

1

一般に、ACTはNOメニュー項目の間にインラインで配置されます。それを分割して、他のNO項目の前にACTを区切ります。メニューを2回レンダリングする必要があります。最初にACT項目とNO項目を続けます。

あなたはその周りに1つのULタグを持っていたいので、私はそのUL-WrapでCOAを試してみて、最初のものはACTをLIラップでレンダリングし、2つ目はLI -ラップ。

20 = COA 
20 { 
    wrap = class="nav navbar-nav navbar-right pull-right" role="menu">|</ul> 
    10 = HMENU 
    10 { 
    special = language 
    special.value = 0,1,2,3,4,5 
    current = 1 
    1 = TMENU 
    1 { 
     ACT = 1 
     ACT.allWrap (
      <li class="dropdown language-menu lang eng">|</li> || 
      <li class="dropdown language-menu lang nl">|</li> || 
      <li class="dropdown language-menu lang fr">|</li> || 
      <li class="dropdown language-menu lang de">|</li> || 
      <li class="dropdown language-menu lang es">|</li> || 
      <li class="dropdown language-menu lang pt">|</li> 
    ) 
     NO.doNotShowLink = 1 
    } 
    } 
    20 < .10 
    20 { 
    ACT.doNotShowLink = 1 
    NO > 
    NO = 1 
    NO { 
     allWrap (
     <li class="lang eng">|</li> || 
     <li class="lang nl">|</li> || 
     <li class="lang fr">|</li> || 
     <li class="lang de">|</li> || 
     <li class="lang es">|</li> || 
     <li class="lang pt">|</li> 
    ) 
     ATagParams = 
     ATagBeforeWrap = 1 
     linkWrap = <span>|</span> 
    } 
} 
+0

私はあなたのアイデアを得て、私はそれを解決しようとします、私はそれがうまくいくはずです(上記のコードはありません)。私に戻ってくれてありがとう、私は感謝します! –

関連する問題