Ich habe versucht, die Position der Optionsfelder unter dem Anfang der Fragen auszurichten, aber für mich scheint nichts zu funktionieren.

enter image description here

Hier ist mein Code:

<div class="form-row" [style.display]="this.Form.value.joiningAs == '2' || this.Form.value.joiningAs == '3' ? 'block' : 'none'">
  <div class="col-md-12 mb-3">
    <label for="hasProfile">
                            Has your company created their profile on our platform?
                        </label>
    <div class="form-check">
      <label class="form-check-label">
                                <input type="radio" class="radio" name="hasCompanyProfile" value="1" formControlName="hasCompanyProfile"
                                    [(ngModel)]="Form.value.hasCompanyProfile">
                                Yes
                            </label>
    </div>
    <div class="form-check">
      <label class="form-check-label">
                                <input type="radio" class="radio" name="hasCompanyProfile" value="2" formControlName="hasCompanyProfile"
                                    [(ngModel)]="Form.value.hasCompanyProfile">
                                No
                            </label>
    </div>
  </div>
</div>

Jede Hilfe wird sehr geschätzt. Ich habe zu viel Zeit damit verbracht.

-1
mhfour 18 Jän. 2019 im 13:25

3 Antworten

Beste Antwort

Eine Möglichkeit, dies zu tun, besteht darin, "Rand-Links: -15px" (die Nummer manuell so ausrichten, dass sie zu Ihrer Seite passt) in der Klasse "Formularprüfung" in CSS festzulegen. Eine andere Möglichkeit wäre, ein 'div'-Element zu erstellen, das sowohl die Kontrollkästchen als auch den Text enthält. Wenn dies nicht funktioniert, überprüfen Sie, ob CSS wahrscheinlich "Formularprüfung" einige Rand- oder Auffüllungseigenschaften aufweist

1
Sanchez Panza 18 Jän. 2019 im 10:41

Sie möchten also die Optionsfelder links am Text ausrichten?

.form-check-label > input {
    margin-left: 0;
}

Ich hoffe das löst dein Problem

1
David Hänni 18 Jän. 2019 im 10:39

In Ihrem CSS würde ich nur festlegen:

.radio {
  margin-left: 0;
}
0
mahval 18 Jän. 2019 im 10:39