function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
gipsygipsy 

custom jquery mobile theme

Hi all, i've created an custom jquery mobile and i've a zip file with the myTheme.css file. How i can use this theme instead of standard jquery mobile theme, in my VF page?

 

Thanks in advance

Gaurav KheterpalGaurav Kheterpal

Include all your theme files as static resources and then linkto to those static resource in your VF page as shown below. For example

 

<link rel="stylesheet"
    href="{!URLFOR($Resource.jqm11,'jqm/jquery.mobile-1.1.0.css')}" />

Do this for all your JS and CSS theme files.

 

I hope this helps.

 

Regards,
Gaurav

gipsygipsy

Hi, i've included mytheme.css file as static resource (named MyJQMtheme) and then i link to this resource in my VF page with  

<link rel="stylesheet" href="{!URLFOR($Resource.MyJQMtheme)}" />

but  the theme showed is the default theme. 

 

I also set the data-theme attribute as shown belove, but don't work:

<div data-role="page" data-theme="mytheme">