Man kann nicht überholen,

wenn man in andere Fußstapfen tritt!

Input && Text Checkbox && Select Group Miscellaneous File && Images

TYPE: check

Simple checkbox

Die Standardkonfiguration lautet:

  1. <config>
  2.   <type>check</type>
  3.   <default>0</default>
  4. </config>

Setzt man <default> auf "1", wird die Checkbox beim Erstellen einer neuen Instanz direkt angehakt.

Wenn man die Konfiguration etwas erweitert, können auch mehrere verschiedene Checkboxen erzeugt werden.

Fluid-Template für die Checkbox:

  1. <f:if condition="{field.isChecked}">
  2. <p>Die Checkbox wurde aktiviert!</p>
  3. </f:if>
  4. <f:else>
  5. <p>Die Checkbox ist nicht aktiviert.</p>
  6. </f:else>

 Alternative als inline Styling:

  1.    <div  class="{f:if(condition:'{field.isChecked}',then:'{isChecked}',else:' ')}" >
  2. </div>

TYPE: select

Automatical list of items

Die Standardkonfiguration lautet:

  1. <config>
  2.   <type>select</type>
  3.   <renderType>selectSingle</renderType>
  4.   <!-- uncomment this, if you want to add an empty option before -->
  5.   <!-- <items type="array">
  6.       <numIndex index="0" type="array">
  7.           <numIndex index="0"></numIndex>
  8.           <numIndex index="1"></numIndex>
  9.       </numIndex>
  10.   </items> -->
  11.   <foreign_table>pages</foreign_table>
  12.   <size>1</size>
  13.   <minitems>0</minitems>
  14.   <maxitems>1</maxitems>
  15. </config>

Die Ansicht der Auswahlliste kann auch verändert werden. Mit Hilfe von:

  1. <renderType>selectMultipleSideBySide</renderType>
  2. <size>10</size>

 

 

Eine weitere Möglichkeit ist die Checkbox-Ansicht:

  1. <renderType>selectCheckBox</renderType>

 

 

Mit Hilfe von <multiple> kann eine Mehrfach-Auswahl zugelassen werden:

  1. <multiple>1</multiple>

Mit Hilfe von <enableMultiSelectFilterTextfield> kann eine Suche angezeigt werden:

  1. <enableMultiSelectFilterTextfield>1</enableMultiSelectFilterTextfield>

Außerdem gibt es noch eine Baumansicht:

  1. <config>
  2.     <type>select</type>
  3.     <renderType>selectTree</renderType>
  4.     <foreign_table>pages</foreign_table>
  5.     <treeConfig>
  6.         <parentField>pid</parentField>
  7.         <appearance>
  8.             <expandAll>1</expandAll>
  9.             <showHeader>1</showHeader>
  10.         </appearance>
  11.     </treeConfig>
  12.     <maxitems>5</maxitems>
  13.     <size>20</size>
  14. </config>

 

Diese lässt sich mit:

  1. <rootUid>5</rootUid>

direkt unter <parentField> auf die ID einer Unterseite beschränken.

 

 

 

 

Fluid-Template für die Automatical list of items:

  1. <f:if condition="{field.selectSingle}">
           <f:then>   
                   <a href="{f:uri.page(pageUid: field.selectSingle)}">Selected Page</a>
           </f:then>
           <f:else>
               <p>No page selected.</p>
           </f:else>
  2. </f:if>

Manual list of items

Die Standardkonfiguration lautet:

  1. <config>
       <type>select</type>
       <renderType>selectSingle</renderType>
       <items type="array">
           <numIndex index="0">
               <label>Label A</label>
               <value>0</value>
           </numIndex>
           <numIndex index="1" type="array">
               <label>Label B</label>
               <value>1</value>
           </numIndex>
       </items>
       <size>1</size>
       <minitems>1</minitems>
       <maxitems>1</maxitems>
    </config>
    <!-- <onChange>reload</onChange> -→

 

 

 

Fluid-Template für die Manual list of items:

  1.  <f:if condition="{field.manualList}==0">
    <f:then>
              
           
                 
                   <p>manualList0</p>
             
           </f:then>
            <f:else>
               <p>manualList0</p>
           </f:else>
            </f:if>

Manual list of items

Die Standardkonfiguration lautet:

  1. <config>
       <type>select</type>
       <renderType>selectCheckBox</renderType>
       <items type="array">
           <numIndex index="0">
               <label>Label A</label>
               <value>0</value>
           </numIndex>
           <numIndex index="1" type="array">
               <label>Label B</label>
               <value>1</value>
           </numIndex>
       </items>
       <size>1</size>
       <minitems>1</minitems>
       <maxitems>99</maxitems>
    </config>
    <!-- <onChange>reload</onChange> -->

 

 

 

Fluid-Template für die Manual list of items:

  1.     <f:for each="{field.selectCheckBoxmanual-> dce:explode(delimiter:',')}" as="item">
        
        <div class="element">
        
  2.                        <f:if condition="{item}==='0'">
                                <f:then>
                                    
                                        
                                     <p>manualList0</p>
                                        
                                    
                                </f:then>
                             </f:if>
                    
                        
  3.                        <f:if condition="{item}==='1'">
                                <f:then>
                                    
                                     <p>manualList1</p>
                                    
                                </f:then>
                             </f:if>
        
                    
                                
        </div>                   
  4. </f:for>
Anrufen
Instagram