Kontaktformular / Elemente anders anordnen

  • 0 x
    21 Beiträge
    0 Hilfreiche Beiträge
    25. 02. 2005, 17:36

    Hallo. Gibt es eine möglichkeit die einzelnen Eingabefelder im Kontaktformular etwas individueller anzuordnen? Also z.B. einige Felder direkt nebeneinander und/oder in der linken Spalte? Hat dazu jemand einen Tipp?


  • 1
  • toyde toyde
    Jedi-General
    0 x
    1971 Beiträge
    0 Hilfreiche Beiträge
    25. 02. 2005, 18:30

    Variante:

    1. Dein Kontaktformular im Frontend aufrufen
    2. Quelltext vom Formular kopieren
    3. Selbst ein Kontaktformular gestalten
    4. Die Formular Konfigs reinhacken.

    greez toyde

  • 0 x
    21 Beiträge
    0 Hilfreiche Beiträge
    25. 02. 2005, 20:47

    Bis auf Punkt 4 "Die Formular Konfigs reinhacken" verstehe ich Deinen Tipp...aber wie kann ich ein eigenes Formular so ohne weiteres in Typo3 übernehmen? Mit welcher TS-Anweisung geht das?

  • hardcoder hardcoder
    Jedi-Meister
    0 x
    389 Beiträge
    0 Hilfreiche Beiträge
    24. 04. 2005, 10:11

    statt: contentelement: mail-form

    content-element: HTML

    [code:1:8c5c3a41da]

    <script type="text/javascript" src="t3lib/jsfunc.validateform.js"></script>
    <form action="index.php?id=172" name="2e65f0f8ac18ed4eda8a1c2edbb2fdbf" enctype="multipart/form-data" method="post" target="_top" onsubmit="return validateForm('2e65f0f8ac18ed4eda8a1c2edbb2fdbf','email,E-Mail,message,Ihre%20Nachricht','','','')">
    <input type="hidden" name="html_enabled" value="1" />
    <input type="hidden" name="subject" value="Kontakt von http://www.bla-blubb.info" />
    <input type="hidden" name="recipient" value="74567e6412:lpGZkL+Imp3Sj42Qm4qFmpGL0Zua" /><!--value aus contentelement: mail-form übernehmen-->
    <input type="hidden" name="locationData" value="77:tt_content:74" /><!--pageid:tt_content:id des HTML-CONTENTELEMENTES-->

    <div class="mail_main">

    <div style="float:left; width:50%;">

    <div style="background:#ffffff;">
    <div style="">Firma / Institution</div>
    <div style=""><input class="mail_input" type="text" name="company" value="" /></div>
    </div>

    <div style="background:#ffffff;">
    <div style="">Vorname</div>
    <div style=""><input class="mail_input" type="text" name="name" value="" /></div>
    </div>

    <div style="background:#ffffff;">
    <div style="">Name</div>
    <div style=""><input class="mail_input" type="text" name="name_2" value="" /></div>
    </div>

    <div style="background:#ffffff;">
    <div style="">Straße, Nr.</div>
    <div style=""><input class="mail_input" type="text" name="street_no" value="" /></div>
    </div>

    <div style="background:#ffffff;">
    <div style="">PLZ</div>
    <div style=""><input class="mail_input" type="text" name="zip" value="" /></div>
    </div>

    <div style="background:#ffffff;">
    <div style="">Ort</div>
    <div style=""><input class="mail_input" type="text" name="city" value="" /></div>
    </div>

    <div style="background:#ffffff;">
    <div style="padding:2px;">* Pflichtfelder</div>
    </div>

    </div>

    <div style="float:right; width:50%;">

    <div style="float:right;background:#ffffff;">
    <div style="">Telefon</div>
    <div style=""><input class="mail_input" type="text" name="phone" value="" /></div>
    </div>

    <div style="float:right;background:#ffffff;">
    <div style="">Telefax</div>
    <div style=""><input class="mail_input" type="text" name="fax" value="" /></div>
    </div>

    <div style="float:right;background:#ffffff;">
    <div style="">E-Mail</div>
    <div style=""><input class="mail_input" type="text" name="email" value="" /></div>
    </div>

    <div style="float:right;background:#ffffff;">
    <div style="">Ihre Nachricht</div>
    <div style=""><textarea class="mail_textarea" name="message" cols="20" rows="5"></textarea></div>
    </div>

    <div style="background:#ffffff;">
    <div style="float:right;"><input class="submit" type="submit" name="formtype_mail" id="submit_button" value="Absenden"></div>
    </div>

    </div>

    </div>
    </form>

    [/code:1:8c5c3a41da]

  • webdeveloper webdevelo...
    Jedi-Ratsmitglied
    0 x
    862 Beiträge
    0 Hilfreiche Beiträge
    24. 04. 2005, 12:43

    Wenn's darum geht, Formularelemente nebeneinander darzustellen, kannst du auch ein "," setzen.

    z.b.
    [code:1:ebd496066d]
    Feld1: | *feld1=select | --- Bitte auswählen ---, Nummer 1, Nummer 2
    [/code:1:ebd496066d]

    Ist zwar hier für eine Auswahlbox, sollte aber auch für Inputs gelten. Setze deine Felder/Radiobuttons mit einem "," nebeneinander...

  • 1