Dreamweaver (cs6) Phonegap plugin

Hi,
I'm developing a phonegap application using dreamweaver and I'm trying to get the (phonegap) facebook plugin to work but am not succeeding! Given where I got to so far, I guess I have the following questions:
How do I configure my application so that certain javascript code is only executed on specific platforms (e.g. iOS specific code is only called on iOS devices)
How do I configure dreamweaver to use a PhoneGap plugin - which files (config.xml? / plugin.xml?) do I edit and what do I put in there
Whilst researching this - I've seen similar questions asked frequently without any answers so maybe it's just not possible
Thanks in advance
Leon

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

Similar Messages

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

Dreamweaver cs6 PhoneGap impossible to login

Afrer creating new 'Mobile Starter -> jquery with theme' project i go to Site->PhoneGapBuildService->PhonegapBuildService. Then i fill it with my login data (veryfied, one app compiled on phonegap repo) and after long, long wait i get briliant error message "we have some problems with server" which explains EVERYTHING.
Firewall is down i cant find no info about some special port requirements so my question is why the hell it's not loging in ??
You really should update Your tutorials and guides for this process cause from cs 5.5 this looks like downgrade and moreover by removing local compilation service for benefit of payed service it seems you have no respect for your customers money which they already payed You for the dreamveaver software or even whole collection.
Looking forward hearing from You,
pised up honest customer.

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 setup for dreamweaver cs6 compared to eclipse

Hi, I recently started working with CS6 and I'm trying to setup a phonegap application. I was able to make a basic hello world jquerymobile site and upload it to the phonegap build site and getting it working on my android phone...
I'm new to phonegap... I played around with some examples on phonegap 1.2 using eclipse but now I'm getting back to it and wondering how it works with dreamweaver cs6/phonegap build.
I was following the download and setup from the phonegap website here:
http://docs.phonegap.com/en/1.8.1/guide_getting-started_android_index.md.html#Getting%20St arted%20with%20Android
What steps can I skip over in dreamweaver? Do I need .jar files, or the .js file, or does phonegap build provide that for me? I have all the initial emulators and SDK installed from my eclipse environment, I'm just trying to get an understanding of what DW CS6 phonegap build does to simplify everything?
any how to's from a dreamweaver standpoint would be appreciated.

Great thanks. So just to confirm if your working with eclipse, your typically going and 1
1)      Installing eclipse
2)      downloading android sdk
3)      downloading the adt plugin
4)      downloading cordova
5)      setting up a new project
6)      copy a .js and .jar file to new folders
7)      copy an xml file to new folders
8)      making edits to designated files…
and if your using dreamweaver cs6
1)      (optionally download the sdk, adt plugin)
2)      Setup a new site
3)      Edits the pages to do what they want.
4)      Upload to phonegap build and test?
If so, WOW! I’ve been working with dw since 98 (dreamweaver 2 or 4) and this seems to be one of my all-time favorite features if so!
Thanks
Steve

Where is the Phonegap template in Dreamweaver CS6

Hi just wondering if someone can clear this up for me.
I have just downloaded the trial of Dreamweaver CS6 and am wondering where the jQuery mobile (phonegap) template has gone?
Is there a way i can get it back? Im just curious as the jQuery mobile templates dont have a link to the Phonegap.js file and therefore
dont give access to the phonegap API's or am i mistaken??
Have spent the last few hours searching online for an answer but there is little out there as i suppose CS6 is still relatively new,
If anyone can clear this up for me it would be great!
Also am i better off sticking with CS5.5 if i want to develop for phonegap?

You're not running a trial of Dreamweaver CS6. There was no public trial of DW.
It's a beta and is probably not 100% feature complete.
CS6 will probably be shipping next week (with the official Trials probably available a little later).
Uninstall the CS6 beta you currently have installed and try the final version of CS6 then.

How to install a phonegap plugin in Dreamweaver

Hi all,
I'm new to mobile developement and I'm trying to create a application wich open local PDF files.
I've found a plugin that do just that, but I haven't found a way to install the plugin within Dreamweaver.
Plugins already wrapped in Phonegap works (like ChildBrowser) but I can't find a way to make other works.
The one I'm trying to install is FileOpener.
Any help appreciated.
Thanks

It's not a plugin you install into Dreamweaver, like an extension, it's something you code into your app.
You can find more info here: https://github.com/markeeftb/FileOpener
And PhoneGap plugins in general here: https://build.phonegap.com/docs/plugins

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.

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

Phonegap and Dreamweaver CS6 doesn't work

Phonegap and Dreamweaver have never worked together for me. With CS5.5 I was never able to build anything with Phonegap and Dreamweaver. I was hoping that with CS6 and Adobe's aquistion that Phonegap might acually work with Dreamweaver, not so. Any time I try and build Phonegap with Dreamweaver CS6 I get the following error:

>After a long Time (more than 1 minute) i have the same message as Colorado saying "trouble with ours servers...".
I was selecting "create new project" from the select dropdown menu and then pressing next.
>After the error message i cant try a second Time because the dropdown select and the continue button are disabled.
>i'm sure i have try without Any protection activated (antivirus, antimalware, firewall disabled during last try). Tommorow i Will try on my Mac (love Cs cloud ;-) ) on order to know if the problem Come from my computer.
UPDATE [resolved]:
- working on my mac
- and then working on my PC after dreamwaever ask my phonegap login/password.
> suggestion: i link my phonegap account and my adobeID account after i was logged in dreamweaver. Maybe the login information in dreamweaver wasn't up to date

Lightbox gallery dreamweaver cs6

Hello, I m tried to insert a picture gallery with dreamweaver cs6 using the widget lightboxgallery, the first problem is that the buttons,next, previous ... are not displayed, the second problem happens when I want to insert a second " lightbox gallery" in the same page.
thank you for helping me

Many people have reported problems with the Lightbox widget. I highly recommend using FancyBox2 instead of that widget. To see a demonstration, copy & paste this code into a new, blank document. SaveAs test.html and preview in browsers.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5, with Fancybox2 Viewer</title>

<script src="http://code.jquery.com/jquery-latest.min.js"></script>

<link href="http://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.4/jquery.fancybox.css" rel="stylesheet" media="screen">
<script src="http://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.4/jquery.fancybox.pack.js"></script>
<style>
/**this styles image container**/
#thumbs p {
float:left;
width: 180px;
height: 12.5em;
margin: 10px 0 0 20px;
padding: 10px;
border: 1px solid silver;
/**rounded borders**/
-moz-border-radius: 20px;
-webkit-border-radius:20px;
border-radius: 20px;
/**this styles caption text**/
font: italic 14px/1.5 Geneva, Arial, Helvetica, sans-serif;
color: #666;
text-align:center;
/**recommend using same size images**/
#thumbs img {
width: 160px; /**adjust width to thumbnail**/
height: 120px; /**adjust height to thumbnail**/
margin-bottom: 1.5em;
opacity: 0.75;
#thumbs img:hover {opacity: 1.0}
/**float clearing**/
#thumbs:after {
content:".";
clear:left;
font-size:0px;
line-height:0;
display:block;
visibility:hidden;
</style>
</head>
<body>
<h1><a href="http://fancyapps.com/fancybox/">Fancybox2</a> Viewer with images</h1>

<div id="thumbs">
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 1" /></a> <br />
Caption 1
</p>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 2" /></a> <br />
Caption 2
</p>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 3" /></a> <br />
Caption 3
</p>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 4" /></a> <br />
Caption 4
</p>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120" alt="Thumbnail 5" /></a> <br />
Caption 5
</p>
</div>

<h1>Fancybox with Iframe</h1>
<h3><a class="fancybox" data-fancybox-type="iframe" href="http://example.com">EXAMPLE.COM</a></h3>

<script>
        $(document).ready(function() {
            $('.fancybox, iframe').fancybox();
    </script>
</body>
</html>
Nancy O.

Run JavaScript in Dreamweaver CS6 (Was:please suggest me sir...)

how to run a javascript program in dreamweaver cs6?

Primer for using jQuery plugins
http://alt-web.blogspot.com/2012/11/primer-for-using-jquery-plug-ins.html
Nancy O.

Selection missing in Dreamweaver CS6

I'm following the Adobe video tutorial by Adobe Evangelist Paul Trani, entitled "Getting Started with Creating Mobile Apps and Websites with Design and Web Premium CS6." Early in the video, Trani starts out in Dreamweaver with this:
File > New > Page from Sample > Mobile Starters > jQuery Mobile with theme (phoneGap)
When he gets to the last selection (jQuery Mobile with theme - phone Gap) it is one of five (5) sample pages to choose from in the video. In my copy of Dreamweaver CS6, however, I only have three (3) sample pages to choose from. They are jQuery Mobile (CDN), JQuery Mobile (Local), and jQuery Mobile with theme (Local). Missing from my selection but shown in the Trani video are "jQuery Mobile (PhoneGap), and jQuery Mobile with theme (PhoneGap).
At that point, I have to hit the breaks, and Trani just blows on by.
How can I add the two sample pages to my menu so I can continue this training video?
Thanks

@pk4ut You need to select "jQuery Mobile with theme (local). That's the same as using (phonegap). Thanks for watching!
Paul

Updates to the non-cloud version of dreamweaver cs6

I have the non cloud version of Adobe Dreamweaver cs6 version 12.0 Build 5861
Is there an update for this? I see that there are some for the cloud version. Are they only updating that, and the folks that bought the CD are out of luck?
Looking like maybe there was some phonegap updates that might be useful plus some other small issues I have might have been fixed?

The last patch/bug fix released for CS6 on perpetual license was 12.03 update which can be obtained from the link below:
https://www.adobe.com/support/dreamweaver/downloads_updaters.html#dwcs612712
That's all there is. No further updates are expected.
Nancy O.

Phone gap build settings in Dreamweaver CS6

Hello
I have created a html/javascript app using the jquery mobile template in dreamweaver cs6.
In live view the app works as expected, however when I publish it using the phonegap build service the application fails to work.
I think this is because it relys on loading external JSON data into it. Looking at phonegap documentation I think this can be fixed by...
Allowing ExternalHosts in PhoneGap.plist.
However I cannot see this file, only config.xml.... So can it not be done using the integrated build service?
Thanks for any help

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

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.

Dreamweaver (cs6) Phonegap plugin

Similar Messages

Maybe you are looking for