[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