Telerik Forums
Kendo UI for jQuery Forum
1 answer
25 views

  Hi

I'm using a kendoListView and a kendoPager like this :

$("#pagerLstArticle").kendoPager({
        dataSource: articles,
        pageSizes: [12, 24, 36, 48],
        messages: {
            display: "Articles {0} à {1} sur {2}"
        },
    });

I would like to adap the  kendoPager pageSizes depending on differents panels displayed or not on the screen

I can manage the kendoListView page size easily but for the kendoPager I don't know

How can I do this ?

Thank you

Isabelle

Martin
Telerik team
 answered on 26 Jan 2024
1 answer
67 views

I'm trying to hide/disable the tooltip when you hover over a page number in pagination toolbar in the kendo grid:

Image

I've spend several hours reading the documentation and forums, awnsers are either outdated or do not seem to work.

How do I hide this tooltip/popup?

Regards,
Jorre Vedder

Neli
Telerik team
 answered on 01 Aug 2023
1 answer
56 views

I am showing pagination at bottom of Kendo Grid and data is coming dynamically, but when data is not there and the total parameter is 0 i am observing nothing in the pages. For this see the below screenshot

 

 

How we can resolve this issue?

 

Martin
Telerik team
 answered on 29 Jun 2023
1 answer
140 views

the default number of page buttons is currently 10.

would like to know if it is possible to change to 5 buttons when it is detected that the user is surfing the page on mobile?

Patrick | Technical Support Engineer, Senior
Telerik team
 answered on 06 Mar 2023
1 answer
180 views

Hi

my pager in the grid component does not show the active page:

analysing the HTML there is a class k-state-selected

but this class is nowhere defined in the current default theme

"@progress/kendo-theme-default": "^5.12.0",

 

checking with the working demo from the kendo page the pager as rendered as buttons instead of li and there is a class k-selected which is also defined in the theme:

I'm working with all current versions:

"@progress/kendo-angular-buttons": "^7.0.0",
"@progress/kendo-angular-common": "^2.0.0",
"@progress/kendo-angular-dateinputs": "^6.0.0",
"@progress/kendo-angular-dropdowns": "^6.0.0",
"@progress/kendo-angular-excel-export": "^4.0.0",
"@progress/kendo-angular-grid": "^6.1.3",
"@progress/kendo-angular-icons": "^1.0.1",
"@progress/kendo-angular-indicators": "^1.1.3",
"@progress/kendo-angular-inputs": "^8.0.0",
"@progress/kendo-angular-intl": "^3.0.0",
"@progress/kendo-angular-l10n": "^3.0.0",
"@progress/kendo-angular-label": "^3.0.0",
"@progress/kendo-angular-pager": "^3.0.3",
"@progress/kendo-angular-pdf-export": "^3.0.0",
"@progress/kendo-angular-popup": "^4.0.0",
"@progress/kendo-angular-treeview": "^6.0.0",
"@progress/kendo-data-query": "^1.0.0",
"@progress/kendo-drawing": "^1.5.12",
"@progress/kendo-licensing": "^1.0.2",
"@progress/kendo-svg-icons": "^0.1.2",
"@progress/kendo-theme-default": "^5.12.0",

 

Martin
Telerik team
 answered on 06 Feb 2023
1 answer
151 views

Hi,

We're not sure if this is a bug or feature.

Using ListView and the method setDataSource with the built-in paging. The ListView appears to change data sources but the paging doesn't. Tried using the refresh() method but same result.

We worked around it by using the Pager widget and ListView without the bulit-in paging and this seems to work okay.

It's not a problem. Just found it weird that we do the same for a Grid on the same page using the method setDataSource and the data source changes okay along with the paging.

Any thoughts?

Thanks
// First load
var dataSourceListView = new kendo.data.DataSource({
	data: dataSource,
	pageSize: 8
});

$("#listView").kendoListView({
	dataSource: dataSourceListView,
	dataBound: function () {
	},
	template: kendo.template($("#template").html()),
	pageable: true	
});

// Not first load
$("#listView").data("kendoListView").setDataSource(dataSourceListView);
//$("#listView").data("kendoListView").refresh();
Georgi Denchev
Telerik team
 answered on 15 Dec 2022
1 answer
49 views

Hi,

I would like to ask if it is possible to move the grid pager to the right, and also rearrange the “1-1 of items” message as the first element in the pager with just CSS?

 

How I want it to show:

I can structure the pager to the right with this line of Javascript code ,

$('.k-pager-info').insertBefore('.k-grid-pager .k-link:first');

But I would prefer a solution with only CSS and no Javascript.

 

Thank you.

Georgi Denchev
Telerik team
 answered on 24 Nov 2022
1 answer
53 views

Hi,

I found errors in the Dutch translation messages for the pager, more specifically in the 'page', 'allPages' and 'morePages' messages. The correct message object for Dutch is:

{
  "allPages": "Alle",
  "display": "items {0} - {1} van {2}",
  "empty": "Geen items om te tonen",
  "first": "Ga naar eerste pagina",
  "itemsPerPage": "items per pagina",
  "last": "Ga naar laatste pagina",
  "next": "Ga naar volgende pagina",
  "of": "van {0}",
  "page": "Pagina {0}",
  "previous": "Ga naar vorige pagina",
  "refresh": "Verversen",
  "morePages": "Meer pagina's"

}

I'm a native Dutch technical translator by trade, so I think I know what I'm talking about ;-)

Also the 'morePages' message isn´t mentioned in the Pager documentation.

Best regards,

Henk

 

Lyuboslav
Telerik team
 answered on 24 Nov 2022
1 answer
51 views

Hi,

I would like to have paging on my grid and I am using standard paging options as recommended.

However one of users would like to start with option "Show all", and I can achieve this with setting page sizes, but not pageSize property. Grid automatically falls back to All, which is ok - display of number of records is broken in this case, and instead of showing 135 - 135 of 135 items, it says NaN - NaN of 135 items.

Is the way I am setting grid to use all as default wrong or there is a bug with this behavior?

For the example of behavior, please see the demo

Regards,

Vedad

Georgi Denchev
Telerik team
 answered on 13 Sep 2022
1 answer
118 views

Hello,

I am working with application where I have thousands of images to load on ImageBrowser of Kendo Editor.

ImageBrowser is getting stuck as having too many images to load, Can we have any option to add pagination or lazy loading in ImageBrowser?

So, I can load only 20 images at a time and other based on request.

Please note that I am fetching images from controller method which returns list of FileBrowserEntry as below.

 

 

Thanks,

Trusha

 

Martin
Telerik team
 answered on 29 Jun 2022
Narrow your results
Selected tags
Tags
+? more
Top users last month
Mark
Top achievements
Rank 1
Yurii
Top achievements
Rank 1
Leland
Top achievements
Rank 2
Iron
Iron
Iron
Hon
Top achievements
Rank 1
Iron
Deltaohm
Top achievements
Rank 3
Bronze
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Mark
Top achievements
Rank 1
Yurii
Top achievements
Rank 1
Leland
Top achievements
Rank 2
Iron
Iron
Iron
Hon
Top achievements
Rank 1
Iron
Deltaohm
Top achievements
Rank 3
Bronze
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?