This is a migrated thread and some comments may be shown as answers.

Grid pager and column filter icons using cordova

9 Answers 124 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Cestrian
Top achievements
Rank 2
Cestrian asked on 02 Sep 2016, 09:02 AM

Hi,

I'm having issues with the icons on the pagers and column headers for filtering etc on the grid using cordova on a mobile device. There's a sprite file used to display the icons referenced in the CSS. I've placed it in the following document structure: ~/kendo/styles/default/sprint_2x.png and it works fine in the Appbuilder device simulator but when I load the app onto a device the icons aren't visible.

Any ideas?

Thanks in advance.

9 Answers, 1 is accepted

Sort by
0
Alexander Valchev
Telerik team
answered on 06 Sep 2016, 07:28 AM
Hi Cestrian,

Did you checked the developer console for any errors that might give us a clue what is going wrong?

Regards,
Alexander Valchev
Telerik by Progress
 
Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
 
0
Cestrian
Top achievements
Rank 2
answered on 06 Sep 2016, 09:44 AM

Apologies yes...I hijacked another thread with this issue and posted this and forgot to add to this one:

Additionally in Chrome://Inspect the sprite file is not found either with the following path specified:
file:///data/user/0/com.telerik.'Application Name here'/files/'Guid here'/kendo/styles/Default/sprite_2x.png net::ERR_FILE_NOT_FOUND

0
Alexander Valchev
Telerik team
answered on 08 Sep 2016, 07:40 AM
Hello Phill,

It seems that the sprite which contains the images is missing. Could you please re-check if the sprites are included in the project and that the path is correct?

There are mistakes in the path that you pasted in your previous message. I am not sure if this is a typo or not.

/kendo/styles/default/sprint_2x.png
/kendo/styles/Default/sprite_2x.png

Regards,
Alexander Valchev
Telerik by Progress
 
Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
 
0
Cestrian
Top achievements
Rank 2
answered on 08 Sep 2016, 03:28 PM

Hi...yes that is a typo in the original post. The filename is sprite_2x.png

I had to copy the file into the project as they weren't there originally.

The path is correct as below from the project root folder

project root folder/kendo/styles/Default/sprite_2x.png

 

If the sprite is missing how are the icons appearing in the Appbuilder Device Simulator?

0
Alexander Valchev
Telerik team
answered on 12 Sep 2016, 07:36 AM
Hi,

I am not sure what exactly is going wrong. Is it possible for you to provide a stripped AppBuilder project which isolates the problem? In this way I will be able to reproduce the problem locally and examine it further.

Regards,
Alexander Valchev
Telerik by Progress
 
Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
 
0
Cestrian
Top achievements
Rank 2
answered on 12 Sep 2016, 10:39 AM

I've added the app to our Appbuilder account. The projct is "PPMScanIt".

Also I'm having problems with the Native Page Transisitions plugin when calling "window.plugins.nativepagetransitions.slide"

Cannot read property 'nativepagetransitions' of undefined.

Would you prefer I open a ticket for this separate issue?

0
Cestrian
Top achievements
Rank 2
answered on 12 Sep 2016, 11:13 AM

Actually when I run on the device and debug using Chrome://inspect I get the following error

Cannot read property 'slide' of undefined

0
Cestrian
Top achievements
Rank 2
answered on 12 Sep 2016, 11:58 AM
Please ignore last message. I was using cordova.plugins.nativepagetransitions. It works on he device using window.plugins.nativepagetransitions
0
Alexander Valchev
Telerik team
answered on 14 Sep 2016, 08:08 AM
Hello,

The nativepagetransitions plug-in is not part of the Kendo UI framework which is why I cannot provide guidance for it.

Could you please attach the sample project for your Kendo UI issue in the ticket? If you do not want it to be publicly available you may open a private support ticket.

Regards,
Alexander Valchev
Telerik by Progress
 
Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
 
Tags
Grid
Asked by
Cestrian
Top achievements
Rank 2
Answers by
Alexander Valchev
Telerik team
Cestrian
Top achievements
Rank 2
Share this question
or