Questions on Kendo UI for Vue Forum

0 answers

294 views

Kendo Grid - Change Color Row Selected

How to change color of row selected?

Grid

asked on 20 Oct 2022

0 answers

166 views

Change title for Filters

Hi I have a grid using: https://www.telerik.com/kendo-vue-ui/components/grid/filtering/filter-menu/

I have several filters by columns, how can I change the title?

In the image you can see my grid, for example in the first filter I need the title to be different from the second, how is this possible?

Grid

asked on 17 Oct 2022

1 answer

60 views

Locked Expand Field

Hello.

I implemented the kendo ui grid vuejs.

I have a question, how it's possible "sticky" the Expand column?

I have other columns "sticky" and works fine, but the "expand" column (master details) don't keep sticky. and i need to hide the "menu filters" in this columns too

Thanks in advance

Grid

answered on 20 Sep 2022

1 answer

144 views

Set global culture for grid component

I would like change the culture of my grid component but I don't know how to do this.

I try to follow this example but it doesn't work -_-

Kendo example :

https://www.telerik.com/kendo-vue-ui/components/grid/globalization/

The the format number don't work ... The number disappear...

My try :

How can I change the culture into the grid component ? :-)

Grid

answered on 12 Sep 2022

1 answer

193 views

Kendo UI Grid View implementation using vue | pagination issue

I'm trying to implement a Kendo grid for my project and I was trying to add 'all' options in the pagination and used pageChange event to set the take value but getting event value as undefined.

pageable() {
      return {
        buttonCount: 5,
        info: true,
        type: 'numeric',
        pageSizes: [10, 15, 20, 'all'],
        previousNext: true,
      };
    }
pageChangeHandler: function (event) {
  this.skip = event.page.skip;
  this.take = event.event.value === 'all' ? 1000 : event.page.take;
},

Grid

Pager

answered on 06 Sep 2022

1 answer

70 views

Kendo UI Grid View implementation using vue | pagination issue

I have implemented client side grid that is successfully fetching my data. When the grid loads, the data is present but pagination is not displaying any data (page number , total items count, page size) for the first load. If I do any action like sorting, filtering or resizing on my table then grid is getting refresh and pagination is working as expected.

How to resolve this ?

Grid

Pager

answered on 29 Aug 2022

1 answer

49 views

Change Editor Per Row

Hi,

I am working with a grid that uses two columns (Settings & Value). I currently have the Value column editable, but I would like to add a specific editor to each value depending on the type of setting I have. So far it looks like you can only set one type of editor for the entire column. I am curious if there is a workaround I am missing to be able to change the editor type per row.

Thank you

Editor

Grid

updated answer on 12 Aug 2022

1 answer

176 views

Kendo UI Grid View implementation using vue | pageable functionality issue

I'm trying to implement a Kendo grid for my Vue project and I was trying to show the pagination with items per page option with a custom message like "Rows per page"

we have a pageable option to show the custom message for these labels, but even after adding the custom text, I don't see the change in the UI.

Here is my code :

<Grid
      :id="tableId"
      :data-items="items"
      :resizable="resizable"
      :columns="displayedColumns"
      :pageable="pageable"
>
<Grid>

 computed: {
    pageable() {
      return {
        buttonCount: 5,
        info: true,
        type: 'numeric',
        pageSizes: [5, 10, 25, 50],
        previousNext: true,
        pageSizeValue: this.pageSizeValue,
        messages:{
          itemsPerPage: 'rows per page',
        }
      };
    },
 }

Am I missing something? Can someone please help?

Thanks.

Grid

answered on 05 Aug 2022

2 answers

52 views

Selecto all doesnt work - Native Grid

Hi everyone,

I'm having some problems with pageable configuration in kendo native grid. In pageSize I have this array [ 10, 15, 20, "all" ] but when I click on "all" it doesn't work and says "No records available". Do you have an example of this kind of implementation? I've tested in 2.1.2 and 3.4.4 versions.

Thanks a lot.

Grid

answered on 02 Aug 2022

1 answer

64 views

Screen reader support

A number of Kendo components could do with better support for screen readers, including:

Pagination (eg in a grid): page links should read something like "Go to page 1", not just "1".
Dialog's labelled by and close button less confusing - it currently reads the whole header row, several times in a row.
Upload / external drop target: Upload hints are running through without a gap.
Grid: the header is confusing noise, it reads out "table with zero rows and zero columns" (depending on grid scrolling settings)
Date / date range inputs: reads "day/month/year" but not the field label, it's very hard to navigate the date picker.

No doubt there are more than the above.

Effective screen reader accessibility is as much about what you skip as what you add. Where possible, audio prompts should be short and clear, and not produce excess noise.