Gridelements Erweiterungsoptionen als Fluid Condition

Mit Gridelements lassen sich vielseitige Szenarien abbilden. Per Flexform Konfiguration können z.B. viele Erweiterungsoptionen geschaffen werden.
Nachfolgend beschrieben ist, die Möglichkeit eine per Flexform definierte Erweiterungsoption vom Typ Checkbox als Fluid Condition abzufragen.
Die nachfolgende Konfiguration wurde in Zusammenhang mit dem Twitter Bootstrap Framework verwendet.

Über eine per Flexform definierte Checkbox soll eine Fluid Condition angesprochen werden.

Flexform Konfiguration

  


        
                1
        
        
                array
                
                        
                                
                                        
                                                
                                                  check

HTML Fluid Template

  

  
    
  
      

        {data.tx_gridelements_view_column_0}
      
  
      

        {data.tx_gridelements_view_column_1}
      
  
    

  
  
    
  
      

        {data.tx_gridelements_view_column_1}
      

      

        {data.tx_gridelements_view_column_0}

Im Fluidtemplate befinden sich zwei, mit unterschiedlichen CSS Klassen definierte, Fluid Bereiche. Diese beiden Bereiche werden durch die Fluid Condition getrennt.
Welcher dieser Bereiche bei der Darstellung im Gridelement verwendet werden soll, wird über die Checkbox am Gridelement gesteuert.
Dazu wird eine entsprechende Typoscript Konfiguration benötigt, welche nachfolgend dargestellt ist.

Typoscript Konfiguration

  
tt_content.gridelements_pi1.20.10.setup {
  ### 33-66 FCE ###
  # ID of gridelement
  1 < lib.gridelements.defaultGridSetup
  1 {
    cObject = FLUIDTEMPLATE
    cObject {
      
      file = {$filepaths.theme}grid-33-66.html
      
      variables {
        lefttotop = COA
        lefttotop {
          10 = LOAD_REGISTER
          10.lefttotop = TEXT
          10.lefttotop.data = field:flexform_lefttotop
          
          20 = TEXT
          20.stdWrap.dataWrap = {register:lefttotop}
          
          30 = RESTORE_REGISTER
        }
        
      }
    }
  }
}

"lefttotop" ist der Schlüssel aus der Flexform und repräsentiert die Checkbox der Gridelements Erweiterungsoptionen. Diese Fluid Variable, bzw. Marker kann in der Fluid Condition abgefragt werden.

Über das gezeigte Verfahren ist es z.B. leicht möglich einem Redakteur Einfluss in Bereiche zu gewähren, die ihm sonst nicht zur Verfügung stehen.

Mit weiteren und umfangreicheren Flexform Konfigurationen als Erweiterungsoption lassen sich so auch komplexe Gridelements erzeugen.

Über Eingabefelder am Gridelement ist es möglich CSS Klassen in das Fluidtemplate zu übertragen und so bei Verwendung eines Frameworks wie Bootstrap oder YAML Einfluss auf die Darstellung zu nehmen.