Export for jquery mobile 1.2.0

Exporting my theme from Fireworks to a document using jquery mobile 1.2.0 (final) breaks several elements. I also tried including the CDN for 1.2.0 while including my fireworks exported css after. That was better, but elements were still rendering incorrectly.
Does there needs to be an update for the fireworks exported css to jive with 1.2.0?

Moving this discussion to the Dreamweaver extensions forum.

Similar Messages

Paypal button for jquery mobile app in DW CS5.5

Using the jquery mobile app framework in DW CS5.5 and need help in using Paypal mobile.
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_xclick" />
<input type="hidden" name="bn" value="webassist.dreamweaver.4_5_0" />
<input type="hidden" name="business" value="[email protected]" />
<input type="hidden" name="item_name" value="Odor Cat" />
<input type="hidden" name="amount" value="19.50" />
<input type="hidden" name="currency_code" value="USD" />
<input type="hidden" name="shipping" value="5.50" />
<input type="hidden" name="return" value="http://www.mysite.com/checkout_success.php" />
<input type="hidden" name="cancel_return" value="http://www.mysite.com/checkout_failure.php" />
<input type="hidden" name="undefined_quantity" value="1" />
<input type="hidden" name="receiver_email" value="@hotmail.com" />
<input type="hidden" name="mrb" value="R-3WH47588B4505740X" />
<input type="hidden" name="pal" value="ANNSXSLJLYR2A" />
<input type="hidden" name="no_shipping" value="0" />
<input type="hidden" name="no_note" value="0" />
<input type="submit" name="submit1" id="submit1" value="Pay with PayPal">
</form>
This form button will take the user to paypal for payment, but is not for mobile app.
thanks for your help,
-Jim Balthrop

How do I get someone to respond to my question here?
Let me try again.
With DW CS5.5 when I try to insert a PayPal button into a table (which I always did with DW8) the table in Design View gets scrambled, making it unusable. Please would one of you out there who is much more knowledgeable about DW than me try it and see if there is a solution? If you create a new HTML page in Design view, create a table in it, place the insertion point inside one of the table cells, go to the code view and locate the insertion point there, then paste the PayPal button code at that point. Here's the code:
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="XSXQ9CUMUVLQC">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
Now go back to Design view and see how it looks. If it acts the way it does for me, the table is no longer visible, but if you go to Live View everything looks fine with the table and the button inside it. Of course, I can't design in Live View.
PLEASE can someone out there help me.
Many thanks.

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

Jquery mobile - how to create multiple CSS files?

I've been researching this heavily, and can't seem to find anyone discuss this. I'm a CS4 user, and understand 5.5 now includes builtin support for jquery mobile. I've watched the videos on how you set the sizes for phone, tablet, desktop, point each to the appropriate CSS file. Great, wonderful.
However, nobody is discussing how you get the three separate CSS files! I want to add a mobile version of an existing site. I have just the one .css file. How do I make the other 2 .css files? Do I duplicate the desktop file, and start somehow altering each item? Is there some type of automatic system to tweak the main .css file?
Seems like this step is critical. Any insights?

I built this page with CSS Media Queries. If you resize viewport to less than 480px, it changes layouts.
http://alt-web.com/TEMPLATES/CSS-centered-round-boxes.shtml
I made the Desktop.css first.
http://alt-web.com/Styles/Desktop.css
Then I removed the Desktop.css link from my HTML document and replaced it with the iphone.css link.
http://alt-web.com/Styles/iphone.css
After fine tuning the iphone layout, I re-attached the desktop.css link and added the following code to the head of my document.
<meta name="viewport" content="user-scalable=no, width=device-width" />
<link href="../Styles/Desktop.css" rel="stylesheet" type="text/css" media="only screen and (min-width:481px)" />
<link rel="stylesheet" type="text/css" href="../Styles/iphone.css" media="only screen and (min-width: 0px) and (max-width: 480px)"/>


Do you have to literally go in and manually change the wraps, floats, whatever for everything?
Yes. If you examine the comments in my iphone.css code, you'll see I changed some things to display:none, float:none, etc...
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

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

Disposition of Jquery Mobile 1.3.1 in Dreamweaver CC.

Disposition of Jquery Mobile 1.3.1 in Dreamweaver CC.
Dreamweaver CC is not updated with the last version of Jquery Mobile 1.3.1.
Please, present in your Adobe DW Support Center an Extension similar to the extension for “jQuery Mobile 1.0 Extension for Dreamweaver CS5.5”
I'm aware that there is a possibility to make a manual update but is not as easy to make it manually.
Many Thanks, Adolfo

Moving this discussion to the Dreamweaver extensions forum.

Jquery mobile example and device central test

Hi
Having created in Dreamweaver the default template for Jquery Mobile ( Page from sample > Mobile Starters>jquery mobile (local) ) and saved to localhost as well as on the web I decided to test in device central using preview in the device central option.
in device central I used the Apple Iphone 4 emulator and could see that I was able to proceed to page 2 by clicking on it , however clicking on the back button does not work.
This is the same for all pages in the JQM example.
I then tried this on a web emulator http://www.testiphone.com/ and the back button works OK. So does this mean that device central is not working correctly or have i missed something

Hi
Have a look at http://forums.adobe.com/message/3857648#3857648 not sure how long it takes for fix to be implemented.

Jquery mobile testing

Hi
Having created in Dreamweaver the default template for Jquery Mobile ( Page from sample > Mobile Starters>jquery mobile (local) ) and saved to localhost as well as on the web I decided to test in device central using preview in the device central option.
in device central I used the Apple Iphone 4 emulator and could see that I was able to proceed to page 2 by clicking on it , however clicking on the back button does not work.
This is the same for all pages in the JQM example.
I then tried this on a web emulator http://www.testiphone.com/ and the back button works OK. So does this mean that device central is not working correctly or have i missed something

Hi Nandi
If its a emulation bug should this be reported to the developers and if so what is the correct procedure.
Workaround given > use navigation button from web rendering panel

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 button icons missing in dwcs6?

Hi
Does anyone know why the button icons for jquery mobile would not be showing in swatches panel?
Any help much appreciated.
dw cs6 v12 b5808
osx 10.7.4

Hi Corey_,
This is NOT an Adobe support site. It's a user-to-user forum.
Have you selected a Theme?
http://www.htmlgoodies.com/html5/mobile/jquery-mobile-in-adobe-dreamweaver-cs6.html#fbid=T J4wk_LxRHZ
Nancy O.

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.

InDesign png export for mobile app

Dear All,
I have put together a number of text boxes and images in InDesign Creative Cloud CS6 and exported them as one png (or jpeg) image for use in a jQuery mobile iPhone app that I'm creating in Dreamweaver. Will this work? Rather than inserting text box, image, text box, images, text box, images, etc. into a page of the mobile app, can I just create one png image in InDesign that includes everything, various text boxes, images, wrapped images, html active inserts, etc., and have people scroll through it as a page in the iPhone app? The InDesign file for this one page is about 1.1 mb right now. Will this png image be able to zoom and do everthing it needs to do in the iPhone app? Creative Cloud CS6 - Mac - Lion 10.7.4. Thanks.
Small Town Gal

Dear Jongware,
My thinking is the same as yours. If the iPhone app will allow you to zoom a single image, it must allow you to also zoom a compounded image. I like the design format of InDesign better than the jQuery Mobile design page in Dreamweaver because InDesign allows you to do text wrap around images and just set things up in a more dynamic fashion. We still want people to be able to zoom in on a single smaller image in order to view it up close, however so if the code in the iPhone app allows the viewer to zoom in on an individual image, it should allow a scroll and zoom in on a larger page that is also a png image -- makes sense to me. The scroll feature works in the multiscreen view and in Safari browser, but it doesn't allow a zoom preview -- I'll have to do that in the iPhone itself.
Anyone else out there have any ideas? Thanks to Jongware.
Small Town Gal

JQuery Mobile on Phone Gap for Android DW CS 5.5

Hi,
I thought that I should take my dynamic Jquery Mobile site to the test as a native application by building it with the Dreamweaver CS 5.5 Phone Gap extension. Building it and getting it up as an application on the Android SDK emulator was pretty straightforward.
The Jquery Mobile site consists of 1 multipage page starting with a login form (userid, password and a submit button). The PHP page with the MySQL database access is called using AJAX. If login successful, PHP returns an XML array with a number of categories that will be listed (ul/li) on the subsequent page. Now, this is all we need to know for now.
The corresponding Phone Gap application loads fine on the Android emulator, a click on the app icon kicks off the splash page and the login form comes up exactly like it does when run as a Jquery Mobile web page but nothing happens when I click the submit button. Trying to understand I started the emulator loggin (adb logcat) and found this (I am listing only the latest log items):
===
I/InputDispatcher(   74): Dropped event because it is stale.
D/dalvikvm(   74): GC_CONCURRENT freed 525K, 14% free 9234K/10695K, paused 37ms+46ms
D/dalvikvm( 396): GC_CONCURRENT freed 896K, 13% free 6997K/8007K, paused 23ms+40ms
D/dalvikvm( 137): GC_CONCURRENT freed 457K, 6% free 7729K/8199K, paused 24ms+11ms
D/SntpClient(   74): request time failed: java.net.SocketException: Address family not supported by protocol
W/webview ( 396): Stale touch event ACTION_DOWN received from webcore; ignoring
W/webview ( 396): Got ACTION_DOWN but still waiting on stale event. Catching up.
W/webview ( 396): Stale touch event ACTION_DOWN received from webcore; ignoring
===
Every time I click/tap the submit button I get "Stale touch event..." which I strongly relate to that nothing happens.
Anyone tried this (Phone Gapping Jquery Mobile) or having a clue of where to look next?
Thanks
/Ralf

wow....Matt is has been a while since i first build the sample app using the jquery mobile and phonegap in DW5.5. Since I faced lots of challenge with getting the app to talk to mysql, i decided to go with "Flash Builder 4.5.1". I have already develped and deployed both android and ios app using flash builder.
I don't recall how i develped the sample app with jquery mobile and phonegap in DW5.5. As far as i can recall...i followed a tutorial provided on Adobe Developer Connection under DW5.5. I don't have the link anymore...i will try to find it for you.

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.

Please prepare asap an extension for installing the new Jquery Mobile 1.2.0 release, which is now th

Please prepare asap an extension for installing the new Jquery Mobile 1.2.0 release, which is now the latest stable version, please. Many thanks, Adolf

Krrish,
So do you mean that the BPEL respository was already there when you did the install? If yes, then that explains the mismatch error. You should always clean up the old references if doing a reinstall. Drop the user and schemas related to PM and do a reinstall.
--Shiv

Export for jquery mobile 1.2.0

Similar Messages

Maybe you are looking for