[TYPO3-german] Gridelements & Bootstrap 3 & HTML Ausgabe / View Helper

Börge Hendrik sproede at gmx.de
Sat Mar 28 07:41:18 CET 2015


Hallo und vielen Dank.
hier nochmal der Code, konnte man ursprünglich nicht richtig sehen:

> <div class="row">
>     <div class="col-sm-6 col-lg-6 col-md-6">
>         <f:format.raw>{content}</f:format.raw>
>     </div>
>     <div class="col-sm-6 col-lg-6 col-md-6">
>         <f:format.raw>{contentRight}</f:format.raw>
>     </div>
> </div>

Somit habe ich nun:
Code HTML:
  <body>

    <nav class="navbar navbar-inverse navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Navigation ein-/ausblenden</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">{siteName}</a>
        </div>
        <div id="navbar" class="collapse navbar-collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#">Start</a></li>
            <li><a href="#ueber">Über</a></li>
            <li><a href="#kontakt">Kontakt</a></li>
          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </nav>

   
      
<div class="container-fluid">
  <div class="row">
  <h1>{sometext}</h1>
     <div class="col-sm-6 col-lg-6 col-md-6">
         <f:format.raw>{content}</f:format.raw>
     </div>
     <div class="col-sm-6 col-lg-6 col-md-6">
         <f:format.raw>{contentRight}</f:format.raw>
     </div>
 </div>
        
</div>

Code Setup.ts:
<INCLUDE_TYPOSCRIPT: source="FILE:fileadmin/Page/gridelements/bootstrap3_grid/setup.ts">

# Default PAGE object:
page = PAGE
page {
  includeCSS.bootstrapTheme = fileadmin/Page/template/bootstrap/css/bootstrap.min.css
  includeCSS.bootstrapCustom = fileadmin/Page/template/bootstrap/css/starter-template.css
  
  includeJS.jquery = fileadmin/Page/template/bootstrap/js/jquery.js
  includeJSFooter.bootstrap = fileadmin/Page/template/bootstrap/js/bootstrap.js
  

    10 = FLUIDTEMPLATE
    10 {
        file = fileadmin/Page/template/bootstrap/index.htm
        layoutRootPath = fileadmin/Page/template/layouts/
        partialRootPath = fileadmin/Page/template/partials/
    
    variables {
      siteName = TEXT
      siteName.value = TestserverTS1 (setupts)
      
      content < styles.content.get
      contentRight < styles.content.getRight
#      slider < styles.content.get
#      contentLeft < styles.content.getLeft
#      footer < styles.content.getBorder
      }    
     }
}



Code von Gridelements:
https://gist.github.com/Merec/6670275

Habe Backend Layout eine Hauptspalte.
Darin über Gridelements nun einer zweier Spalte eingefügt. 

Es werden auch Inhalte angezeigt, diese sind untereinander und nicht nebeneinander, 
aber es sind wohl auch alte Inhalte.

Vermutlich muss ich die Nummern irgendwie anpassen?
Dem Element BackendLayout habe ich nun die 20 zugewiesen. 
Der Rest ergibt sich wohl aus dem Gridelementsvorlage.
Hat jemand nochmal bitte einen Tipp?





More information about the TYPO3-german mailing list