Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Beide Seiten der vorigen Revision Vorhergehende Überarbeitung Nächste Überarbeitung | Vorhergehende Überarbeitung | ||
software:app:mobile_smartorm [2014/09/04 15:06] max.neumaier |
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. Welche Felder möglich sind und wie diese in dem HTML der Smartform zu definieren sind zeigt die folgende Auflistung. | + | 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 }} | {{ software:app:input.png?500 }} | ||
Zeile 12: | Zeile 13: | ||
-------- | -------- | ||
- | ===Checkbox=== | + | ===Checkboxen=== |
{{ software:app:checkbox.png }} | {{ software:app:checkbox.png }} | ||
<code html> | <code html> | ||
Zeile 19: | Zeile 20: | ||
--------- | --------- | ||
- | ===RadioButtons=== | + | ===Radiobuttons=== |
{{ software:app:radio.png?300 }} | {{ software:app:radio.png?300 }} | ||
Zeile 33: | Zeile 34: | ||
-------- | -------- | ||
- | ===Auswahllisten=== | + | ===Auswahllisten/Selectboxen=== |
{{ software:app:dropdown.png?300 }} | {{ software:app:dropdown.png?300 }} | ||
Zeile 44: | Zeile 45: | ||
<option class="mobile" value="Auswahl3_Value">T!M</option> | <option class="mobile" value="Auswahl3_Value">T!M</option> | ||
</select><br></br> | </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> | </code> | ||