0

I'm implementing jquerymobile themes via themeroller shared. I have applied two swatches a and b buttons are blue but flip switch is orange. How can I apply both themes in one page?

I have tried this:

  <fieldset data-role="controlgroup">

  <div class="ui-field-contain">
      <label for="txtEmail" class="ui-hidden-accessible"></label>
      <input name="txtEmail" id="txtEmail" placeholder="Email" value="" type="text" data-clear-btn="true"  data-theme="a" />
  </div>
  <div class="ui-field-contain">

      <label for="txtPassword" class="ui-hidden-accessible"></label>
      <input name="txtPassword" id="txtPassword" placeholder="Password" value="" type="password" data-clear-btn="true"  data-theme="a" />
       </div>

  <div class="containing-element"  >  
   
    <label class="fliplabel"   for="flipRemember">Remember me:</label>
      
  <select id="flipRemember" name="flipRemember" data-role="slider"  data-theme="b" >
          <option value="No">No</option>
          <option value="Yes">Yes</option>
      </select>
   
   </div>

       <div class="ui-field-contain" class="fieldbutton">
          <a id="btnSignin" data-theme="a" data-role="button"  data-theme="a"  href="javascript:void(0);">Sign In</a>
       </div> 

</fieldset>
halfer
  • 19,824
  • 17
  • 99
  • 186
skhurams
  • 2,133
  • 7
  • 45
  • 82
  • Can you explain a little more clearly what result you're wanting, and what isn't working at the moment? – Fiddles Jan 30 '15 at 06:02
  • i have created three themes theme-a will be used for flip-switch theme-b for buttons and theme-c for list. my color scheme is different for buttons switches and lists when i apply theme on ui-page data-theme=a then below themes in button and list etc are not applied – skhurams Jan 30 '15 at 08:01

1 Answers1

0

What you've got there should work. You'll need to include the jquerymobile.js and jquerymobile.css, as well as your theme's css file. Aside from that, you can apply theme directly to parts of a page (either jquerymobile controls, or general page elements) by using the theme related css classes such as ui-body-b (shown here at the bottom of the page). I've put together a jsfiddle as well to give an example

Fiddles
  • 2,790
  • 1
  • 32
  • 35