JQuery mobile swatches do not appear.

In Dreamweaver CS6 the themes in the jQuery mobile swatches pallet don't appear. Can anyone tell me why?

Yeah sorry
I pasted this code into the head replacing the code that was already there.
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" />
<script src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>
This is after I updated jQuery from here http://jquerymobile.com/download/
Thanks Preran for all your help.

Similar Messages

Jquery Mobile Website does not preview properly in Dreamweaver's Live View or in my web browser

I'm using Dreamweaver 12.0 Build 5861.
I can't figure out what I'm doing wrong. I go
File / New / Page from Sample / Mobile Starters / JQuery Mobile with theme (local).
I then save my page.
Then when I go to preview my new page in Live View, it shows a page without any styles, etc.
When I upload the page and additional files created by Dreamweaver to my server. I preview it and it will look like the default style JQuery page, but when I click on the button to see the content for that page, there is not a "back" button to come back to my home page.
Also, when I try to implement a JQuery mobile swatch, the Swatch window says "No Theme Applied."
I feel like I'm missing something really simple,,, but what? Is there a setting I need to change or am I missing a step? I have looked at many video tutorials online and I believe I am taking the same steps.

You're missing the viewport meta attribute. Add ths to your <head> section.
<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
And add this to Line 13:
<div data-role="page" id="page" data-add-back-btn="true">
Do this for all page IDs.

JQuery Mobile Swatches "No Theme Applied."

I am trying to use the new "jQuery Mobile Swatches" tool. To start I followed the video tutorial and created a new "jQuery Mobile with theme" page from the sample provided. No matter what I do, or what I select, or modify in the css, etc.. the window alays says "No Theme Appied." What am I missing?

had the same problem (wrote webpages in HTML 5.0 and CSS 3.0, and linked up the custom themes in the appropriate place). Custom themes were not displayed (i.e. they were all rendered in white color). I tried this:
when creating themes with the ThemeRoller, make sure to check no fields are empty in the Theme Settings (left hand side column) of the themes you created (in my case, the text color field was empty in "button:normal", "button:hover" and "button:pressed". Enter a color there.
when I loaded my page in IE9, it didn't work. I then opened my page with Firefox - there it did work. Afterwards opened it with IE9 again where then it worked too. However, it only worked on my computer. When I opened my page with IE9 on a different computer the custom themes where ... white.
I tried a few more things, like locally hosting the default themes and editing the default themes, but no use, IE won't read it even though it is linked up correctlty.

JQuery mobile layout grid not working after 4.2 upgrade

Hi all,
I'm running a mobile application on a hosted Apex environment which uses lots of jQuery mobile. The environment has been updated to 4.2 recently, and since that happened pages that I had setup to use the content grid, to show content in 3 columns no longer works, there only appears to be 1 column now. Code as below: -
<div class="ui-grid-b">
     <div class="ui-block-a">Block A</div>
     <div class="ui-block-b">Block B</div>
     <div class="ui-block-c">Block C</div>
</div>Item 1 has the following as the 'before label and item':
<div data-role="fieldcontain"><div class="ui-grid-b"><div class="ui-block-a">Item 2 has the following as the 'before label and item':
<div data-role="fieldcontain"><div class="ui-grid-b"><div class="ui-block-b">Item 3 has the following as the 'before label and item':
<div data-role="fieldcontain"><div class="ui-grid-b"><div class="ui-block-c">with a closing </div> after each. This was working OK in 4.1
Does anyone have any ideas what has changed that would affect this?
Thanks,
Mike
Edited by: Mike, UK on Nov 4, 2012 4:20 PM

Hi,
I haven't completely got to the bottom of why this was happening, but I have resolved this after realising the ui-grid-b and ui-block-x elements weren't being rendered, seemed to be related to the 'Before Label and Item' label template item, if anyone else hits this.
Cheers,
Mike

Problem with Jquery Mobile Swatches

Hello,
Im trying to use Dreamweaver cs6 with Jquery Mobile but I'm receiving this error.
File not found
Dreamweaver could not file the file "Applications:Adobe Dreamweaver CS6: Configuration:JquerySwatch: JquerySwatchTemp.html" to load.
Anybody can help me?
Thanks

Have a look here http://www.dmxzone.com/go/16740/clearing-dreamweaver-s-cache

Page from Sample - Mobile Starters - jQuery Mobile with theme not working on mobile

I created a new webpage - New - Page from Sample - Mobile Starters - Jquery Mobile with Theme and did not modify it.
That does not work on an iPhone or Android.
What am I missing? Is there an update to make the jquery mobilesite work?
This is how it looks in dreamweaver
http://ricston.com/push/test/screenshot_dreamweaver.png
This is how it looks on my phone:
http://ricston.com/push/test/screenshot_galaxy.png
The page for the template is here http://ricston.com/push/test/test.html - As you can see, nothing has been changed.

Thank you. I was having the exact same problem. I even upoaded the unmodified starter page, just in case it was something I did. Inserting the viewport line fixed it. (Now I need to go back and insert that line into each of the pages I was working on.)
The question remains, however, as to why the mobile starter pages don't include that line in the first place.
[edit] FYI - On Dreamweaver CC, it's under the "common" group within "insert". (I would have expected it under "JQuery Mobile", but it's not there.)

Phonegap Build service for jquery mobile themed page not showing on mobile

I am trying to use jQuery mobile inside the Adobe Dreamweaver CC and then use phonegap build service to deploy the application to my phone. The issue here is that the Dreamweaver design panel is showing the jQuery Mobile UI but the application APK which is deployed over the phone does not.
Please find below the screenshot of Dreamweaver CC with design and code panel.
http://stackoverflow.com/questions/17334492/adobe-dreamweaver-cc-phonegap-build-service-is sue
Find below the entire index.html code:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery Mobile Web App</title>
<link href="file:///Macintosh%20HD/Applications/Adobe%20Dreamweaver%20CC/Configuration/Third%20Party%20Source%20Code/jquery-mobile/jquery.mobile.theme-1.0.min.css" rel="stylesheet" type="text/css"/>
<link href="file:///Macintosh%20HD/Applications/Adobe%20Dreamweaver%20CC/Configuration/Third%20Party%20Source%20Code/jquery-mobile/jquery.mobile.structure-1.0.min.css" rel="stylesheet" type="text/css"/>
<link href="jQueryAssets/jquery.ui.core.min.css" rel="stylesheet" type="text/css">
<link href="jQueryAssets/jquery.ui.theme.min.css" rel="stylesheet" type="text/css">
<link href="jQueryAssets/jquery.ui.accordion.min.css" rel="stylesheet" type="text/css">
<script src="file:///Macintosh%20HD/Applications/Adobe%20Dreamweaver%20CC/Configuration/Third%20Party%20Source%20Code/jquery-mobile/jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="file:///Macintosh%20HD/Applications/Adobe%20Dreamweaver%20CC/Configuration/Third%20Party%20Source%20Code/jquery-mobile/jquery.mobile-1.0.min.js" type="text/javascript"></script>
<script src="jQueryAssets/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="jQueryAssets/jquery-ui-1.9.2.accordion.custom.min.js" type="text/javascript"></script>
</head>
<body>
<div data-role="page" id="page">
    <div data-role="header">
        <h1>Page One</h1>
    </div>
    <div data-role="content">
        <ul data-role="listview">
            <li><a href="#page2">Accenture</a></li>
            <li><a href="#page3">Digital</a></li>
            <li><a href="#page4">CASF RIA</a></li>
            <li><a href="#page5">Hybrid Applications using PhoneGap</a></li>
        </ul>
    </div>
    <div data-role="footer">
        <h4>Page Footer</h4>
    </div>
</div>
<div data-role="page" id="page2">
    <div data-role="header">
        <a href="#page"><label style="color:white; font-weight:bolder">BACK</label></a><h1>ACCENTURE Page</h1>
    </div>
    <div data-role="content">
      <div data-role="fieldcontain">
        <label for="selectmenu" class="select">Select Technology Areas:</label>
        <select name="selectmenu" id="selectmenu">
          <option value="option1">Digital</option>
          <option value="option2">Oracle</option>
          <option value="option3">Mobile</option>
        </select>
      </div>
      <div data-role="fieldcontain">
        <label for="slider">Value:</label>
        <input type="range" name="slider" id="slider" value="0" min="0" max="100" />
      </div>
      <div data-role="fieldcontain">
        <label for="flipswitch">Option:</label>
        <select name="flipswitch" id="flipswitch" data-role="slider">
          <option value="off">Off</option>
          <option value="on">On</option>
        </select>
      </div>
      <div data-role="collapsible-set">
        <div data-role="collapsible">
          <h3>Header</h3>
          <p>Content</p>
        </div>
        <div data-role="collapsible" data-collapsed="true">
          <h3>Header</h3>
          <p>Content</p>
        </div>
        <div data-role="collapsible" data-collapsed="true">
          <h3>Header</h3>
          <p>Content</p>
        </div>
      </div>
    </div>
    <div data-role="footer">
        <h4>Page Footer</h4>
    </div>
</div>
<div data-role="page" id="page3">
    <div data-role="header">
        <a href="#page"><label style="color:white; font-weight:bolder">BACK</label></a><h1>DIGITAL Page</h1>
    </div>
    <div data-role="content">
    <div id="Accordion1">
      <h3><a href="#">Section 1</a></h3>
      <div>
        <p>Content 1</p>
      </div>
      <h3><a href="#">Section 2</a></h3>
      <div>
        <p>Content 2</p>
      </div>
      <h3><a href="#">Section 3</a></h3>
      <div>
        <p>Content 3</p>
      </div>
    </div>
Content </div>
    <div data-role="footer">
        <h4>Page Footer</h4>
    </div>
</div>
<div data-role="page" id="page4">
    <div data-role="header">
        <a href="#page"><label style="color:white; font-weight:bolder">BACK</label></a><h1>CASF RIA</h1>
    </div>
    <div data-role="content">
      <ol data-role="listview" data-inset="true" data-split-icon="arrow-d">
        <li><a href="#">
          <h3>Page</h3>
          <p>Lorem ipsum</p>
          <span class="ui-li-count">1</span></a><a href="#">Default</a></li>
        <li><a href="#">
          <h3>Page</h3>
          <p>Lorem ipsum</p>
          <span class="ui-li-count">1</span></a><a href="#">Default</a></li>
        <li><a href="#">
          <h3>Page</h3>
          <p>Lorem ipsum</p>
          <span class="ui-li-count">1</span></a><a href="#">Default</a></li>
        <li><a href="#">
          <h3>Page</h3>
          <p>Lorem ipsum</p>
          <span class="ui-li-count">1</span></a><a href="#">Default</a></li>
        <li><a href="#">
          <h3>Page</h3>
          <p>Lorem ipsum</p>
          <span class="ui-li-count">1</span></a><a href="#">Default</a></li>
        <li><a href="#">
          <h3>Page</h3>
          <p>Lorem ipsum</p>
          <span class="ui-li-count">1</span></a><a href="#">Default</a></li>
        <li><a href="#">
          <h3>Page</h3>
          <p>Lorem ipsum</p>
          <span class="ui-li-count">1</span></a><a href="#">Default</a></li>
        <li><a href="#">
          <h3>Page</h3>
          <p>Lorem ipsum</p>
          <span class="ui-li-count">1</span></a><a href="#">Default</a></li>
        <li><a href="#">
          <h3>Page</h3>
          <p>Lorem ipsum</p>
          <span class="ui-li-count">1</span></a><a href="#">Default</a></li>
        <li><a href="#">
          <h3>Page</h3>
          <p>Lorem ipsum</p>
          <span class="ui-li-count">1</span></a><a href="#">Default</a></li>
      </ol>
Content </div>
    <div data-role="footer">
        <h4>Page Footer</h4>
    </div>
</div>
<div data-role="page" id="page5">
    <div data-role="header">
        <a href="#page"><label style="color:white; font-weight:bolder">BACK</label></a><h1>HYBRID APPLICATIONS using PhoneGap</h1>
    </div>
    <div data-role="content">
      <div data-role="fieldcontain">
        <label for="email">Email:</label>
        <input type="email" name="email" id="email" value="" />
      </div>
Content </div>
    <div data-role="footer">
        <h4>Page Footer</h4>
    </div>
</div>
<script type="text/javascript">
$(function() {
    $( "#Accordion1" ).accordion();
</script>
</body>
</html>
This is how it looks in device:
This is how it looks in the mobile devices:
Could anyone please help?

Try defining a site and then create the mobile themed page within that site and DW will copy all the assets relative to the site path and will not be as its in your current page.
<link href="file:///Macintosh%20HD/Applications/Adobe%20Dreamweaver%20CC/Configuration/Third%20Party%20Source%20Code/jquery-mobile/jquery.mobile.theme-1.0.min.css" rel="stylesheet" type="text/css"/>
<link href="file:///Macintosh%20HD/Applications/Adobe%20Dreamweaver%20CC/Configuration/Third%20Party%20Source%20Code/jquery-mobile/jquery.mobile.structure-1.0.min.css" rel="stylesheet" type="text/css"/>
HTH
--Bhawna

When I go into to general settings mobile settings do not appear so I can set my APN and user and password/

help

Dear Friend,
Look at the troubleshooting steps found in the article below. Note: While the article is written for iPhones, the troubleshooting steps will be identical.
iPhone: Troubleshooting No SIM
http://support.apple.com/kb/ts4148
Hope it helps

Firstly why mobile icon does not appear against my name when facebook app is on,which appears for iphone users.secondly it is not written(via ios)when i post from ipad on facebook but it does appear for iphone users,why?

plz solve my problem

As much as I didn't want to, I restored my iPhone and set it up as a new device (without using the previous backup for it). I won't say the problem is "solved" but it is eliminated.

Dreamweaver Freezes when I use the query mobile swatch panel

Every time I open and use the jquery mobile swatch panel, dreamweaver freezes and stops working. I have to force it to close. This problem started when I upgraded to CC 2 days ago... never with CS6.
Any help or suggestions would be great.
Thanks.

Ok, I don't have a crash report and all, but I have reported my issue in reports to Adobe.
Adobe CS5 Mac OS 10.6.7 iMac (Intel) 2010
Happened several times since I use this effect quite a bit.
I have a block of area text with a placed .psd photo which has possibly a clipping path (or not) and a separate stroke box for a border, grouped together and then a drop shadow applied. Then select both group and text block and apply text warp. Then select just the photo group and try to nudge it by using the arrow keys on my Apple factory shipped keyboard.
Usually hit the arrow key 3 to 4 times before I realize that I get the spinning wheel of death and finally crash.
Can anyone duplicate this?

When i open a new illustrator cs6 document color swatches do no appear in the swatch panel. MAC 10.9.3 user

my color swatch do not appear in the swatch panel when i open a new cs6 document. MAC 10.9.3 user

Swatches are included in the New documents profiles that are included in the "Profile" menu. Have you been selecting a profile from there deliberately? What happens if you do so now - select for instance "Print" or "Web"?
If documents still don't contain swatches and you're certain you didn't change the document profiles, then they might have been corrupted.

Enhanced jQuery mobile support | Learn Dreamweaver CS6 | Adobe TV

Adobe continues to add support for jQuery Mobile in CS6 with the addition of new jQuery Mobile Sample Pages and the jQuery Mobile Swatch panel. The new jQuery Mobile Swatch panel allows you to quickly apply themes visually to your jQuery Mobile projects regardless of where the themes were created. The new Sample Pages feature improved architecture that makes it easy to swap out themes without affecting layout or functionality.
http://adobe.ly/IUFk4h

How do I get that toolbar that's used at 4:57 to grab a jQuery button? Can't for the life of me figure out where it is. I know how to insert the object from Insert > jQuery Mobile, but the toolbar'd be cool for a jQuery-based workspace.

DW CS6 and jQuery Mobile 1.2.0 - does not copy icons folder

Using the trial version of DW CS6
Attempting to create a JQuery Mobile Web site using DW and JQM 1.2.0
This is what I have done.
1. Created a new folder in C:\Program Files\Adobe\Adobe Dreamweaver CS6\configuration\Third Party Source Code\jquery-mobile2
and copied the following files:
jquery-1.8.2.js
jquery.mobile-1.2.0.js
jquery.mobile.structure-1.2.0.css
jquery.mobile.theme-1.2.0.css
\images - all files copied from the JQuery Mobile download for v1.2.0
2. Edited the following files in C:\Program Files\Adobe\Adobe Dreamweaver CS6\configuration\BuiltIn\Mobile Starters:
jQueryMobileLocalMultiPage.htm
jQueryMobileLocalSplitMultiPage.htm
and pointed them to the new jquery-mobile2 folder by changing each path from
../../Third Party Source Code/jquery-mobile/
to
../../Third Party Source Code/jquery-mobile2/
3. In DW, File New and selected the "Page from Sample > Mobile Starters > jQuery Mobile with Theme(local) and DW created a file with paths pointing to the local copies of jquery-mobile2 folder.
4. File > Save As and point to a folder and hit save and DW opens a dialog box asking me if I want to copy the 2 CSS and 2 JS files mentioned above.
So I hit "Copy" and it saves the HTML file and also copies the 2 CSS and 2 JS files. But when I open the HTML file created, in my browser, there are no images displayed. I checked the folder and although DW has copied the other files it has NOT copied the images folder. I have to manually copy the folder across and only then will the images display corrctly in the page.
This appears to be a bug in DW CS8 and its handling of the JQMobile template.
Is there a proper solution other than remembering to manually copy the images folder or can this be noted as a bug and corrected as I want to use the latest version of JQMobile.

Fixed it myself. I realized that I needed to leave <link href="jquery-mobile/jquery.mobile.theme-1.0.min.css" rel="stylesheet" type="text/css"/> in index.html and to add a new line <link href="jquery-mobile/y_theme.css" rel="stylesheet" type="text/css"/>

Sync does not appear to sync from mobile- desktop only from desktop- mobile

Does Firefox sync only work from desktop to your mobile (android) device?
If I save a bookmark on my android device my bookmark does not appear to show up on my desktop.
If I save a bookmark on my desktop it will sync to my android device, is syncing one direction only?

Hi,
Try Resetting the Sync History from the iSync applications preference window as described here: http://support.apple.com/kb/TA23030
-Jason

SVG image does not appear in mobile version but does in desktop version

Hi,
I am new to using Muse and have created only one site before in Muse. I have taken screenshots to show the problem I am having.
I have used Illustrator to create the following logo image that I save out as an SVG file:
As you've probably guessed, I have used clipping mask to insert the marbly purple image into the shapes and text (this may be relevant to the problem, I don't know).
I then save it out as an SVG with the following details as advised by Adobe:
Then moving into Muse, I File > Place the SVG file. 'Unable to generate thumbnail' comes up in both desktop and phone versions:
Regardless, I uploaded to FTP post to my website. While the SVG appears perfectly on my desktop browser, it does not show at all on my phone browser:
This is not only happening on my phone, I have visited the same website on multiple phone devices and still the SVG image does not appear. Any ideas why this is happening?
Have I totally missed something about file formats for mobile browser versions in Muse?
Also- in illustrator, I saved the SVG logo for the mobile version as a SMALLER SVG than the one I saved for the desktop version.
Thanks

Use a PNG file. I see nothing in your logo that would warrant using anything else. You're not scaling it, there is no interaction and all you are doing is masking out some data that is pixels already. Pardon me, but using an SVG makes no sense at all. Beyond that one would need to see the file, but my guess would be that the "responsive" setting once again embeds some garbage data. Wouldn't be the first time...
Mylenium

JQuery mobile swatches do not appear.

Similar Messages

Maybe you are looking for