Forum

von **andy** » 13. Jan 2012, 17:28

Hallo erstmal,

ich bin vor kurzem im Netz über Redaxo gestolpert und muss sagen das ist mal ein super cms system...
Nun habe ich das ganze mal bei mir lokal auf dem Server installiert und mal fix ein Template gebastelt. So weit so gut, nun wollte ich auch ein Kontaktformular erstellen und habe mich mal an das doForm getraut. Das ganze ging eigendlich auch ganz gut, allerdings blicke ich nicht so ganz wie ich die css für das Formular anpasse. Für die Mail ist kein Problem, das war ja klar definiert im Modul, aber über welche css definiere ich das Formular auf meiner Seite. Ich finde leider in diesem Quelltext nur die Angaben für die css die das backend formular gestallten und keine für das frontend oder bin ich blind???

Code: Alles auswählen: <?php /** *============================================= * REDAXO-Modul: do form!4 * Bereich: Eingabe * Version: 4.31 * Redaxo Version: 4.31 * Module-id: 364 * Hinweise: * * Erforderliche Addons: TinyMCE, PHPMAiler * * Datum: 05.06.2011 * Stand: Eingabe: 05.10.2011 * Ursprung: Formular-Generator Redaxo 3.2 Demo, do form! 2 * Typ: Modifikation / Erweiterung *============================================= */ // EINGABE EINSTELLUNGEN // zur Vereinfachung der Eingabemaske // Erweiterte Funktionen in der Moduleingabe freischalten // Es sind evtl. Anpassungen in der Ausgabe erforderlich $uploadon=false; // UPLOADS AKTIVIEREN true oder false $sessionson=false; // SESSIONS AKTIVIEREN true oder false $bccon=true; // BCC AKTIVIEREN true oder false $sslon=false; // SSL-Umschalter - Muss in der Ausgabe angepasst werden // Version $doformversion="4.3"; // Definition des Standard-Formulars $defaultdata=" text|Nachname|1|||name text|Vorname|1|||checkfield text|Firma | text|Straße| text|PLZ|1|||plz text|Ort|1||| text|Telefon||||tel text|Telefax||||tel text|E-Mail|1|||sender textarea|Ihre Nachricht: |1| "; /** * Convert a shorthand byte value from a PHP configuration directive to an integer value * @param string $value * @return int */ if (!function_exists('convertBytes')) { function convertBytes( $value ) { if ( is_numeric( $value ) ) { return $value; } else { $value = trim ($value); $value_length = strlen( $value ); $qty = substr( $value, 0, $value_length - 1 ); $unit = strtolower( substr( $value, $value_length - 1 ) ); switch ( $unit ) { case 'g': $qty *= 1024; case 'm': $qty *= 1024; case 'k': $qty *= 1024; } return $qty; } } } ?> <style type="text/css">  </style> <script language="JavaScript" type="text/javascript">  </script> <div class="formnavi"><a href="http://wiki.redaxo.de/index.php?n=R4.DoForm" target="_blank">WIKI</a><a href="#anleitung" id="anzeige" onclick="javascript:document.getElementById('anleitung').style.display = 'block'" >Kurzanleitung-einblenden </a> do form! - Version: <?php echo $doformversion; ?> | <?php echo $REX['LANG']; ?></div> <br/><?php $phpmcheck= OOAddon::isActivated('phpmailer'); if ($phpmcheck == 1) {} else { echo' <div class="formgenerror"> PHPMailer wurde nicht gefunden oder ist nicht aktiviert. <br/> Bitte installieren Sie das ADDON! </div>'; } ?> <div class="formgenheadline"> Formularfelder</div> <div class="doform" clas="doform">typ|label|pflicht|default|value/s|validierung <br/> <textarea name="VALUE[3]" class="formgenconfig"><?php if ("REX_VALUE[3]" == '') {echo $defaultdata;} else {echo "REX_VALUE[3]";} ?> </textarea> </div> <br /> <br /> <div class="formgenheadline">Versandeinstellungen</div> <div class="doform"> <div class="doleft"><strong>Betreff:</strong><br /> <input type="text" name="VALUE[4]" value="REX_VALUE[4]" class="inp100" /> <br /> <strong>Bezeichnung für Senden-Button:</strong><br /> <input type="text" name="VALUE[7]" value="REX_VALUE[7]" class="inp100" /> <br /> <br /> HTML-MAIL<span class="infotext"> <select name="VALUE[12]"> <option value='ja' <?php if ("REX_VALUE[12]" == 'ja') echo 'selected'; ?>>ja</option> <option value='nein' <?php if ("REX_VALUE[12]" == 'nein') echo 'selected'; ?>>nein</option > </select> <br /> </span><br /> <?php if ($sslon==true) { ?> SSL-Übertragung<span class="infotext"> <select name="VALUE[12]"> <option value='nein' <?php if ("REX_VALUE[12]" == 'nein') echo 'selected'; ?>>nein</option> <option value='SSL' <?php if ("REX_VALUE[12]" == 'SSL') echo 'selected'; ?>>Ja</option > </select> <br /> </span>(<em>ssldomain muss in de Ausgabe definiert sein</em>) <?php } ?> </div> <div class="doleft"><strong>Email geht an:</strong><br /> <input type="text" name="VALUE[1]" value="REX_VALUE[1]" class="inp100" /> <span class="formgenalias">(%Mail%)</span><br /> <?php if ($bccon==true) { ?><strong>BCC an:</strong><br /> <input type="text" name="VALUE[11]" value="REX_VALUE[11]" class="inp100" /> <br /><?php } ?> <br /> <strong>Soll eine Bestätigungs-Email erstellt werden? </strong> <select name="VALUE[10]" id="mySelect" onChange="doIt(this.value)"> <option value='Nein' <?php if ("REX_VALUE[10]" == 'nein') echo 'selected'; ?>>Nein</option> <option value='ok' <?php if ("REX_VALUE[10]" == 'ok') echo 'selected'; ?>>Ja</option> </select> <br /> <em>(Funktioniert nur wenn Feld : |absendermail definiert ist)</em> </div><div style="clear:both"></div> </div><?php if ($sessionson==true) { ?> <div class="formgenheadline">Individuelle Sessionvariable (expert)</div> <div class="doform"> <div class="doleft"><strong>Bezeichner für Sessionvariable:</strong><br/> <input type="text" name="VALUE[16]" value="REX_VALUE[16]" class="inp100" /> <br /> <span class="infotext">z.B.: Warenkorb, nur für Session-Variablen erlaubte Zeichen, erntspricht: $_SESSION["Warenkorb"]</span></div> <div class="doleft"> <p><em><strong>Info</strong> Die Variable wird nach dem Versenden zurückgesetzt</em></p> <p>Beispiel: Einsatz per <strong>sessionvar|Warenkorb</strong></p> </div> <div style="clear:both">Es handelt sich hierbei um ein hidden field. Eine Ausgabe muss ggf. selbst erstellt werden.</div> </div> <?php } ?> <?php if ($uploadon==true) { ?> <div class="formgenheadline">Uploads</div> <div class="doform"> <div class="doleft"></span> <strong>Uploadordner:</strong> (z.B.: files/upload/)<br /> <input type="text" name="VALUE[14]" value="REX_VALUE[14]" class="inp100" /> <br/> <?php echo 'Maximale Dateiuploadgröße: ' . convertBytes( ini_get( 'upload_max_filesize' ) ) / 1048576 . 'MB'; ?> </div> <div class="doleft">Die Uploads als Anhang versenden? <select name="VALUE[15]"> <option value='Nein' <?php if ("REX_VALUE[15]" == 'nein') echo 'selected'; ?>>Nein</option> <option value='Ja' <?php if ("REX_VALUE[15]" == 'Ja') echo 'selected'; ?>>Ja</option> </select> </div> <div style="clear:both"></div> </div> <?php } ?> <br /> <div id="ok" <?php if ("REX_VALUE[10]" == 'ok'){ echo 'style="display:block;"'; } else echo 'style="display:none;"'; ?> class="myDivs"> <div class="formgenheadline">Bestätigungs-Email an den Absender</div> <div class="doform"> <div class="doleft"> <strong>Betreff </strong>für die Bestätigungs-Email:<br /> <input type="text" name="VALUE[17]" value="REX_VALUE[17]" class="inp100" /> <strong>Absenderadresse </strong>für die Bestätigungs-Email:<br /> <input type="text" name="VALUE[2]" value="REX_VALUE[2]" class="inp100" /> <span class="formgenalias">(%Absender%)</span><br/> <strong>Absender-Name:</strong><br /> <input type="text" name="VALUE[8]" value="REX_VALUE[8]" class="inp100" /> </div> <div class="doleft"><strong>Original-Mail anhängen?<br /> <select name="VALUE[13]"> <option value='nein' <?php if ("REX_VALUE[13]" == 'nein') echo 'selected'; ?>>nein</option > <option value='ja' <?php if ("REX_VALUE[13]" == 'ja') echo 'selected'; ?>>ja</option> </select> <br/> <br/> Datei anhängen: </strong>REX_MEDIA_BUTTON[1] </div> <div style="clear:both"></div> </div> <div class="formgenheadline">E-Mail-Bestätigungstext</div> <div class="doform"><textarea name="VALUE[5]" class="formgenconfig" style="width:100%;height:80px;">REX_VALUE[5]</textarea> <span class="formgen_sample1"><strong>Platzhalter für Bestätigungstext:</strong> <br /> %Betreff%, %Datum% , %Zeit%, %Absender%, %Mail% </span>, <br /> %Besuchermail% (wird durch sender gesetzt)<br/> </div> </div> <br/> <div class="formgenheadline"><strong>Danksagung</strong> (wird auf der Website angezeigt)</div> <?php // Ist TinyMCE 3 aktiviert? if (class_exists('rexTinyMCEEditor')) { // Diese 3 Zeilen dürfen keine führenden Leerzeichen besitzen! $wysiwigvalue =<<<EOD REX_VALUE[6] EOD; // Neue Instanz der Klasse $tiny = new rexTinyMCEEditor(); // Buttons setzen (hier alle Buttons der Standardkonfiguration) $tiny->buttons1 = 'bold,italic,underline,strikethrough,sub,sup,|,forecolor,backcolor,styleselect,formatselect,|,charmap,cleanup,removeformat,|,preview,code,fullscreen'; $tiny->buttons2 = 'cut,copy,paste,pastetext,pasteword,|,justifyleft,justifycenter,justifyright,justifyfull,|,bullist,numlist,|,link,unlink,redaxoMedia,redaxoEmail,anchor,|,advhr,image,emotions,media'; // zusätzliche Buttons für Undo/Redo, Tabellen und Template $tiny->buttons3 = 'undo,redo,|,tablecontrols,visualaid,|,template,help'; $tiny->buttons4 = ''; // Breite und Höhe des Editors $tiny->width = 555; $tiny->height = 350; // Valides XHTML generieren true/false $tiny->validxhtml = true; // Hier können eigene Werte über die Standardwerte überlagert werden // // Achtung: // bei einigen Parametern (z.B. Plugins) muss der Wert aus der // Standardkonfiguration e r w e i t e r t werden // Hier als Beispiel erweitert um die Plugins syntaxhl, table, template $mytinyconfig =<<<EOD plugins : 'advhr,advimage,advlink,contextmenu,emotions,fullscreen,inlinepopups,media,paste,preview,redaxo,safari,visualchars,table,template', skin : 'o2k7', skin_variant : 'silver' EOD; //syntaxhl // eigene Konfiguration übernehmen $tiny->configuration = $mytinyconfig; // WYSIWYG-Content zuordnen $tiny->content = $wysiwigvalue; // Id des REX_VALUES zuordnen $tiny->id = 6; // WYSIWYG-Editor anzeigen $tiny->show(); } else { $tinycheck= OOAddon::isActivated('tinymce'); if ($tinycheck == 1) { // Diese 3 Zeilen dürfen keine führenden Leerzeichen besitzen! $value1 =<<<TEXT REX_VALUE[6] TEXT; $editor = new rexTiny2Editor(); $editor->id=6; $editor->content=$value1; $editor->show(); } else { echo' <div class="formgenerror"> TINYMCE wurde nicht gefunden. <br/> Bitte installieren Sie das ADDON! </div>'; } } ?> <br/> <div align="right">Bearbeitung: <a href="http://www.klxm.de" target="_blank">Thomas Skerbis - KLXM Crossmedia GmbH</a></div> <div id="anleitung" style="<?php echo (!isset ($anleitung) || !$anleitung) ? 'display: none' : 'display: block'; ?>"> <div class="formgenheadline">Beispiel-Formular:</div> <div class="doform"> <textarea name="demo" cols="80" rows="11" class="formgenconfig" style="width:95%;height:200px;"> fieldstart|Kontaktdaten text|Name|1|||checkfield text|Name|1|||name text|Firma text|Straße text|PLZ|1|||plz text|Ort|1 text|Telefon||||tel text|Telefax||||tel fieldend| fieldstart|Weitere Angaben divstart|cssklasse radio|Geschlecht|0|Mann;Frau|m;w| password|Ihr Passwort|1|||alpha text|E-Mail|1|||sender divend| select|Auswahl|1||Birne;Apfel;Kirsche checkbox|AGB gelesen? fieldend| info|Geben Sie bitte diesen Code oder nochmal Ihren Namen ein text|Sicherheitscode|1|||check textarea|Ihre Nachricht:|1| upload|Upload JPG|0||jpg;jpeg;gif||0.5m </textarea> <br/> <br/> </div> <div class="formgenheadline">Kurzbeschreibung:</div> do form! 4 basiert auf den in Redaxo 3.2 mitgelieferten Formular-Generator.<br /> Beim ersten Aufruf erstellt das Modul eine Konfiguration für ein Standard-Kontaktformular. <br/> Im Beispiel-Formular sehen Sie weitere Möglichkeiten zur Konfiguration. <br/> <a href="http://wiki.redaxo.de/index.php?n=R4.DoForm" target="_blank">Wiki.</a><br /> <br /> <strong>Empfehlung:</strong><br /> Wir empfehlen im PHP-Mailer die Einstellung SMTP-AUTH zu verwenden. <br /> <br /> <br/> <br /> <br /> <div class="doform"> <div class="doleftdoc"><strong>Typen</strong></div> <div class="doleftdoc2"> <p>text<br /> <br/> GET-Veriable kann in einem Textfeld ausgelesen werden<br/> Verwendug: text|Titel:|1|GET_Variablenname|<br/> <br/> textarea, select, checkbox,hidden <br/> radio<br/> password <br/> captchapic (Setzt das Captchabild mit Info ein)<br> <a href="http://www.redaxo.org/de/download/templates/?template_id=104&searchtxt=captcha&cat_id=-1" target="_blank">Captcha-Template</a><br /> <br/> date: Aktuell + 5 Jahre <br/> xdate: Jahr ab 1900 bis Jahr aktuell<br/> time: Auswahl einer Uhrzeit <br/> <strong><br/> upload</strong> / korrekte Funktion nur wenn in EingabeMaske aktiviert<br/> Verwendung: upload|File-Upload|0||zip||30.0m </p> <hr size="1"> <p><strong>Gestaltungselemente:<br /> </strong><em>Einige Gestaltungselemente werden nicht in der E-Mail übertragen* </em><br /> <br /> info (Zwischentexte , HTML erlaubt, werden nicht übertragen)<br/> headline (Zwischenüberschriften , werden übertragen) </p> <p>HTML</p> <p>fieldstart|label<br /> fieldend*<br /> divstart|css-klasse* / divstart|#css-id<br /> divend*<br /> trennelement*</p> <p><strong>Sonstiges</strong><br/> ilink|ID|Name des Links<br /> ilink2|id|parameter(& = &amp;)|Klasse|Bezeichnung <br /> <br /> sessionvar|Warenkorb<br /> / korrekte Funktion nur wenn in EingabeMaske aktiviert </p> </div> <div style="clear:both"></div> </div> <br /> <br /> <br /> <div class="doform"> <div class="doleftdoc"><strong>Label</strong></div> <div class="doleftdoc2"> <p>Feldbezeichnung / Titel</p> </div> <div style="clear:both"></div> </div> <br /> <br /> <br /> <div class="doform"> <div class="doleftdoc"><strong>Pflicht</strong></div> <div class="doleftdoc2"> <p>1 sonst 0 oder leer <br/> (<em>Pflichtfelder werden automatisch mit einem * versehen.</em>)</p> </div> <div style="clear:both"></div> </div> <br /> <br /> <div class="doform"> <div class="doleftdoc"><strong>Default</strong></div> <div class="doleftdoc2"> <p>Wert der bereits erscheinen wird. (Standardeingabe)</p> </div> <div style="clear:both"></div> </div> <br /> <br /> <br /> <div class="doform"> <div class="doleftdoc"><strong>Value/s</strong></div> <div class="doleftdoc2"> <p>Werte für Radio und select, getrennt per ; </p> </div> <div style="clear:both"></div> </div> <br /> <br /> <br /> <div class="doform"> <div class="doleftdoc"><strong>Validierung</strong></div> <div class="doleftdoc2"> <ul> <li>alpha (nur engl.Buchstaben) </li> <li>url (URL)</li> <li>digit (nur Zahlen)</li> <li>plz (5 Zahlen)</li> <li>plz4 (4 Zahlen)</li> <li>tel (mindestens 6 Zahlen)</li> <li>name prüft Namen und z.B. übliche Firmenbezeichnungen</li> <li>mail (prüft eingegebene Email-Adressen) </li> <li>sender (diese Adresse wird als Absendermail eingesetzt und geprüft)</li> <li>check - Prüfen der Spamschutzeingabe (captchapic oder checkfield) <br/> entspricht sonst der Validierung: name</li> <li>checkfield (legt ein Vergleichsfeld fest das als Spamschutzcode gilt)</li> </ul> <p> </p> </div> <div style="clear:both"></div> </div> <br /> <br /> <p>typ|label|pflicht|default|value|validierung </p> <p> </p> </div>

mag mir das mal einer fix erklären wo ich in diesem quelltext die css styles finde für das frontend?

EDIT:
Ich kann das Formular ja auch durch ein eigenes css ersetzen, aber mit dem Befehlt divstart|css... wie gebe ich das jetzt an??? muss ich hier divstart|cssDATEINAME oder divstart|cssPFAD+DATEINAME oder divstart|DATEINAME angebe, das ist in der Anleitung irgendwie nicht sonderlich deutlich beschrieben...

von **svenalbert** » 14. Jan 2012, 10:16

Moin,

http://www.redaxo.org/de/download/module/?modul_id=572&searchtxt=doform&cat_id=-1

Dort gibt es unter den Code-Fenstern für den Input und den Output eine für CSS. Dort steht, glaube ich, das, was Du suchst.

VG,
Sven

von **andy** » 14. Jan 2012, 12:58

Moin,

ja die css ist nicht das Problem, ich suche in dem Quellcode die div tags die die einzelnen Felder ect. positionieren. In der css ist ja nur angegeben wie die Felder ect. aussehen, aber nicht wo diese auf der Seite im Formular positioniert werden. Ich möchte also quasi ein neues Formular Template bauen.
Ich möchte aber z.B. das Feld für den Namen links haben und das für den Vornamen rechts daneben und das für die Anschrift oben links auf der Seite oder so... ist jetzt nurn mal ein Beispiel. Die stellen im Quelltext suche ich. Die css selbst ist nicht das Problem.
Und wenn ich selber div tags dafür erstelle, weiß ich nicht wie ich die mit divstart einbinde, weil wenn ich zum Beispiel eine neue klasse in dem divstyles erstelle und diese dann versuche mit divstart|container (zum Beispiel) über das Backendformular einzubinden / zu starten, hat das irgendwie keine Auswirkung auf das Formular im Frontend. Wo ist hier mein Fehler???

Um das ganze mit divstart und divend zu umgehen wollte ich nun die div tags direkt in den Quellcode einbauen um so das Formular zu definieren.

von **svenalbert** » 15. Jan 2012, 14:05

Hi,
steht doch auch in der Beschreibung, dass Du ein DIV starten und beenden kannst

Code: Alles auswählen: divstart|cssklasse divend

Und wenn Du anstatt "cssklasse" einfach die Klasse, die Du dem DIV geben möchtest angibst, also etwa

Code: Alles auswählen: divstart|input1 divend

wird sicherlich in Deinem Quelltext etwas wie

Code: Alles auswählen: <div class="input1"></div>

rauskommen.

Im übrigen ist Deine Überschrift etwas irreführend, weil Du willst nicht anpassen, sondern zuweisen. Drum wahrscheinlich auch das Mißverständnis.

Sven

von **andy** » 16. Jan 2012, 12:01

danke sven, habs mal umbenannt.
ok, das mit der klasse ist jetzt klar...

EDIT:
Ok, hab es hinbekommen... in der Beschreibung steht ja das man die css seiner css hinzufügen soll, als der css für sein Template. Ich habe die ganze Zeit versucht die css vom Formular in das Modul einzubauen, bzw. die css datei für das Formular extern aufzurufen. Hat einem ja auch keiner gesagt das man einfach die css in seine Template css kopieren soll... :mrgreen: