Browse Source
Radio Button UI Issue
Radio button UI options are overlapping. Switched <ng-container> to <div>
pull/310/head
dsbegnoche
8 years ago
committed by
GitHub
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with
5 additions and
5 deletions
-
src/Squidex/app/features/content/shared/field-editor.component.html
|
|
@ -29,12 +29,12 @@ |
|
|
</select> |
|
|
</select> |
|
|
</ng-container> |
|
|
</ng-container> |
|
|
<ng-container *ngSwitchCase="'Radio'"> |
|
|
<ng-container *ngSwitchCase="'Radio'"> |
|
|
<ng-container class="form-check form-check-inline" *ngFor="let value of field.properties['allowedValues']"> |
|
|
<div class="form-check form-check-inline" *ngFor="let value of field.properties['allowedValues']"> |
|
|
<input class="form-check-input" type="radio" [value]="value" [formControl]="control" /> |
|
|
<input class="form-check-input" type="radio" [value]="value" [formControl]="control" /> |
|
|
<label class="form-check-label"> |
|
|
<label class="form-check-label"> |
|
|
{{value}} |
|
|
{{value}} |
|
|
</label> |
|
|
</label> |
|
|
</ng-container> |
|
|
</div> |
|
|
</ng-container> |
|
|
</ng-container> |
|
|
</ng-container> |
|
|
</ng-container> |
|
|
</ng-container> |
|
|
</ng-container> |
|
|
@ -62,12 +62,12 @@ |
|
|
</select> |
|
|
</select> |
|
|
</ng-container> |
|
|
</ng-container> |
|
|
<ng-container *ngSwitchCase="'Radio'"> |
|
|
<ng-container *ngSwitchCase="'Radio'"> |
|
|
<ng-container class="form-check form-check-inline" *ngFor="let value of field.properties['allowedValues']"> |
|
|
<div class="form-check form-check-inline" *ngFor="let value of field.properties['allowedValues']"> |
|
|
<input class="form-check-input" type="radio" value="{{value}}" [formControl]="control" /> |
|
|
<input class="form-check-input" type="radio" value="{{value}}" [formControl]="control" /> |
|
|
<label class="form-check-label"> |
|
|
<label class="form-check-label"> |
|
|
{{value}} |
|
|
{{value}} |
|
|
</label> |
|
|
</label> |
|
|
</ng-container> |
|
|
</div> |
|
|
</ng-container> |
|
|
</ng-container> |
|
|
</ng-container> |
|
|
</ng-container> |
|
|
</ng-container> |
|
|
</ng-container> |
|
|
|
