MBlock & MForm by FriendsOfREDAXO

Redaxo Modul Formular Inputs mit MForm und MBlock.

* http://www.redaxo.org
* https://github.com/FriendsOfREDAXO/mform
* https://github.com/FriendsOfREDAXO/mblock

Transcript

1. MBlock & MForm Nice Redaxo Modul-Inputs by
2. Zu mir: Joachim Dörr Seit 2006 Mitglied im Redaxo Forum Schwerpunkt Entwicklung von API's und Webservices mit Symfony Tätig als Seniorentwickler bei der Mobile City EV- Charging GmbH Bekennender FOR-Hobbyist
3. 1. MForm Make modul-inputs greater again
4. Das Leid mit den Modul-Input-Formularen
5. Such das Modul... Foto (CC) by Frank Knaack
6. Old School Modul-Input-Formular: <div class="bigbox module-100"> <!-- LAYOUT SETTINGS --> <h4>Headline Type</h4> <div class="visualbox"> <table cellpadding="0" cellspacing="0" border="0" id="layout <tr> <td class="radio"><input <?php echo ('REX_VALUE[2]' == 'h </tr> <tr> <td class="radio"><input <?php echo ('REX_VALUE[2]' == 'h </tr> <tr> <td class="radio"><input <?php echo ('REX_VALUE[2]' == 'h </tr> </table> </div>
7. <!-- HEADLINE --> <h4>Headline Text</h4> <div class="visualbox"> <textarea name="VALUE[1]" style="width:500px;height:65px" co </div> <!-- LEADTEXT --> <div id="lead-text"> <h4>Leadtext</h4> <div class="visualbox"> <textarea name="VALUE[4]" id="markitup" class="markitup-te ?> </div> </div> </div>
8. Das Problem Schwer nachzubauen sollte man das Modul mal nicht in einem der alten Projekte nden können Mühselig daran Änderungen vorzunehmen Unübersichtlich beim Sichten des Moduls Kurzgesagt Das Erstellen von Modulen ist mühselig, wer schlau ist hat sich eine fette Snippets- und Modul- Sammlung aufgebaut.
9. Da muss doch besser gehn!
10. Es müsst was wie xform für Module geben
11. Einfach ohne großes hin und her Modul-Input- Formulare mit Hilfe einer einfachen Syntax erstellt...
12. Schöne neue (MForm) Welt
13. Das selbe Modul mit MForm: <?php // init mform $mform = new MForm(); // fieldset $mform->addFieldset(); // radiobox $mform->addRadioField(1,array('h1'=>'H1', 'h2'=>'H2', 'h3'=>'H3'),array('label'=>'Headline Type')); // textarea $mform->addTextAreaField(2, array('label'=>'Headline Text', 'style'=>'height:60px')); // textarea $mform->addTextAreaField(3, array('label'=>'Leadtext', 'style'=>'height:160px')); // parse form echo $mform->show(); ?>
14. Die Vorteile Schnell erstellt Kein HTML Übersichtlich Leicht zu ändern Kurzgesagt Durch das Nutzen von "one-line" Form-Element- De nitionen lassen sich komplexe Formulare schnell erstellen. Das Verwenden einer IDE ist dazu um so hilfreicher.
15. Beispiel Time.
16. 2. MBlock Make modul-input-elements greater again
17. Das Leid mit den wiederkehrenden Elementen in einem Modul-Input-Block
18. Mission Imposible Foto (CC) by David Wulff
19. Was über Link oder Medialists hinausgeht wird schwierig...
20. MBlock Foto (CC) by Tim Letscher
21. Nicht mit MBLock <?php // base ID $id = 1; // init mform $mform = new MForm(); // fieldset $mform->addFieldset('Team member'); // textinput $mform->addTextField("$id.0.name", array('label'=>'Name')); // media button $mform->addMediaField(1, array('label'=>'Avatar')); // mblock wi // parse form echo MBlock::show($id, $mform->show(), array('min'=>2,'max' ?>
22. Beispiel Time.
23. Bildnachweis: search (cc) by Frank Knaack Mission Imposible (cc) by David Wulff Yes we can (cc) by Tim Letscher