Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 16

Thema: Radio Button css

      
  1. #1
    Forum Zuschauer
    Registriert seit
    27.03.2008
    Beiträge
    5

    Radio Button css

    Hallo,
    Die Doku von Powermail ist ist schon spitzenmäßige und in der neuen Version auch hinweise zu css. Leider sind die Infos für mich noch nicht ausreichend .

    Ich bekomme die Radio Button einfach mit css nicht formatiert.
    Wie bekommen ich den Titel, Label formatiert?

    Gruß Eckhard

  2. #2
    Forum Crack Avatar von einpraegsam.net
    Registriert seit
    11.05.2007
    Ort
    München
    Alter
    35
    Beiträge
    1.147
    Zitat Zitat von Elefant Beitrag anzeigen
    Hallo,
    Die Doku von Powermail ist ist schon spitzenmäßige und in der neuen Version auch hinweise zu css. Leider sind die Infos für mich noch nicht ausreichend .

    Ich bekomme die Radio Button einfach mit css nicht formatiert.
    Wie bekommen ich den Titel, Label formatiert?

    Gruß Eckhard
    Wie sollen diese denn ausschauen? Wie ist dein HTML Quellcode?

  3. #3
    Forum Zuschauer
    Registriert seit
    27.03.2008
    Beiträge
    5
    Zitat Zitat von wunschtacho Beitrag anzeigen
    Wie sollen diese denn ausschauen? Wie ist dein HTML Quellcode?
    Ich möchte es erstmal nur so haben wie in der Doku.
    In einer Zeile "Anrede Frau O Herr O" und in der nächste Vorname _____

    Habe ich bis jetzt nur eins für die gesamte Webseite.

  4. #4
    Forum Crack Avatar von einpraegsam.net
    Registriert seit
    11.05.2007
    Ort
    München
    Alter
    35
    Beiträge
    1.147
    Hier mal ein Beispiel CSS zu dieser Seite:
    HTML-Code:
    fieldset.tx-powermail-pi1_fieldset_3 input.powermail_uid42 {
    	width: 20px;
    	border: none;
    }
    input.powermail_subuid42_1 {
    	margin-left: 60px;
    }
    fieldset.tx-powermail-pi1_fieldset_3 div.tx_powermail_pi1_fieldwrap_html_42 label {
    	display: inline;
    	float: none;
    	clear: none;
    	margin: 0;
    	width: 20px;
    }
    fieldset.tx-powermail-pi1_fieldset_3 p.tx_powermail_pi1_fieldwrap_html_radio_title {
    	display: block;
    	float: left;
    	width: 100px;
    	margin-right: 10px;
    }
    div.tx_powermail_pi1_fieldwrap_html {
    	clear: both;
    }

  5. #5
    Forum Aktivist Avatar von Speedyletti
    Registriert seit
    17.08.2007
    Ort
    Schweiz
    Alter
    42
    Beiträge
    74

    Powermail Standard Vorlagen

    hallo zusammen, ich (wie viele andere) kämpfe mit dem selben problem. eigentlich dachte ich, dass ich einigermassen fit mit css bin, jedoch powermail bringt mich zum zweifeln.

    leider bekomme ich eine normale darstellung welche in ie & firefox schön dargestellt wird nicht hin. entweder ist alles durcheinander oder je nach browser sind die check & radiobuttons unter oder nebeneinander.

    schön wäre es, wenn jemand ein standart css hätte, welches für alle "normalen" powermailformulare auf einer seite funktionieren würde.

    wunschdarstellung:

    beschreibung: [eingabefeld]
    beschreibung: [eingabefeld]
    beschreibung: [eingabefeld]
    checkboxen : [untereinander]

    [absenden]

    merci für eure inputs - marcel

  6. #6
    Forum Crack Avatar von einpraegsam.net
    Registriert seit
    11.05.2007
    Ort
    München
    Alter
    35
    Beiträge
    1.147
    Beispiel: Checkboxen untereinander (tmpl_fieldwrap.html)
    HTML-Code:
    <!-- ###POWERMAIL_FIELDWRAP_HTML_CHECK### begin -->
    
    	<div class="tx_powermail_pi1_fieldwrap_html tx_powermail_pi1_fieldwrap_html_check tx_powermail_pi1_fieldwrap_html_###POWERMAIL_FIELD_UID###">
    		 <p class="tx_powermail_pi1_fieldwrap_html_checkbox_title">###LABEL_MAIN######MANDATORY_SYMBOL###</p>
    		 <!-- ###CONTENT### begin -->
    		 	<!-- ###ITEM### begin -->
    		 		<label for="###LABEL_NAME###">###LABEL###</label>
    				<input type="checkbox" ###NAME######VALUE######CLASS######ID######CHECKED###/>
    		 	<!-- ###ITEM### end -->
    		 <!-- ###CONTENT### end -->
    	</div>
    <!-- ###POWERMAIL_FIELDWRAP_HTML_CHECK### end -->
    Ersetzen durch:
    HTML-Code:
    <!-- ###POWERMAIL_FIELDWRAP_HTML_CHECK### begin -->
    	<div class="tx_powermail_pi1_fieldwrap_html tx_powermail_pi1_fieldwrap_html_check tx_powermail_pi1_fieldwrap_html_###POWERMAIL_FIELD_UID###">
    		 <p class="tx_powermail_pi1_fieldwrap_html_checkbox_title">###LABEL_MAIN######MANDATORY_SYMBOL###</p>
    		 <!-- ###CONTENT### begin -->
    		 	<!-- ###ITEM### begin -->
    <div class="deineklasse">
    		 		<label for="###LABEL_NAME###">###LABEL###</label>
    				<input type="checkbox" ###NAME######VALUE######CLASS######ID######CHECKED###/>
    </div>
    		 	<!-- ###ITEM### end -->
    		 <!-- ###CONTENT### end -->
    	</div>
    <!-- ###POWERMAIL_FIELDWRAP_HTML_CHECK### end -->

  7. #7
    Forum Aktivist Avatar von Speedyletti
    Registriert seit
    17.08.2007
    Ort
    Schweiz
    Alter
    42
    Beiträge
    74
    hallo wunschtacho,

    whow, das ging ja schnell! und hat wunderbar geklappt.
    die checkboxen sind jetzt untereinander - die radio buttons noch nicht.

    warum hast du dies in html und nicht im css als änderung vorgeschlagen?

    gruss marcel

  8. #8
    Forum Crack Avatar von einpraegsam.net
    Registriert seit
    11.05.2007
    Ort
    München
    Alter
    35
    Beiträge
    1.147
    Zitat Zitat von Speedyletti Beitrag anzeigen
    die checkboxen sind jetzt untereinander - die radio buttons noch nicht.
    Das kannst du natürlich auch bei den Radio Buttons machen


    Zitat Zitat von Speedyletti Beitrag anzeigen
    warum hast du dies in html und nicht im css als änderung vorgeschlagen?
    Das kannst du auch über CSS lösen wenn du magst. Mein Kollege und ich finden aber ein weiteres DIV besser, weil man mehr Möglichkeiten hat.

  9. #9
    Forum Aktivist Avatar von Speedyletti
    Registriert seit
    17.08.2007
    Ort
    Schweiz
    Alter
    42
    Beiträge
    74

    Daumen hoch Merci

    wunschtacho, merci für deine hilfe, es hat mich gefreut mit dem powermail meister selbst zu diskutieren! und vielen dank für euern einsatz und das engagement.

    grüsse aus der schweiz marcel

  10. #10
    Forum Aktivist Avatar von Speedyletti
    Registriert seit
    17.08.2007
    Ort
    Schweiz
    Alter
    42
    Beiträge
    74

    Frage Powermail formatieren

    Leider stehe ich schon wieder an

    im internet explorer werden die check, - und radioboxen in der mitte und mit rahmen dargestellt, im firefox sind jetzt wenigstens mal die rahmen weg, jedoch bringe ich diese auch nicht nach links. wenn ich versuche den submit button nach rechts zu verschieben (unter die eingabefelder) geschieht auch nichts.

    ich wollte das powermail "nur" nutzen, damit an den absender eine antwortmail generiert werden kann, da dies ja mit dem formmailer nicht geht.

    ich sehe jetzt dann nur noch als einige lösung, dass ich das formular in eine tabelle rein haue, damit alles dort ist wo es sein soll, jedoch kann das auch nicht die lösung sein.

    gibt es denn noch keine css vorlagen für das powermail welche eingesetzt werden können?

    merci für eure tipps


    Ansicht im Internet Explorer




    Ansicht im Firefox




    HTML Code

    HTML-Code:
    <div class="contentelement">
      <div class="tx-powermail-pi1">
        <div class="tx-powermail-pi1_formwrap tx-powermail-pi1_formwrap_8">
          <form name="testformular" id="testformular" action="index.php?id=16&amp;tx_powermail_pi1[mailID]=8&amp;cHash=aba361147a" method="post" class="tx_powermail_pi1_form" enctype="multipart/form-data">
            <fieldset class="tx-powermail-pi1_fieldset tx-powermail-pi1_fieldset_formular tx-powermail-pi1_fieldset_1" id="tx-powermail-pi1_fieldset_1">
            <legend>Formular</legend>
            <div class="tx_powermail_pi1_fieldwrap_html tx_powermail_pi1_fieldwrap_html_text tx_powermail_pi1_fieldwrap_html_1">
              <label for="uid1">Name:<span class="powermail_mandatory">*</span></label>
              <input type="text" name="tx_powermail_pi1[uid1]" value="" class="required powermail_testformular powermail_text powermail_uid1" id="uid1" />
            </div>
            <div class="tx_powermail_pi1_fieldwrap_html tx_powermail_pi1_fieldwrap_html_text tx_powermail_pi1_fieldwrap_html_2">
              <label for="uid2">Email:<span class="powermail_mandatory">*</span></label>
              <input type="text" name="tx_powermail_pi1[uid2]" value="" class="required validate-email powermail_testformular powermail_text powermail_uid2" id="uid2" />
            </div>
            <div class="tx_powermail_pi1_fieldwrap_html tx_powermail_pi1_fieldwrap_html_select tx_powermail_pi1_fieldwrap_html_4">
              <label for="uid4">Auswahlbox:</label>
              <div class="auswahlbox">
                <select name="tx_powermail_pi1[uid4]" id="uid4" class="powermail_testformular powermail_select powermail_uid4" >
                  <option value="bitte wählen Sie aus folgenden Möglichkeiten:">bitte wählen Sie aus folgenden Möglichkeiten:</option>
                  <option value="1. Auswahl">1. Auswahl</option>
                  <option value="2 Auswahl">2 Auswahl</option>
                  <option value="3 Auswahl">3 Auswahl</option>
                  <option value="4 Auswahl">4 Auswahl</option>
                  <option value="5 Auswahl">5 Auswahl</option>
                </select>
              </div>
            </div>
            <div class="tx_powermail_pi1_fieldwrap_html tx_powermail_pi1_fieldwrap_html_check tx_powermail_pi1_fieldwrap_html_5">
              <p class="tx_powermail_pi1_fieldwrap_html_checkbox_title">Checkbox:</p>
              <div class="checkbox">
                <label for="uid5_0">1. Option</label>
                <input type="checkbox" name="tx_powermail_pi1[uid5][0]" value="1. Option" class="powermail_testformular powermail_check powermail_uid5 powermail_subuid5_0" id="uid5_0" />
              </div>
              <div class="checkbox">
                <label for="uid5_1">2. Option</label>
                <input type="checkbox" name="tx_powermail_pi1[uid5][1]" value="2. Option" class="powermail_testformular powermail_check powermail_uid5 powermail_subuid5_1" id="uid5_1" />
              </div>
              <div class="checkbox">
                <label for="uid5_2">3. Option</label>
                <input type="checkbox" name="tx_powermail_pi1[uid5][2]" value="3. Option" class="powermail_testformular powermail_check powermail_uid5 powermail_subuid5_2" id="uid5_2" />
              </div>
            </div>
            <div class="tx_powermail_pi1_fieldwrap_html tx_powermail_pi1_fieldwrap_html_radio tx_powermail_pi1_fieldwrap_html_6">
              <p class="tx_powermail_pi1_fieldwrap_html_radio_title">Radiobutton:</p>
              <div class="radiobutton">
                <label for="uid6_0">1. Radiobutton</label>
                <input type="radio" name="tx_powermail_pi1[uid6]" value="1. Radiobutton" class="powermail_testformular powermail_radio powermail_uid6 powermail_subuid6_0" id="uid6_0" />
              </div>
              <div class="radiobutton">
                <label for="uid6_1">2. Radiobutton</label>
                <input type="radio" name="tx_powermail_pi1[uid6]" value="2. Radiobutton" class="powermail_testformular powermail_radio powermail_uid6 powermail_subuid6_1" id="uid6_1" />
              </div>
              <div class="radiobutton">
                <label for="uid6_2">3. Radiobutton</label>
                <input type="radio" name="tx_powermail_pi1[uid6]" value="3. Radiobutton" class="powermail_testformular powermail_radio powermail_uid6 powermail_subuid6_2" id="uid6_2" />
              </div>
            </div>
            <div class="tx_powermail_pi1_fieldwrap_html tx_powermail_pi1_fieldwrap_html_file tx_powermail_pi1_fieldwrap_html_7">
              <label for="uid7">Datei Upload:</label>
              <input type="file" name="tx_powermail_pi1[uid7]" class="powermail_testformular powermail_file powermail_uid7" id="uid7" />
            </div>
            <div class="sendebutton">
              <div class="tx_powermail_pi1_fieldwrap_html tx_powermail_pi1_fieldwrap_html_submit tx_powermail_pi1_fieldwrap_html_3">
                <input type="submit" value="absenden" class="powermail_testformular powermail_submit powermail_submit_uid3" />
              </div>
            </div>
            </fieldset>
          </form>
          <script type="text/javascript">
                    function formCallback(result, form) {
                        window.status = "valiation callback for form '" + form.id + "': result = " + result;
                    }
                    var valid = new Validation('testformular', {immediate : true, onFormValidate : formCallback});
                </script>
        </div>
      </div>
    </div>
    </div>
    CSS Code

    Code:
    /* POWERMAIL FORMULAR*/
    
    /*Validation*/
    input.validation-failed {
        background-color: #f2f2f2;
    }
    /*Validation*/
    div.powermail_mandatory_js {
        color: #372D23;
        font-weight: normal;
    }
    
    /*LABEL = Beschriftung - ok */
    fieldset label {
        display: block;
        width: 120px;
        float: left;
        clear: left;
    }
    /*Eingabefeld - ok */
    fieldset input {
       display: block;
       width: 220px;
       border: 1px solid #999999;
       float: left;
    }
    /*Auswahlbox - ok */
    fieldset select {
       display: block;
       width: 220px;
       float: left;
    }
    /*eigene class in tmpl_fieldwrap.html*/
    .checkbox {
        clear: both;
        height: 5px;
    }
    
    .checkbox label{
        }
    .tx_powermail_pi1_fieldwrap_html_checkbox_title {
        padding-top: 10px;
    }
    .radiobutton {
        clear: both;
        height: 5px;
    }
    .tx_powermail_pi1_fieldwrap_html_radio_title {
        padding-top: 10px;
    }
    tx_powermail_pi1_fieldwrap_html tx_powermail_pi1_fieldwrap_html_radio tx_powermail_pi1_fieldwrap_html_6 input {
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
    }
    .sendebutton {
        clear: both;
    }
    .auswahlbox option powermail_testformular powermail_select {
        padding-left: 120px;
    }
    
    /* Radio & Checkbok - clear: both */
    .tx_powermail_pi1_fieldwrap_html_radio_title,
    .tx_powermail_pi1_fieldwrap_html_checkbox_title {
        clear: both;
    }
    input.powermail_submit {
        border: 1px solid #999999;
        margin-top: 10px;
    }

 

 
Seite 1 von 2 12 LetzteLetzte

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Facebook Kommentare

Ähnliche Themen

  1. Radio-buttons als mandantory-Feld
    Von bri im Forum powermail
    Antworten: 5
    Letzter Beitrag: 29.04.2008, 21:56
  2. Antworten: 0
    Letzter Beitrag: 17.03.2008, 13:08
  3. Mailformplus und Radio-Buttons
    Von udo0006 im Forum TYPO3 Fragen und Probleme
    Antworten: 2
    Letzter Beitrag: 19.02.2008, 09:52
  4. Drucken-Button
    Von alona im Forum TYPO3 Fragen und Probleme
    Antworten: 4
    Letzter Beitrag: 02.11.2007, 14:02
  5. Logout Button im FE
    Von zausipo im Forum TYPO3 FE-User
    Antworten: 6
    Letzter Beitrag: 23.10.2007, 20:40

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •  

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245