Telerik Forums
Kendo UI for Angular Forum
2 answers
103 views
Hello! I noticed unusual behavior in the responsive toolbar on initial loading or reloading. The dropdown button with more tools overlaps another dropdown till the window is resized, and I even can't click on it.

Is it possible to hide the overlapped item immediately to prevent such cases?

The issue reproduces here: https://www.telerik.com/kendo-angular-ui/components/editor/responsive-toolbar/

Thanks,
Rita
Valentin
Telerik team
 answered on 27 Apr 2022
2 answers
151 views

Hello,

The kendoMultiSelectTagTemplate exposes each item via its dataItem (singular) template reference.

Is there a way it can also access the dataItems (plural) collection?

I would like to display a full length description in each tag when fewer items are selected, and a shorter, abbreviated description when more items are selected.

Note that I am already using the kendoMultiSelectSummaryTag when many, many items are selected, but this is expected to rarely occur with my users.  Most often only 1 or 2 items will be selected in which case I want the longer descriptions.  Occasionally, 2 - 10 items will be selected and in that case I want the abbreviations.  And with more than 10, I'll show the summary tag.

Thanks!

Stefani
Telerik team
 answered on 27 Apr 2022
1 answer
472 views
If I have a <kendo-fileselect [restrictions]="myRestrictions">  and within this I have my own kendoFileSelectFileTemplate, I no longer see file restriction errors. How can I see these using a custom kendoFileSelectFileTemplate?
Dimiter Madjarov
Telerik team
 answered on 22 Apr 2022
0 answers
459 views

Hi,

I have a kendo grid and in each row, I have a kendo switch button. When focusing on the kendo switch in the first row, the JAWS screen reader reads the entire grid values. The expected behavior is JAWS should read only the aria-label value along with Switch's action(Switched on or Pressed Off). I tried setting role="switch" and role="button".  How to fix this?

Here's the stackblitz link:  https://stackblitz.com/edit/angular-egapar?file=src%2Fapp%2Fapp.component.ts

I've attached JAWS' Speech history.

 

Thanks

Sowmiya
Top achievements
Rank 1
 updated question on 22 Apr 2022
1 answer
478 views

I am using the external filtering example and having issues getting the date filter to work.

 

When filtering a date, the value comes in as the following


"value":         "2022-01-26T05:00:00.000Z

I am not sure what the T05 is for

In my data, the value for the date is


"sys_Login_Date":"2022-01-26T00:00:00",

In debugging, if I change the value to the sys_login_date, it works.  I am just not sure what the disconnect is here

Dimiter Madjarov
Telerik team
 answered on 22 Apr 2022
1 answer
169 views

Hi guys,

I'm using the multi-day-view scheduler element for a current project and I just wondered if it is possible to customize the empty area in the left upper corner.
Is it possible to place a template with some custom columns (texts) over there?

Please have a look at the image...

 

Thanks in advance.

Greetings

Stefani
Telerik team
 answered on 22 Apr 2022
1 answer
1.1K+ views

Basically, I am looking for a way to have a MultiSelect, but show a grid in the dropdown with a column for checkboxes and other columns that can be sorted and filtered.

Anyone have any hints?

Martin Bechev
Telerik team
 answered on 21 Apr 2022
7 answers
2.2K+ views

How do you properly generate a swagger based Angular client for Kendo UI asp.net core project with a simple web api controller and DataSourceRequest?

Swagger is obviously a very popular and important technology for development of web applications. Essentially how would you modify the sample project https://www.telerik.com/kendo-angular-ui/components/dataquery/mvc-integration/ so that you could properly generate a swagger client for the FetchDataComponent instead of having to manually code it in as the example does?

I tried to generate a client using ng-swagger-gen (https://www.npmjs.com/package/ng-swagger-gen) and the client generates properly. The problem is the API call it generates has a mock javascript DataSourceRequest object as its input parameter but that is not compatible to the query string format that telerik asp.net core controller is actually expecting.

thank you

 

 

 

 

Carlos
Top achievements
Rank 2
Iron
Iron
Iron
 updated answer on 19 Apr 2022
11 answers
1.8K+ views

Hi,
We are several developers in our group and using k-grid in our forms. We need to follow some standards for our grids both in appearance and behavior. I am trying make a component based on the grid with predefined options. The grid works fine but I can't add the column using ng-content.

My component <a-grid>

<kendo-grid [data]="data" [resizable]="resizable" [pageable]="pageable" [pageSize]="state.take" [skip]="state.skip" [sortable]="{allowUnsort: true}" [sort]="sort" (sortChange)="sortChange($event)" (pageChange)="pageChange($event)" [skip]="0" [filter]="state.filter" filterable="menu" (dataStateChange)="dataStateChange($event)" class="grid">
 
    <ng-content></ng-content>
 
</kendo-grid>

 

Usage:

<a-grid [data]="gridView" [excelFilename]="getFilename()">
 
    <kendo-grid-column a-col field="Anst_ID" title="Anst ID" *ngIf="showID">
        <ng-template kendoGridFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
            <kendo-grid-string-filter-menu [column]="column" [filter]="filter" [filterService]="filterService" [extra]="false" operator="contains">
            </kendo-grid-string-filter-menu>
        </ng-template>
    </kendo-grid-column>
 
    <kendo-grid-column field="Anstnr" title="Anstnr">
        <ng-template kendoGridFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
            <kendo-grid-string-filter-menu [column]="column" [filter]="filter" [filterService]="filterService" [extra]="false" operator="contains">
            </kendo-grid-string-filter-menu>
        </ng-template>
    </kendo-grid-column>
 
    <kendo-grid-column field="EfterFornamn" title="Namn">
        <ng-template kendoGridFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
            <kendo-grid-string-filter-menu [column]="column" [filter]="filter" [filterService]="filterService" [extra]="false" operator="contains">
            </kendo-grid-string-filter-menu>
        </ng-template>
        <ng-template kendoGridCellTemplate let-dataItem>
            {{dataItem.EfterFornamn}}
        </ng-template>
    </kendo-grid-column>
 
</a-grid>

 

On the next step I am going to do the same thing for column component. How is it possible?

 

Regards,

/Pouya

Nico
Top achievements
Rank 1
Iron
 updated answer on 18 Apr 2022
1 answer
139 views
Hi everyone I have a problem with the treelist in practice by inserting a node it generates an alphanumeric guid id, I need instead to generate a numeric id, do you have a solution?
Svet
Telerik team
 answered on 18 Apr 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?