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

[Börge Hendrik]

Hier nun die Lösung mit der es geht: 

Code HTML:
       <div class="container-fluid">
 <div class="row">
 <h1>{sometext}</h1>
        <f:format.raw>{content}</f:format.raw>
    </div>
  </div> 


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

# Default PAGE object:
page = PAGE
page {
 includeCSS.bootstrapMain = fileadmin/Page/template/bootstrap/css/bootstrap.css
 includeCSS.bootstrapBlog = fileadmin/Page/template/bootstrap/css/blog.css
 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
     }    
    }
}

   # Tab Container
   6 < temp.gridelements.defaultGridSetup
   6 {
   prepend = COA
   prepend {
   10 = CONTENT
   10 {
   table = tt_content
   select {
   selectFields = header, uid
   where = CType='gridelements_pi1'
   andWhere = tx_gridelements_backend_layout=7
   }
   renderObj = COA
   renderObj {
   5 = LOAD_REGISTER
   5 {
   Counter.cObject = TEXT
   Counter.cObject.data = register:Counter
   Counter.cObject.wrap = |+1
   Counter.prioriCalc = intval
   }
   10 = TEXT
   10 {
   field = header
   insertData = 1
   wrap = |
   outerWrap.cObject = CASE
   outerWrap.cObject {
   key.data = register:Counter
   default = TEXT
   default.value = |
   1 = TEXT
   1.value = |
   }
   }
   }
   wrap = |
   }
   #20
   }
   columns {
   11 < .default
   11 {
   wrap = |
   renderObj {
   5 = LOAD_REGISTER
   5 {
   CounterEls.cObject = TEXT
   CounterEls.cObject.data = register:CounterEls
   CounterEls.cObject.wrap = |+1
   CounterEls.prioriCalc = intval
   }
   stdWrap.insertData = 1
   stdWrap.outerWrap.cObject = CASE
   stdWrap.outerWrap.cObject {
   key.data = register:CounterEls
   default = TEXT
   default.value = |
   1 = TEXT
   1.value = |
   }
   }
   }
   }
   outerWrap = |
   }

   # Tab Element
   7 < temp.gridelements.defaultGridSetup
   7 {
   columns {
   11 < .default
   11 {
   }
   }
   }


   Als Basis also Backendlayouts definiert mit:
backend_layout {
        colCount = 1
        rowCount = 1
        rows {
                1 {
                        columns {
                                1 {
                                        name = content
                                        colPos = 0
                                }
                        }
                }
        }
}


Mit colPos = bekommt man den Hauptinhalt.
Dann mit Gridelements die Spalten und Inhalte einfügen.
Über Bootstrap css wird es dann definiert.
Gridelements kam von hier:
https://www.merec.org/typo3/twitter-bootstrap-3-grid-mit-grid-elements-fuer-typo3


_______________________________________________
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german