Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
software:app:mobile_smartorm [2014/09/04 16:34] martin.oehm |
software:app:mobile_smartorm [2021/07/01 09:52] |
||
---|---|---|---|
Zeile 1: | Zeile 1: | ||
- | ==== Mobile-Smartform ==== | ||
- | |||
- | 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 Felder/Textfelder=== | ||
- | |||
- | {{ software:app:input.png?500 }} | ||
- | <code html> | ||
- | <label class="mobile" for=""name_employee"> Name des Angestellten :</label> <input class="mobile" type="text" id="name_employee"></input> | ||
- | </code> | ||
- | |||
- | -------- | ||
- | ===Checkboxen=== | ||
- | {{ 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> | ||
- | |||