or
0 answers
2.3K+ views
Hi!
I searched the forum but found no answer. I have several controls in the form, each one inserted according to the scheme:
<div fxFlex="30">
<kendo-formfield [orientation]="'horizontal'">
<kendo-label text="Rodzaj przewozów">
<kendo-dropdownlist #transportTypeDropdown class="transport-type" [data]="transportTypes"
[textField]="'name'" [valueField]="'id'" [formControlName]="formNames.transportType"
[(value)]="formModel.transportType" [disabled]="areControlsDisabled">
</kendo-dropdownlist>
</kendo-label>
<app-form-error [controlName]="formNames.transportType" [form]="form"></app-form-error>
</kendo-formfield>
</div>
<div fxFlex="10">
<kendo-formfield [orientation]="'horizontal'">
<kendo-label text="wyszukaj bez trasy">
<input type="checkbox" #searchWithoutRouteCheckbox class="search-without-route-type"
[formControlName]="formNames.searchWithoutRoute" [value]="formModel.searchWithoutRoute" kendoCheckBox
[disabled]="areControlsDisabled" />
</kendo-label>
<app-form-error [controlName]="formNames.searchWithoutRoute" [form]="form"></app-form-error>
</kendo-formfield>
</div>
<div fxFlex="10">
<kendo-formfield [orientation]="'horizontal'">
<kendo-label text="Przes. kal. 2">
<kendo-dropdownlist #calendarShiftDropdown class="calendar-shift" [data]="calendarShiftItems"
[textField]="'text'" [valueField]="'value'" [formControlName]="formNames.calendarShift"
[valuePrimitive]="true" [(value)]="formModel.calendarShift" [disabled]="areControlsDisabled">
</kendo-dropdownlist>
</kendo-label>
<app-form-error [controlName]="formNames.calendarShift" [form]="form"></app-form-error>
</kendo-formfield>
</div>
and I get errors in the console:
The `kendo-formfield` component should contain only one control of type NgControl with a formControlName
AFAIS there's no doubled controls in formfield. In other form I have simmilar controls and getting no errors and I'm stuck on this issue. What I'm doing wrong?
1 answer
272 views
Hi, we are looking for the input, dropdowns which has this outline design in the material theme but we are not able to find it.
It'd have been better if we have this.
something like this https://codepen.io/finnhvman/pen/xyOORQ
Thanks.
Martin Bechev
Telerik team
answered
on
29 Sep 2022
