JQuery Mobile in Dreamweaver CS6

This question was posted in response to the following article: http://helpx.adobe.com/dreamweaver/using/whats-new
Mulling the upgrade to CS6. This article says Dreamweaver CS6 ships with jQueryMobile 1.0 and jQuery 1.6.4.
We now have version 1.1.0 of jQueryMobile with a suggestion to use jQuery 1.7.1 with it.
Question: Can we, and how do we, update the libraries? And will the new versions work without a hitch in Dreamweaver CS6?

Yes, you can update the included version of jQuery Mobile.
Download the desired version from jquerymobile.com, and replace the files within Dreamweaver's Configuration folder. Greg Rewis wrote up a helpful blog post that details this process: http://blog.assortedgarbage.com/2011/05/updating-jquery-in-dreamweaver-cs5-5/
I haven't run into any issues with the newer stable versions (i.e. jQm 1.1.0 and jQ 1.7.1/1.7.2).
If you do, though, we'd like to hear about it: http://adobe.ly/DWBug

Similar Messages

JQuery Mobile with Dreamweaver CS6 - Blink

I´ve created a JQuery Mobile page using Dreamweaver CS6 that works perfectly in Firefox, but in iPad it appears blink effect when there´s a transition.
How to remove blink in transitions for JQuery Mobile ?

Yes, you can update the included version of jQuery Mobile.
Download the desired version from jquerymobile.com, and replace the files within Dreamweaver's Configuration folder. Greg Rewis wrote up a helpful blog post that details this process: http://blog.assortedgarbage.com/2011/05/updating-jquery-in-dreamweaver-cs5-5/
I haven't run into any issues with the newer stable versions (i.e. jQm 1.1.0 and jQ 1.7.1/1.7.2).
If you do, though, we'd like to hear about it: http://adobe.ly/DWBug

Dreamweaver CS6 and Jquery Mobile 1.4.1

I updated all the Jquery files in Dreamweaver CS6 and now in Live View the Jquery styling doesn't show, works fine when I open the page with Chrome. Any help ?
http://i62.tinypic.com/wtgitv.jpg

Tried with Jquery Mobile 1.4.0 and it works, so I guess I'll use that for the time being.

Dreamweaver 6 how to use with jquery mobile

How to install jquery mobile in Dreamweaver 6 - thanks!

Try this video:
http://tv.adobe.com/watch/learn-dreamweaver-cs6/enhanced-jquery-mobile-support/
Nancy O.

Where are the Jquery Mobile starter options in Dreamweaver CC 2014 ?

In Dreamweaver CC 2014 the Mobile Starter in Page samples seems to be missing. I have it in Dreamweaver CS 6 but the Jquery mobile starter pages aren't in the CC version.
In the Adobe tutorials on Adobe.tv you say to use the mobile starter page but it is not in my version
Dreamweaver CC 2014
This is what your tutorial on Dreamweaver shot looks like

The JQuery Mobile Mobile Starter has been replaced by new menu items in the Insert menu. Instead of choosing Page from Sample, you now create a new, blank HTML5 document, then insert the JQuery page components. The first step is to choose
Insert->JQuery Mobile->Page
(If this menu is grayed out, simply click anywhere in Code View first.)
The first time you choose this menu item, Dreamweaver will display two dialogs; thereafter, it will display only one. The first dialog asks you to locate dependent files. This gives you the same options as the previous method (use a CDN, or us local .js scripts), but with much greater control. Immediately after you close this dialog, the second one appears. It simply asks whether you want a starter page with Header or Footer, both or neither. After that, every time you choose
Insert->JQuery Mobile->Page
Dreamweaver will only show that Page Layout dialog, no longer the first one about dependent files.
How do you create a menu list on the Home page? Simply place the cursor in the Content section of your very first page, and choose:
Insert->JQuery Mobile->List View
Adobe is still doing a very poor job of explaining this, seemingly unconcerned about its customers who rely on the most recent method. The only explanation is given in this link: Building and packaging mobile apps in Dreamweaver CC | Adobe Developer Connection

Dreamweaver: What happened to jQuery mobile samples in starter templates?

I'm using the Missing Manual tutorial to learn Dreamweaver and I just got to the jQuery mobile section. The tutorial for this requires that I use the mobile starters sample folder which includes jQuery mobile templates. But apparently this folder is not included in the newest DW update which I installed yesterday. Does anyone know if these templates are still accessible within, or possibly outside of Dreamweaver?
Thanks!

By the way, both of the Adobe Tutorials that tell me how to use DW with jQuery mobile require that I use the mobile starters template which the "outdated" textbook was asking me to create. I'll link to them below:
Create advanced design templates for jQuery Mobile | Adobe Dreamweaver CC tutorials
Use customizable starter designs for jQuery Mobile | Adobe Dreamweaver CC tutorials
I guess that Adobe tutorials tend to be outdated by at least 1 and perhaps as many as 3 versions.

JQuery Mobile 1.2.0 Extension for Dreamweaver CS6

This is just to ask when are you going to publish the jQuery Mobile 1.2.0 Extension for Dreamweaver CS6 in your Dreamweaver Support Center?

Moving this discussion to the Dreamweaver extensions forum.

Dreamweaver CS6, Live View & JQuery (not JQuery Mobile).

Hi, is it possible to view JSQuery (not JQuery Mobile) in the Live View within Dreamweaver CS6?
If so how.
Thanks in advance.

I know what jQuery is but what is JSQuery?
What are you expecting to see in Live View that you can't?
Nancy O.

Jquery mobile 1.4 AND Dreamweaver cs6

dear
dreamweaver cs6 can't support jquery mobile 1.4. I want to know how to resolve it. thank you for supporting.
ciciyaa
2013-11-14

There are two ways to do this:
Replace the jQuery Mobile files in the main Dreamweaver configuration folder. On Windows the location is C:\Program Files (x86)\Adobe\Adobe Dreamweaver CS6\configuration\Third Party Source Code\jquery-mobile. On a Mac, it's a similar location in the Applications folder. You will need Administrator permissions to change the files.
If you don't want to change the files in the main configuration folder, open a blank page, and insert a jQuery Mobile page from the Insert panel or menu. This opens the following dialog box, which allows you to specify a custom location for the jQuery Mobile files (click the highlighted folder icons to choose the new folder(s)).

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.

How can I learn developing Mobile Andriod Applications in Dreamweaver CS6 ?

How can I learn developing Mobile Andriod Applications in Dreamweaver CS6 ?

Please don't duplicate posts. One question on the same topic is all that's required.
Create & package Mobile app with DW, jQuery Mobile & PhoneGap
http://www.adobe.com/devnet/dreamweaver/articles/dw-phonegap-mobile-app.html
Nancy O.

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"/>

JQuery Mobile Theme - works Dreamweaver but not online

I created a new JQuery Mobile Theme in Fireworks CS6: Commands - JQuery Mobile Theme - Create New Theme. Then exported the theme to a folder where I am designing a new mobile app (Commands - JQuery Mobile Theme - Export Theme).
I opened index.html in Dreamweaver CS6 and changed <link href="jquery-mobile/jquery.mobile.theme-1.0.min.css" rel="stylesheet" type="text/css"/> to the new *.css file. I used Find / Replace to change all instances of data-theme="e" to data-theme="y". I saved index.html and clicked on Live View where it looked perfect. I used FileZilla to move all of the files to the server hosting my website. But when I view it either in Firefox or on my Samsung phone, index.html doesn't include any of the CSS formatting. (It had worked online with the CSS formatting when I had just manually edited the color codes in a few places in jquery-mobile/jquery.mobile.theme-1.0.min.css)
If I view index.html as a file on my computer in Firefox, the css works perfectly. But when I upload the contents of the folder to the server hosting my website, it doesn't.
I'd appreciate any input on what I'm doing wrong.
Thanks

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"/>

Edge Animate code into Dreamweaver jquery mobile theme?

I am having trouble getting my Edge Animate file to work on my Dreamweaver jquery mobile theme web site. I was told to get the code from my animate file and put it in my dreamweaver web site. Kind of like this.....copy the Edge runtime code, paste in web site under <head>. Then copy div stage code, and paste it in my website under the content div. I just cant seem to get it to work. It shows up blank.

Ok, i got it. I was making this a lot harder then it needed to be. If anyone else has this problem, you just publish your project when in Adobe Edge Animate, then save in the folder you are using for your website. Then in Dreamweaver you can go to insert media, find the file and insert it. All is well.

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 in Dreamweaver CS6

Similar Messages

Maybe you are looking for