[gelöst]Field Description - inline
Eingetragen von ThuleNB (380)am 11.11.2013 - 16:50 Uhr in
Hallo,
in den Profileinstellungen unter "Anzeige verwalten" kann man auswählen, an welcher Stelle die Feldbeschreibung erscheinen soll (oben, inline, ausgeblendet). Leider kann man das nur für die Profilanzeige einstellen, nicht aber für die Profilerstellungsseite (Edit Profile). Weiß jemand, wie ich es schaffe, dass die Feldbeschreibung in der Profilerstellungsseite "inline" angeordnet wird? Standardmäßig ist die Beschreibung des Feldes oberhalb.
VG
Thule
- Anmelden oder Registrieren um Kommentare zu schreiben
Das ist über CSS möglich.
am 11.11.2013 - 19:39 Uhr
Das ist über CSS möglich. Daran denken, daß man das meist im Admin Theme macht. Also die entsprechenden CSS-Anweiungen im richtigen Theme plazieren.
Beste Grüße
Werner
Hallo Werner, dankeschön. Ich
am 11.11.2013 - 20:16 Uhr
Hallo Werner,
dankeschön. Ich habe es mit CSS hinbekommen:
.form-item label {font-size: 0.929em;
display: inline;
}
Nun habe ich das Label meiner Felder links neben dem Eingabefeld stehen. Ich versuche die ganze Zeit die Eingabefelder auf eine Linie zu bekommen. Da meine Feld-Labels immer unterschiedlich lang sind, sind die Eingabefelder immer auf verschiedener Höhe (zur Verdeutlichung habe ich ein Bild angehängt).
Ich wollte nun folgendermaßen vorgehen:
- Feldlabel-Breite für alle Label einheitich machen (width)
- und dann den Abstand rechts einheitlich wählen
Mein Problem ist aber, dass ich für die Feldlabel keine einheitliche Breite schaffen kann.
Hattest du das Problem schon einmal? Vielleicht ein Schlagwort, das mir auf die Sprünge hilft? :)
Gruß
Thomas
Allen Labeln die gleiche
am 11.11.2013 - 20:38 Uhr
Allen Labeln die gleiche Länge geben, text-align: right, padding-right z.B. 5px. Dann sollte das passen.
Beste Grüße
Werner
Hallo Werner, ich werde das
am 19.11.2013 - 12:17 Uhr
Hallo Werner,
ich werde das am Donnerstag versuchen. Eine Frage habe ich noch zu deinem Zitat:
Das ist über CSS möglich. Daran denken, daß man das meist im Admin Theme macht. Also die entsprechenden CSS-Anweiungen im richtigen Theme plazieren.
Gibt es neben meinem normalen Theme auch noch ein separates "Admin-Theme"? Also ein Theme für die normale Ansicht und ein Theme für die Editieransicht?
Gruß
Thomas
Bei Drupal 7 kannst Du ganz
am 19.11.2013 - 12:29 Uhr
Bei Drupal 7 kannst Du ganz unten auf der Design (Appearance)-Seite ein Adminsitration-Theme festlegen. Dort findest Du eine Checkbox, mit der Du festlegen kannst, daß für die Dateneingabe auch das Admin-Theme verwendet werden soll. Das ist oft bequemer, da ich z.B. bei Seven keine Seitenstreifen habe, die für den Kontent wegfallen. Dadurch kann ich Eingabeformulare besser (weil breiter) strukturieren.
Beste Grüße
Werner
Das ist ja interessant und
am 19.11.2013 - 13:28 Uhr
Das ist ja interessant und hört sich vielversprechend an. Ich werde das mal ausprobieren.
Vielen Dank und Grüße
Thomas
Hallo Werner,ich bekomme das
am 21.11.2013 - 08:40 Uhr
Hallo Werner,
ich bekomme das einfach nicht hin. So sieht mein Text aus:
<div id="profile2_main_form_group_allgemeine_informationen" class="field-group-multipage multipage-closed form-wrapper multipage-pane"><h2 class="multipage-pane-title">
<span>
</h2>
<div class="fieldset-wrapper multipage-pane-wrapper">
<div id="edit-profile-main-field-stra-e-hausnummer" class="field-type-text field-name-field-stra-e-hausnummer field-widget-text-textfield form-wrapper">
<div id="profile-main-field-stra-e-hausnummer-add-more-wrapper">
<div class="form-item form-type-textfield form-item-profile-main-field-stra-e-hausnummer-und-0-value">
<label for="edit-profile-main-field-stra-e-hausnummer-und-0-value">
<input id="edit-profile-main-field-stra-e-hausnummer-und-0-value" class="text-full form-text required" type="text" maxlength="255" size="60" value="" name="profile_main[field_stra_e_hausnummer][und][0][value]">
</div>
</div>
</div>
<div id="edit-profile-main-field-postleitzahl" class="field-type-text field-name-field-postleitzahl field-widget-text-textfield form-wrapper">
<div id="edit-profile-main-field-ort" class="field-type-text field-name-field-ort field-widget-text-textfield form-wrapper">
<div id="edit-profile-main-field-bundesland" class="field-type-list-text field-name-field-bundesland field-widget-options-select form-wrapper">
Ich habe es dann mit diesem CSS-Befehl probiert:
#profile2_main_form_group_allgemeine_informationen .form-item label {padding-right: 70px;
background-color: red;
width: 200px;
text-align: right;
}
Mit der gebildeten Kette kann ich die Label offensichtlich ansprechen. Zum Test habe ich die rote Hintergrundfarbe gewählt (Screenshot im Anhang). Die einheitliche Breite und die linksbündige Schrift werden mir allerdings nicht angenommen.
Ich komme einfach nicht dahinter, an was es liegt. Siehst du den Fehler?
Gruß
Thomas
Dann gibt es offenbar eine
am 21.11.2013 - 09:43 Uhr
Dann gibt es offenbar eine nachgeschaltete CSS-Anweisung oder eine vorgeschaltete CSS-Anweisung, die für den Browser "genauer" ist, und die Dir die Width wieder überschreiben. Auch das läßt sich mit Firefox/Firebug finden. Du mußt dann Deine Kette entsprechend der jetzt überschreibenden ändern. Woher das kommt ist aus Bildern nicht zu entnehmen. Da muß man schon die Originalseite ansehen.
Beste Grüße
Werner