Feldbeschriftungen über Felder

Got something cool to share with AppGini users? Feel free to post it here!
Post Reply
SkayyHH
Veteran Member
Posts: 459
Joined: 2015-04-27 21:18

Feldbeschriftungen über Felder

Post by SkayyHH » 2024-06-24 09:02

I need the field label above the fields. With this css i get the labels on top of the fields an the fields are left aligned.

But the checkboxes are not left aligned on screen resolutions > 1200px.

Anyone with an idea to align the checkboxes left all the time?

Thanks much, Kai

/* Flexbox für die Formulargruppen */
.form-horizontal .form-group {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 10px;
}

/* Label-Anpassungen */
.form-horizontal .control-label {
flex: 0 0 100%; /* Volle Breite für Labels */
text-align: left; /* Links ausrichten */
margin-bottom: 5px; /* Abstand unter den Labels */
}

/* Eingabefeld-Anpassungen */
.form-horizontal .col-lg-9 {
flex: 0 0 100%; /* Volle Breite für Eingabefelder */
}

/* Checkbox-Anpassungen */
.checkbox {
display: flex; /* Flexibles Layout für die Checkbox */
align-items: center; /* Zentrieren Sie die Elemente vertikal */
}

.checkbox label {
margin-bottom: 0; /* Kein Abstand unter der Checkbox */
}

.checkbox label input[type="checkbox"] {
margin-right: 5px; /* Rechter Abstand zwischen Checkbox und Text */
}

Post Reply