PhoneGap Build inside Dreamweaver

I have installed the Android SDK. But I can't emulate the device because it remains in the status of Build Queued.... It never reach the Build complete status.
If I connect through the browser to PhoneGap build, it compile the .apk correctly, indeed I installed on my S3 ad It works!.
My real problem is that I can't emulate inside Dreamweaver, because the panel I attached never reach the Build Complete Status.
Could you help me, please.
Best,
Claudio

Hi,
Can you please follow the below mentioned steps:
1. Quit Dw.
2. Please navigate to the following location:
Win: C:\Users\{username}\AppData\Roaming\Adobe
Mac: /Users/{username}/Library/Adobe
3. Delete the folder "PGB"
4. Relaunch Dw and login to PGB and continue with your scenario.
Let me know if the issue still persists.
Thanks,
Srivatsa

Similar Messages

How to install PhoneGap Build for Dreamweaver CC 2014?

I originally posted this to the PhoneGap Build forum but it occurred to me that it is more of a Dreamweaver problem.
Creative Cloud helpfully installed the latest version of Dreamweaver for me (CC 2014). When I click on the PhoneGap Build Service menu item (under Site) I get a message that it is now an add-on I have to install. I eventually end up at this page - https://creative.adobe.com/addons/pro... with absolutely no clue on how to download or install it. The only useful-looking link on the page: 'Get this Add-on for CS6' just takes me around in a big circle back to this page. What am I missing? The troubleshooting tips under 'Where to find it' just say 'If you have followed the instructions shown...'. What instructions? Where?
Helppparrrggghhhaccck!

The problem I have is that no button there is where 'download' and not be as to download this extension of the "phonegap".
I see that there are many people in the network with the same problem.
Any comments are appreciated

Why have you removed PhoneGap Build from Dreamweaver CC?

From Dreamweaver October 2014 release is now live! Important information.
"Phonegap Integration deprecated: To ensure that you have access to the latest Phonegap updates, this feature is deprecated. You can use http://build.phonegap.com directly to package your applications."
How to kill a perfectly good service!

The service is still there. You'll get the latest version directly from the PhoneGap site. It's impractical to update Dreamweaver with new versions of PhoneGap Build every time PG changes.
Nancy O.

PhoneGap Build:Cannot Connect to Server Dreamweaver CS6

Hey guys, I was wondering if someone could fix this problem, Im having, i have Dreamweaver cs6 on a mac, And im trying to login to phonegap build in dreamweaver, but everytime i try, it tells me that it cannot connect to the servers, plz try again later, is this a known problem?
thanks,
Jonathan

I have a phonegap account and it's linked to the Adobe account;
Logging in phonegap.com and compiling my apps in their website, works just fine;
I have always Dreamweaver signed in to the Adobe account;
Here are the content of my files:
init_status.txt: {"message": "Failed to upload application. Unable to create zip file. Reason: null","error": 404}
auth_status.txt: {"statusCode": 200,"statusMessage": "Authenticated"}
Hope this helps you help us.
I just want to say that this was THE feature that made me buy CS6 in the first place, and it's not working as intended.

Phonegap Build and Creative Cloud

Hi,
I have a creative cloud full account and I was thinking to have 25 private apps to build with Phonegap Build from Dreamweaver as follows:
Unfortunately after compliling the package I receive a message as... "you exceeded the numbers of apps...". But I have only 2 apps on the Phonegap server. Any suggestions to solve the issue? Thanks, K.

Hi Carey,
after updating Dreamweaver I solved the issue of the message but I have some other issues. After logging in to build my app I receive this usual message:
So I'm gonna click on "Continue":
This pane is quite different from the previous version (with all the QR platform codes) and is quite confusing for me. The "Continue" botton is active and that means (logically) I'm not obliged to fill the prevous fields. But when I click on it (and after a long time) I receive this message:
So this means there are some troubles on your side not on mine... But if I click the button I'm coming back to this pane:
Here the "Continue" botton is not active and this is a non-sense for me. I have to restart DW to "Try again" (and wait for an other long time). I tried to read the docs pages about the procedures on the phonegap build site but I did not find the way to solve this problem.
My questions are:
1. Have I to log into Phonegapbuild site and associate the keys-pass-files for iOS, Android and BB, BEFORE launching Dreamweaver?
2. Am I obliged to fill all the forms or I can fill only the Android one (for example)?
3. Is there a place I can easily understand (please don't let me jump to the developer Android page because I did not understand anything) how can I generate the key signing passwords and certificates from a Mac?
4. Last and maybe funny consideration: the Apple Logo seems to be cut on the botton (on my DW copy :-)
UPDATE:
After some attempts I got my app zipping the folder (realized with DW) and uploading it from the Phonegapbuild account. I still have troubles to do the same starting from DW.

Dreamweaver 6/PhoneGap Build Service Android Key Question

I just recently upgraded to CS6 and am excited to use the mobile sutff. I have been a CFer for years and using Jquery for a long time and have been using JQM more and more. Now I want to evolve from a web developer into an app developer. I thought the cool integrations within DW6 would be a good way to start.
So I watched Greg Rewis' intro video to get a flavor of things. I set up my first app site. I then created a simple JQM page to test with. I then downloaded the Android SDK (which is what I am starting with, but plan on branching out to the other OS'). I created an AVD, created a keystore and all that. I then went through the process of attaching my keystore to my PhoneGap Build Service account. That all went well, although it did not ask me to make it the default and I am assuming that is because it is the only key at this point...just a note for copywriters.
I then went back to DW to go through the PhoneGap Build Service panel to create my first app to play with. Here si where I ran into an issue. The PhoneGap Build Service panel asks for a key under the Android section (which I expected), but when I clicked on the drop down where it said none, that is all that was there. The key I uploaded to my PhoneGap Build Service account was not listed. I even logged out and logged back in, shut down DW and reopened it and nothing I did caused it to display. Can someone please point me in the right direction? If I can get this last piece of the puzzle, I can begin cranking through some code.
Thanks in advance,
Clay

As long as you are signing into the same account in DW as you are on the PhoneGap Build website, any keystores you uploaded would be available inside of Dreamweaver.
Highly recommending posting on the PhoneGap Build community site, where you'll get better answers regarding the functionality of the PhoneGap Build website and keystores: http://community.phonegap.com/nitobi/products/nitobi_phonegap_build

Dreamweaver cc and phonegap build

I'm going crazy trying to sort this out - I have built a mobile app. and am trying to use the phonegap build service in dreamweaver.
I have logged in and and created a new project and there it seems to hang asking me to insert Passwords for Android and Blackberry.
I'm new to this and confused, none of the tutorials show entering a password (except of course for iOS).
If I do need these where do I get them from?
Somebody ease my aching head please!!
Ian

You'll need to setup signing keys for each platform you're building for. More info here: https://build.phonegap.com/docs

PhoneGap Build Extension for Dreamweaver 2014.1 is not working

@adobeexchange
Yeah bad news
There is an error message which tells me that the plugin is only working with the version 2014.0
If the source code for this extension would be available, i could update the extension for us.

Hi Siegfried,
Dreamweaver’s direct integration with PhoneGap Build to package mobile applications is no longer supported in all versions. Ongoing changes to PhoneGap’s APIs, security measures, and feature set have been outpacing updates to Dreamweaver, and to give you the best experience when using PhoneGap Build, you continue to package mobile applications using the Adobe PhoneGap Build service in the Cloud.
Thanks
Mudit

Business Catalyst & PhoneGap Build Functionalitiy in Dreamweaver CC 2014 are now available as an Extension on AddOns Page

Hi,
Business Catalyst & PhoneGap Build functionality are now available as an Extension in the AddOns page. To have these functionality enabled please install the Extensions from https://creative.adobe.com/addons
Following are the steps to do so :
1. Install Latest Adobe Creative Cloud Application.
2. Install Dreamweaver CC 2014 from Adobe Creative Cloud Application.
3. Launch Dreamweaver CC 2014.
4. Goto Windows>>Browse AddOns.
5. Quit Dreamweaver.
6. Now in the AddOns Page Search for Business Catalyst & PhoneGap Build.
7. Click to install the Extension from the AddOns page.
8. Wait for a notification in the Adobe Creative Cloud Application, refer to the attached snapshot.
Thanks
Mudit

Maybe 4 or 5 years ago; but now the need to develop mobile ready sites or apps using HTML5, JavaScript and CSS has increased. PhoneGap is presently used more than before to the point that Adobe has recognize its popularity in many ways. Making it part of Dreamweaver is not in my opinion excess luggage. Developers have always the option to pick and choose what to use from Dreamweaver. Maybe a specific developer doesn't need the PHP features in Dreamweaver; that doesn't mean that feature has to be removed.
Most of the things we do with Dreamweaver can be done without it. Dreamweaver is there to help us save time and be more productive. This is why I feel that helpful features shouldn't be removed; instead they should be improved and solutions implemented to issues that sometime seem impossible to address.

Trying to connect to PhoneGap Build Service in Dreamweaver CS6 but get a "Temporary Server related error". Help!

I am trying to connect to the PhoneGap Build Service in Dreamweaver CS6 but after about a minute I receive the error "Temporary Server related error. Please try again later.". I have googled, searched and implemented any fix that I could find without any joy. I have fully updated Dreamweaver and all other Cloud services but still am receiving the error.
I can log into build.phonegap.com using my Adobe ID no problem and I have linked a GitHub account to my Adobe ID so I am at a loss as what I can try next.
Any help would be much appreciated.
Many thanks,
Dan

You will likely get better program help in a program forum Dreamweaver support forum
The Cloud forum is not about using individual programs
The Cloud forum is about the Cloud as a delivery & install process
If you will start at the Forums Index https://forums.adobe.com/welcome
You will be able to select a forum for the specific Adobe product(s) you use
Click the "down arrow" symbol on the right (where it says All communities) to open the drop down list and scroll

Dreamweaver CS6 PhoneGap build with Camera support for Android Device

I am trying to build a simple app that triggers the camera in my Samsung N7000 device.
I have built the app using Dreamweaver CS6 using the builting phonegap build support.
I am using the Windows version of Dreamweaver CS6.
When the app is built it shows no errors but when the app is installed on the device it does not trigger the camera.
I can not seem to get this very basic app to trigger the camera.
Any suggestions will be very much appreciated.
//=======================================================================
Below is the index.html file i have been using.
    <script src="phonegap.js"></script>
    <script type="text/javascript" charset="utf-8">
        // Called when capture operation is finished
        function captureSuccess(mediaFiles) {
            //var i, len;
            //for (i = 0, len = mediaFiles.length; i < len; i += 1) {
            //    //uploadFile(mediaFiles[i]);
            //navigator.notification.alert('Weee', null, 'Great success!');
        // Called if something bad happens.
        function captureError(error) {
            //var msg = 'An error occurred during capture: ' + error.code;
            //navigator.notification.alert(msg, null, 'Uh oh!');
        // A button will call this function
        function captureImage() {
            // Launch device camera application,
            // allowing user to capture up to 2 images
            navigator.device.capture.captureImage(captureSuccess, captureError, { limit: 2 });
        // Upload files to server
        function uploadFile(mediaFile) {
            var ft = new FileTransfer(),
                path = mediaFile.fullPath,
                name = mediaFile.name;
            ft.upload(path,
                "http://my.domain.com/upload.php",
                function (result) {
                    console.log('Upload success: ' + result.responseCode);
                    console.log(result.bytesSent + ' bytes sent');
                function (error) {
                    console.log('Error uploading file ' + path + ': ' + error.code);
                { fileName: name });
    </script>
    <script type="text/javascript" charset="utf-8">
        var pictureSource;   // picture source
        var destinationType; // sets the format of returned value
        // Wait for Cordova to connect with the device
        function onLoad() { document.addEventListener("deviceready", onDeviceReady, false); }
        // Cordova is ready to be used!
        function onDeviceReady() {
            pictureSource = navigator.camera.PictureSourceType;
            destinationType = navigator.camera.DestinationType;
            alert("device is ready");
        // Called when a photo is successfully retrieved
        function onPhotoDataSuccess(imageData) {
            // Uncomment to view the base64 encoded image data
            // console.log(imageData);
            // Get image handle
            var smallImage = document.getElementById('smallImage');
            // Unhide image elements
            smallImage.style.display = 'block';
            // Show the captured photo
            // The inline CSS rules are used to resize the image
            smallImage.src = "data:image/jpeg;base64," + imageData;
        // Called when a photo is successfully retrieved
        function onPhotoURISuccess(imageURI) {
            // Uncomment to view the image file URI
            // console.log(imageURI);
            // Get image handle
            var largeImage = document.getElementById('largeImage');
            // Unhide image elements
            largeImage.style.display = 'block';
            // Show the captured photo
            // The inline CSS rules are used to resize the image
            largeImage.src = imageURI;
        // A button will call this function
        function capturePhoto() {
            // Take picture using device camera and retrieve image as base64-encoded string
            navigator.camera.getPicture(onPhotoDataSuccess, onFail, {
                quality: 50,
                destinationType: destinationType.DATA_URL
        // A button will call this function
        function capturePhotoEdit() {
            // Take picture using device camera, allow edit, and retrieve image as base64-encoded string
            navigator.camera.getPicture(onPhotoDataSuccess, onFail, {
                quality: 20, allowEdit: true,
                destinationType: destinationType.DATA_URL
        // A button will call this function
        function getPhoto(source) {
            // Retrieve image file location from specified source
            navigator.camera.getPicture(onPhotoURISuccess, onFail, {
                quality: 50,
                destinationType: destinationType.FILE_URI,
                sourceType: source
        // Called if something bad happens.
        function onFail(message) {
            alert('Failed because: ' + message);
    </script>
</head>
<body onLoad="onLoad()">
    <button onclick="capturePhoto();">Capture Photo</button> <br><br>
    <button onclick="capturePhotoEdit();">Capture Editable Photo</button> <br><br>
    <button onclick="getPhoto(pictureSource.PHOTOLIBRARY);">From Photo Library</button><br><br>
    <button onclick="getPhoto(pictureSource.SAVEDPHOTOALBUM);">From Photo Album</button><br><br>
    <img style="display:none;width:60px;height:60px;" id="smallImage" src="" />
    <img style="display:none;" id="largeImage" src="" />
    <br><button onclick="captureImage();">Capture Image</button> <br>
//=======================================================================================
Below is the config.xml file i am using
<?xml version="1.0" encoding="UTF-8" ?>
    <widget xmlns   = "http://www.w3.org/ns/widgets"
        xmlns:gap   = "http://phonegap.com/ns/1.0"
        id          = "com.phonegap.camera_test"
        versionCode = "11"
        version     = "1.1.0" >
<name>bla</name>
<description>
    bla
</description>
<author href="http://bla.github.com"
    email="[email protected]">
    bla
</author>
<icon src="icon.png" gap:role="default" />
<feature name="http://api.phonegap.com/1.0/geolocation"/>
<feature name="http://api.phonegap.com/1.0/network"/>
<feature name="http://api.phonegap.com/1.0/file"/>
<feature name="http://api.phonegap.com/1.0/camera"/>
<feature name="http://api.phonegap.com/1.0/media"/>
<feature name="http://api.phonegap.com/1.0/device"/>
<feature name="http://api.phonegap.com/1.0/notification"/>
<feature name="http://api.phonegap.com/1.0/battery"/>
<preference name="orientation" value="portrait" />
<preference name="webviewbounce" value="false" />
<preference name="prerendered-icon" value="true" />
<preference name="phonegap-version" value="3.1.0" />
<preference name="fullscreen" value="false" />
<preference name="stay-in-webview" value="false" />
<preference name="ios-statusbarstyle" value="default" />
<preference name="android-minSdkVersion" value="7" />
<preference name="android-installLocation" value="internalOnly" />
<preference name="target-device" value="universal" />
<preference name="autohide-splashscreen" value="true" />
<preference name="load-url-timeout" value="60000" />
<preference name="show-splashscreen-spinner" value="true" />
<preference name="show-splash-screen-spinner" value="true" />
<preference name="allow-inline-media-playback" value="false" />
<preference name="launch-mode" value="standard" />
<plugin name="Capture" value="CDVCapture" />
<plugin name="Camera" value="CDVCamera" />
</widget>
//=======================================================================================

This forum is actually about the Cloud, not about using individual programs
Once your program downloads and installs with no errors, you need the program forum
If you start at the Forums Index http://forums.adobe.com/index.jspa
You will be able to select a forum for the specific Adobe product(s) you use
Click the "down arrow" symbol on the right (where it says ALL FORUMS) to open the drop down list and scroll
http://forums.adobe.com/community/dreamweaver

Phonegap build extension not available for dreamweaver cc trial

Trying to package up my application for android and ios and hit the problem of phonegap build service.
When on the addon page of Adobe, the link for phonegap build says "Free with subscription", therefore have to pay.
Yet everywhere on websites say that the addon is free for dreamweaver cc trial.
Any help?

still not available without subscription

PhoneGap Build Dreamweaver Extension not displaying correct build state

Starting yesterday the PhoneGap Build Dreamweaver Extension doesn't display the correct build state for Android or Symbian after clicking "Rebuild Application". They always show as Build Queued but if you look at the build.phonegap.com site they have completed the build. I have tried loging out of the screen and logging back in. I have tried closing out of Dreamweaver and reopening. Both sections display correctly until the next time you hit "Rebuild Application".

Ok.
I backed up PGB and deleted the folder.
I created a new empty site and submitted it to Build. Once I reached the Key screen asking for your iOS, Android and Blackberry keys, I clicked continue and recieved the attached error.
I then clicked ok and it added a index.html and config.xml to the empty site. No matter how many times I clicked OK this error would not go away. So then I closed out of dreamweaver and reopened submitted the build again this time I made it past the Key screen but it said I had exceeded the number of Build projects I am allowed. A Project Settings file was never created for the new empty project.
I will send the Project Settings file for the project I am having issues with and the original PGB and the new PGB.

Dreamweaver PhoneGap Build Service required signing key.

I tried to upload my HTML5 to PhoneGap Build, Site > PhoneGap Build Service > PhoneGap Build Service, then a window pop up:
After some research, i found out that the signing key is actually refer to IOS but i intent to upload to Android only. So, i won't need the signing key. Is there some setting that i need to paid attention?
Note: I also have download the Adt bundle but i didn't download phonegap into my computer (Some article mention it can be done online.) I also registered with the Andriod developer already.

To compile your Android apps to the latest standards, go directly to Phone Gap Build web site.
Adobe PhoneGap Build
Nancy O.

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

PhoneGap Build inside Dreamweaver

Similar Messages

Maybe you are looking for