Raster-Konfiguration

  1. backend_layout {
  2. colCount = 2
  3. rowCount = 1
  4. rows {
  5. 1 {
  6. columns {
  7. 1 {
  8. name = Links
  9. colPos = 0
  10. }
  11. 2 {
  12. name = Rechts
  13. colPos = 1
  14. }
  15. }
  16. }
  17. }
  18. }

TypoScript

  1. tt_content.gridelements_pi1.20.10.setup {
  2. # ID des gridelements
  3. 10 < lib.gridelements.defaultGridSetup
  4. 10 {
  5. cObject = FLUIDTEMPLATE
  6. cObject {
  7.  
  8. file = fileadmin/templates/ext/gridelements/grid-2-col.html
  9.  
  10. variables {
  11. colLeft = TEXT
  12. colLeft.data = field:flexform_cols
  13. colLeft.split {
  14. token = -
  15. returnKey = 0
  16. cObjNum = 1
  17. 1.current = 1
  18. }
  19.  
  20. colRight = TEXT
  21. colRight.data = field:flexform_cols
  22. colRight.split {
  23. token = -
  24. returnKey = 1
  25. cObjNum = 1
  26. 1.current = 1
  27. }
  28. }
  29. }
  30. }
  31. }

flexform (grid-2-col.xml)

  1. <T3DataStructure>
  2. <meta>
  3. <langDisable>1</langDisable>
  4. </meta>
  5. <sheets>
  6. <sDEF>
  7. <ROOT>
  8. <TCEforms>
  9. <sheetTitle>Spaltenkonfiguration</sheetTitle>
  10. </TCEforms>
  11. <type>array</type>
  12. <el>
  13. <cols>
  14. <TCEforms>
  15. <label>Spaltenverhältnis in %</label>
  16. <config>
  17. <type>select</type>
  18. <items type="array">
  19. <numindex index="0" type="array">
  20. <numindex index="0">8% / 92%</numindex>
  21. <numindex index="1">1-11</numindex>
  22. </numindex>
  23. <numindex index="1" type="array">
  24. <numindex index="0">17% / 83%</numindex>
  25. <numindex index="1">2-10</numindex>
  26. </numindex>
  27. <numindex index="2" type="array">
  28. <numindex index="0">25% / 75%</numindex>
  29. <numindex index="1">3-9</numindex>
  30. </numindex>
  31. <numindex index="3" type="array">
  32. <numindex index="0">33% / 66%</numindex>
  33. <numindex index="1">4-8</numindex>
  34. </numindex>
  35. <numindex index="4" type="array">
  36. <numindex index="0">42% / 58%</numindex>
  37. <numindex index="1">5-7</numindex>
  38. </numindex>
  39. <numindex index="5" type="array">
  40. <numindex index="0">50% / 50%</numindex>
  41. <numindex index="1">6-6</numindex>
  42. </numindex>
  43. <numindex index="6" type="array">
  44. <numindex index="0">58% / 42%</numindex>
  45. <numindex index="1">7-5</numindex>
  46. </numindex>
  47. <numindex index="7" type="array">
  48. <numindex index="0">66% / 33%</numindex>
  49. <numindex index="1">8-4</numindex>
  50. </numindex>
  51. <numindex index="8" type="array">
  52. <numindex index="0">75% / 25%</numindex>
  53. <numindex index="1">9-3</numindex>
  54. </numindex>
  55. <numindex index="9" type="array">
  56. <numindex index="0">83% / 17%</numindex>
  57. <numindex index="1">10-2</numindex>
  58. </numindex>
  59. <numindex index="10" type="array">
  60. <numindex index="0">92% / 8%</numindex>
  61. <numindex index="1">11-1</numindex>
  62. </numindex>
  63. </items>
  64. <minitems>1</minitems>
  65. <maxitems>1</maxitems>
  66. <size>1</size>
  67. </config>
  68. </TCEforms>
  69. </cols>
  70. </el>
  71. </ROOT>
  72. </sDEF>
  73. </sheets>
  74. </T3DataStructure>
  75.  

Fluid (grid-2-col.html)

  1. <div class="row">
  2. <div class="col-md-{colLeft}">
  3. <f:format.raw>{data.tx_gridelements_view_column_0}</f:format.raw>
  4. </div>
  5. <div class="col-md-{colRight}">
  6. <f:format.raw>{data.tx_gridelements_view_column_1}</f:format.raw>
  7. </div>
  8. </div>