Hallo liebe Community,
nach unzähligen Tutorials und Foren muss ich mich leider doch geschlagen geben und hoffe hier auf Erlösung. Ich bin noch Anfänger in der Welt von TYPO3 und bin daher nicht so bewandert, wie man anderer. Wahrscheinlich ist es nur ein banaler Fehler.
Ich habe ein Problem mit meiner Navigation
Hier meine menu.ts
lib.menu = HMENU
lib.menu{
entryLevel =0
1 = TMENU
1 {
expAll=1
wrap = <ul class="nav navbar-nav"> | </ul>
noBlur = 1
NO = 1
NO {
wrapItemAndSub = <li> | </li>
stdWrap.htmlSpecialChars = 1
ATagTitle.field = title
}
ACT <.NO
ACT{
wrapItemAndSub = <li class="active"> | </li>
}
IFSUB < .NO
IFSUB {
allWrap = <!!==:>|
wrapItemAndSub = <li class="dropdown">|</li>
ATagBeforeWrap = 1
linkWrap = | <b class="caret"></b>
ATagParams = class="dropdown-toggle" data-toggle="dropdown" role="menu" aria-haspopup="true" aria-expanded="false"
}
ACTIFSUB < .IFSUB
ACTIFSUB{
allWrap = <!!==:>|
}
}
2 = TMENU
2{
wrap = <ul class="dropdown-menu" role="menu">|</ul>
expAll = 1
NO = 1
NO {
allWrap = <li>|</li>
stdWrap.htmlSpecialChars = 1
}
ACT < .NO
ACT{
ATagParams = class ="active"
allWrap = <li class="active">|</li>
ATagTitle.field = title
}
}
}
Hier meine page.ts
page = PAGE
page{
includeCSS.bootstrap = fileadmin/templates/css/bootstrap.css
includeCSS.bootstrapResponsive = fileadmin/templates/css/bootstrap-responsive.min.css
includeCSS.style = fileadmin/templates/css/style1.css
includeJS.bootstrap.js = fileadmin/templates/js/bootstrap.js
10 = FLUIDTEMPLATE
10{
file = fileadmin/templates/index.html
layoutRootPath = fileadmin/templates/layouts/
partialRootPath = fileadmin/templates/partials/
variables {
siteName = TEXT
siteName.value = Seite
content < styles.content.get
}
}
}
Und zum Schluss meine index.html
<div class="bs-docs-header" id="content" tabindex="-1">
<div class="container img-responsive">
</div>
</div>
<div class="navbar navbar-default">
<div class="navbar navbarcolor" id="bs-example-navbar-collapse-1">
<f:cObject typoscriptObjectPath="lib.menu" />
</div>
</div>
<div class="row">
<div class="col-md-offset-1 col-md-8 col-xs-8 main ">
<div class="col-xs-12 maincontent">
<f:format.raw>{content}</f:format.raw>
</div>
<div class="col-xs-12 maincontent"></div>
</div>
<div class="col-md-3 ">
<div class="col-md-7 tile"></div>
<div class="col-md-7 tile"></div>
<div class="col-md-7 tile"></div>
<div class="col-md-7 tile"></div>
</div>
</div>
Einiges basiert auf Bootstrap bzw. eigentlich fast alles.
Das Caret wird ausgegeben, jedoch wird kein Untermenü gedropt.
Mein Menü ist wie folgt aufgebaut:
root
-Seite1
-Seite2
--Seite2.1
--Seite2.2
-Seite3
--Seite3.1
--Seite3.2
-Seite4
Ich hoffe ich konnte alles detailliert genug erklären und hoffe dass man mir helfen kann.
Liebe Grüße,
m3ntozz