Grid pager and column filter icons using cordova

10 posts, 0 answers
  1. Cestrian
    Cestrian avatar
    17 posts
    Member since:
    Sep 2012

    Posted 02 Sep Link to this post

    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.

  2. Alexander Valchev
    Admin
    Alexander Valchev avatar
    2877 posts

    Posted 06 Sep Link to this post

    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.
     
  3. Kendo UI is VS 2017 Ready
  4. Cestrian
    Cestrian avatar
    17 posts
    Member since:
    Sep 2012

    Posted 06 Sep Link to this post

    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

  5. Alexander Valchev
    Admin
    Alexander Valchev avatar
    2877 posts

    Posted 08 Sep Link to this post

    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.
     
  6. Cestrian
    Cestrian avatar
    17 posts
    Member since:
    Sep 2012

    Posted 08 Sep in reply to Alexander Valchev Link to this post

    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?

  7. Alexander Valchev
    Admin
    Alexander Valchev avatar
    2877 posts

    Posted 12 Sep Link to this post

    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.
     
  8. Cestrian
    Cestrian avatar
    17 posts
    Member since:
    Sep 2012

    Posted 12 Sep in reply to Alexander Valchev Link to this post

    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?

  9. Cestrian
    Cestrian avatar
    17 posts
    Member since:
    Sep 2012

    Posted 12 Sep in reply to Cestrian Link to this post

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

    Cannot read property 'slide' of undefined

  10. Cestrian
    Cestrian avatar
    17 posts
    Member since:
    Sep 2012

    Posted 12 Sep in reply to Cestrian Link to this post

    Please ignore last message. I was using cordova.plugins.nativepagetransitions. It works on he device using window.plugins.nativepagetransitions
  11. Alexander Valchev
    Admin
    Alexander Valchev avatar
    2877 posts

    Posted 14 Sep Link to this post

    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.
     
Back to Top
Kendo UI is VS 2017 Ready