Telerik Forums
Kendo UI for Angular Forum
1 answer
67 views

i am pushing data in to filters in specific events,  after adding filters, last control(textbox or editor where values  is entred) is unreachable,not able to type any values.

 

<kendo-filter [filters]="filters" (valueChange)="onFilterChange($event)">

</kendo-filter>

onnddrop(event:any){
    if(event.currentTarget.id === 'drop_Target'){
       
  this.filters.push({
                field: this.draggeddData.fieldId,
                title: this.draggeddData.fieldName,
                editor: "string",
                operators: ["neq", "eq", "contains"]
            });
            this.filters = [...this.filters];
       
       
    }
  }

 

 

 

Please look in to the issues.

 
Yanmario
Telerik team
 answered on 19 Jul 2024
0 answers
90 views
I implemented kendo drawer and when i click the menu button i am expecting it to perform toggle function, but the drawer closes only when i click outside of the screen.
Vaishaly
Top achievements
Rank 1
 asked on 18 Jul 2024
1 answer
92 views

Hi Team,

We are using Kendo Grid in our angular project, and we are facing issues with accessibility in WAVE Extension

when we check our page with wave extension it shows (

Layout table
A layout table is present.

)

 

We need to remove all the alerts for the data tables.

* For Wave extension, you may need to install extension (WAVE Web Accessibility Evaluation Tool) in your chrome browser

Below is an example of the code we are using for grid.

https://stackblitz.com/edit/kendo-ui-grid-yk8jxk?file=app%2Fapp.component.ts

 

Martin Bechev
Telerik team
 answered on 17 Jul 2024
1 answer
869 views

 

I am trying to set up a grid with hard coded data, but I get the following error. I am using the trial version of grid.

Any idea how to fix it ?

 

ERROR TypeError: $localize is not a function

    at consts (\node_modules\@progress\kendo-angular-grid\fesm2020\progress-kendo-angular-grid.mjs:28430:16)

    at createTView (\node_modules\@angular\core\fesm2022\core.mjs:11368:60)

    at getOrCreateComponentTView (\node_modules\@angular\core\fesm2022\core.mjs:11343:28)

    at addComponentLogic (\node_modules\@angular\core\fesm2022\core.mjs:12096:19)

    at instantiateAllDirectives (\node_modules\@angular\core\fesm2022\core.mjs:11898:9)

    at createDirectivesInstances (\node_modules\@angular\core\fesm2022\core.mjs:11306:5)

    at Module.ɵɵelementStart (\node_modules\@angular\core\fesm2022\core.mjs:23045:9)

    at StudiesComponent_Template (\src\app\components\studies\studies.component.html:4:1)

    at executeTemplate (\node_modules\@angular\core\fesm2022\core.mjs:11268:9)

    at renderView (.angular/cache/17.3.8/vite/deps/chunk-IQF64XDW.js?v=647d7f9f:7478:7) {stack: 'TypeError: $localize is not a function

    at…ite/deps/chunk-IQF64XDW.js?v=647d7f9f:7478:7)', message: '$localize is not a function'}

Abhishek
Top achievements
Rank 1
Iron
 updated answer on 17 Jul 2024
0 answers
79 views

I finally go t to upgrade Angular and Kendo update comes with it.
However, i see that everything is now using kendo-svgicons.

Previously, we had global overrides to default icons through CSS - as part of our themes. But i see no way to override all the icons globally by default.

Passing in some custom parameter to each component instance is not an option.
There should be an option to override every default icon globally as a part of themes for a specific component.

Like every drop down toggle arrow (but not all arrows of the same style).

Overriding in the service overrides it everywhere and thereis no component context.

With font icons and CSS i could target .k-numerictextbox  + content. The service override just overrides it for everything that used the same key.

Even worse when a single component reuses the same icon for different places (grid grouping row  vs expandable row for example)

Mauro
Top achievements
Rank 1
 updated question on 15 Jul 2024
0 answers
62 views

As you can see I removed the href="#" in DevTools, you don't need this, it doesn't even need to be an a-tag. 

When you hover over the collapse arrow, it looks like it will open an url, http://localhost:4202/# in this case.

 

Ruben
Top achievements
Rank 1
 asked on 09 Jul 2024
1 answer
150 views

Hey everyone, 

I'm having some problems with the Export to Excel functionality on android, it's working properly on my web app, but when I use cordova to build the app on android and test the same function there seams to be an issue. I'm not getting any errors but the tables are not beeing exported as expected.

Does anyone know if there's a compatibility issue with Kendo and Cordova or if I have to set any especific configuration for this function to work?

Thanks!

Martin Bechev
Telerik team
 answered on 08 Jul 2024
1 answer
91 views

Hello,

while I managed to successfully translate messages of the pager for the Grid component, for the ListView I did not.

I searched for localized messages here:

https://github.com/telerik/kendo-angular-messages

but there is no listview file. I expected a yaml file like:

kendo:
  listview:
    # The label visible in the Grid group panel when it is empty
    groupPanelEmpty: Drag a column header and drop it here to group by that column

    # The label visible in the Grid when there are no records
    noRecords: No records available.

    # The label for the first page button in Grid pager
    pagerFirstPage: Go to the first page

I searched for a kendo-listview-messages like the kendo-grid-messages, but there isn't.

Can you suggest a way to translate listview pager?

Thanks a lot

Matteo

Martin Bechev
Telerik team
 updated answer on 08 Jul 2024
1 answer
92 views

Hi.
In JQueryUI Scheduler component is possible to customize views extending class.
Here's Kendo documentation with example:
https://docs.telerik.com/kendo-ui/knowledge-base/custom-view

Our old schduler application used a custom view obtained with this feature and we need to port same behaviour in the new angular application.

Is possible to customize Scheduler' views in Kendo UI for Angular in the same way you gave possibility with JQueryUI and how?

Yanmario
Telerik team
 answered on 05 Jul 2024
1 answer
118 views
Hi all,
I'm trying to include steps dinamically, using stepper componenet, everything works fine, but, i have this layout problem with the progress bar.


as you can see, the progress bar don't follow the layout when i add more steps in real time.
Just for explanations, this layout starts with 2 steps, and user can add more steps.
Zornitsa
Telerik team
 answered on 05 Jul 2024
Narrow your results
Selected tags
Tags
+? more
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
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?