Telerik Forums
Kendo UI for Angular Forum
1 answer
879 views

In our application, we recently updated to Angular 14, and our kendo-dropdown import is currently on version 7.2.0. 
With our multiselect dropdowns, we found a weird interaction - when we include [popupSettings]="{appendTo: 'component'}", the dropdown's popup activates when clicking the searchbar but clicking on it automatically closes the popup without an activation or change of state. When we force the popup to stay open by using preventDefault when OnClose is called, the functionality is present and works as expected (though it can never close).
When appendTo is set to its default/"root", the multiselect dropdown does work as intended. However, we are experiencing a bug akin to https://www.telerik.com/forums/overwrite-default-value-for-appendto-setting-of-a-popup where scrolling on a page before opening a dialog with a multiselect dropdown will result in the popup being misaligned. We are using Angular Material's MatDialog.

 

 

Yanmario
Telerik team
 answered on 07 Oct 2022
0 answers
3.6K+ 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?


Robert
Top achievements
Rank 2
 updated question on 07 Oct 2022
0 answers
110 views
I have tried to implemented kendotreeview on json data.But I am unable to use filter using "filterable" property. Here is what so far I have done. Please help me with searching
https://stackblitz.com/edit/angular-hbjccw-xkwehf?file=app%2Fapp.component.ts
Meet
Top achievements
Rank 1
 updated question on 07 Oct 2022
1 answer
502 views

Hi everyone

I have browsed the forums, but can't seem to find a recent article. As the title says, we would like to add a "No data" template to our existing Kendo charts.

Is there a directive/template we can use in the API that will do this for us? The alternative is to create a custom overlay, but thought that Kendo would have something like this built in?

Thanks.

Yanmario
Telerik team
 answered on 05 Oct 2022
1 answer
175 views

Trying to get this example to run but I can't get past these compile errors:  Any guidance?

https://www.telerik.com/kendo-angular-ui/components/grid/master-detail/

Element implicitly has an 'any' type because expression of type '"value"' can't be used to index type 'Object'.Element implicitly has an 'any' type because expression of type '"@odata.count"' can't be used to index type 'Object'.

Martin Bechev
Telerik team
 answered on 03 Oct 2022
2 answers
116 views

Hi there,

I'm curious as to what would be the best approach in having a function execute once the animation is done. I could do a setTimeout and invoke the function from there but I'm looking for a more elegant solution if there is one.

I was hoping that the PopupAnimation interface and it's underlying class can provide a callback hook for executing code after the animation has finished.

Thank you and looking forward to your response.

 

Cheers!

Jaime

Martin Bechev
Telerik team
 answered on 30 Sep 2022
1 answer
479 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.

1 answer
487 views

Since if it is saved per upload I need to generate a GUID to then later match the files with the submitted form. It would be easier to somehow only have them all goto the server when the form is submitted.

 

Any code samples for this ? 

Martin Bechev
Telerik team
 answered on 29 Sep 2022
0 answers
107 views

I am populating a chart with dates, but I want to change the display format of the date. Right now date comes in as isoString and displays as M/dd,  but I would like to display as DayOfWeek MM/dd, is this possible to achieve?

Current output:

 

Desired Example:

Aaron
Top achievements
Rank 1
Iron
 asked on 28 Sep 2022
1 answer
271 views

When using the Fluent theme, I would expect the colour of a disabled switch to be a lighter version of the colour for the normal on state, but it's grey, so not easily to tell the difference in the switch state between on and off.

Using the normal theme;

 

Using the fluent theme

 

Yanmario
Telerik team
 answered on 28 Sep 2022
Narrow your results
Selected tags
Tags
+? more
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?