Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- software:app:mobile_smartorm [2014/09/04 14:54]
max.neumaier angelegt
+++ software:app:mobile_smartorm [2021/07/01 09:52] (aktuell)
@@ Zeile 1: / Zeile 1: @@
-==== Mobile Smartform ====
+==== Mobile-Smartform ====
-Die mobile Smartform wird in der normalen [[software:tim:smartform | Smartform ]] definiert. Hierfür ist jedoch zu beachten dass nur bestimmte Felder möglich sind und wie diese zu konfigurieren sind. Allgemein müssen Felder immer eine ID, einen Namen, die Klasse **mobile** und ein zugehöriges Label besitzen.
+Die mobile Smartform ist Bestandteil der normalen [[software:tim:smartform | Browser-Smartform ]]. Die komplette Smartform kann als Browser- und Mobile-Smartform definiert werden. Alternativ kann die Mobile-Smartform nur eine Teilmenge der Browser-Smartform bilden. \\
+Für die Mobile-Smartform ist jedoch zu beachten, dass darin nur bestimmte Felder möglich sind. Zudem müssen die Felder immer eine ID, einen Namen, die Klasse **mobile** und ein zugehöriges Label besitzen. Welche Felder möglich sind und wie diese in dem HTML der Smartform zu definieren sind, zeigt die folgende Auflistung.
 -------
-===Input Feld / Textfeld ===
+===Input Felder/Textfelder===
 {{ software:app:input.png?500 }}
@@ Zeile 12: / Zeile 13: @@
 --------
-===Checkbox===
+===Checkboxen===
-{{ software:app:checkbox.png?500 }}
+{{ software:app:checkbox.png }}
 <code html>
 <label class="mobile" for="Checkbox_id"> Hardware nötig: </label> <input class="mobile" type="checkbox" id="Checkbox_id" > Ja </input>
 </code>
+---------
+===Radiobuttons===
+{{ software:app:radio.png?300 }}
+<code html>
+<label class="mobile" for="Checkbox_id"> Hardware nötig: </label> <input class="mobile" type="checkbox" id="Checkbox_id" > Ja </input>
+<label class="mobile" for="RadioGroupName">Abteilung : </label><br></br>
+<input class="mobile" type="radio" name="RadioGroupName" value="Radio_1" id="Radio_1_id"></input><label class="mobile" for="Radio_1_id">HR</label><br></br>
+<input class="mobile" type="radio" name="RadioGroupName" value="Radio_2" id="Radio_2_id"></input><label class="mobile" for="Radio_2_id">IT</label><br></br>
+<input class="mobile" type="radio" name="RadioGroupName" value="Radio_3" id="Radio_3_id"></input><label class="mobile" for="Radio_3_id">Geschäftsleitung</label><br></br>
+</code>
+--------
+===Auswahllisten/Selectboxen===
+{{ software:app:dropdown.png?300 }}
+<code html>
+  <label class="mobile" for="select_id"> Gesellschaft : </label>
+  <select class="mobile" id="select_id">
+      <option class="mobile" value="Auswahl1_Value">IGrafx</option>
+      <option class="mobile" value="Auswahl2_Value">Signavio</option>
+      <option class="mobile" value="Auswahl3_Value">T!M</option>
+  </select><br></br>
+</code>
+--------------
+===Überschriften===
+Allgemein ist es möglich 2 verschiedene Arten von Überschriften einzufügen. Auf der einen Seite linkszentrierten Text in normaler Größe und auf der anderen Seite zentrierten Text in fetter Schrift.
+{{ software:app:headlines.png?300 }}
+<code html>
+<span class="mobile"><b class="mobile">Dicke Überschrift</b></span>
+<span class="mobile">Normale Überschrift</span>
+</code>

TIM Wiki / NEW TIM 6 Documentation

Benutzer-Werkzeuge

Webseiten-Werkzeuge

Unterschiede

Seiten-Werkzeuge