Jquery mobile Phonegap?

Kind of confused, I have made an app in Dreamweaver cs6 with Jquery mobile, but now I want to export/publish so I can use the app. Is phonegap with eclipse the only software to do this? Is there any easier way directly out of dreamweaver to package it etc?

In Dreamweaver CS6, you use PhoneGap Build Service. I created a detailed run-down of the procedure in another thread (see http://forums.adobe.com/message/4669054#4669054).

Similar Messages

Speed [AS3.0 vs. jQuery Mobile/PhoneGap]

Has anyone seen any benchmarks on Speed for the various third party packagers like PhoneGap, Adobe iOS Packager, etc?
Thanks.
-Edward.

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 with phonegap

Hello All,
I am planning to create a new mobile app project developed by Jquery and html5 css3, and integrate it with the Phonegap. also planning to get my dynamic data from wordpress site by JSON.
my question here is it possible that JSON data list to be as a listview data role even if its with a large number of items like over 1000 items with no crash! if not possible, what is the best solution to make a large dynamic list!
Thanks

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

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

Mobile Learning! How can I integrate jquizme plugin into Dreamweaver phonegap jquery mobile platform

Im a student working on a mlearn project. Im initially familiar with Basic Dreamweaver. I dont know however how to go about integrating jquizme plugin (an opensource elearn evaluation package) into Dreamweaver CS5.5
jquizme URL = http://code.google.com/p/jquizme
All helps are welcomed.

@idesdema: Have a look at this tutorial: http://www.codeforest.net/jquery-mobile-advanced-tutorial-rss-reader-app
It includes a demo as well as a download link to the source files.
Also, if you want to take it a step further, you can create & manage a 'local database' without having to access anything remotely - basically handling everything at the client's end.
There's a tutorial for that here: http://the-jquerymobile-tutorial.org/jquery-mobile-tutorial-CH22.php
Good luck.

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.

In other words jQuery mobile does not generate code with result can not test Apps in dw cs6

from the time compiled in phonegap dw c6 tools and tested from dw the App in Android sdk, for a jQuery mobile App the, code in split/Live is the same as split/Live/Live Code.... in other words jQuery mobile does not generate code with result can not test Apps in dw cs6, but design shown without jQ mobile generated code, well?

well, jQuery mobile stopped to generate code with result can not test Apps in dw cs6, but design shown without jQ mobile generated code, well (neither generated code seems nor design as seem in mobile)....????

Cannot get background image to appear in app made with jquery mobile

Not sure where to post this issue but i thought here might be a good place as it is related to Dreamweaver.
I am using jquery mobile and phonegap to develop an app and i'm a noob at this.
I just want to make a scalable image as a background. After searching stack overflow it seems this problem comes up alot but I've tried all solutions and they do not work! When viewing it in a web browser...all looks fine but when i run it on the emulator or download the test build to my android phone it does not show at all!!
I know that the jquery mobile stylesheets overwrite anything i try to custom style so i have gone in directly and targeted those elements
CSS:
.ui-page.ui-body-c {
background: url(jquery-mobile/images/phone-bg.jpg);
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
margin: 0; padding: 0;
Like I said, this works fine in a web broswer when testing and fine in Live mode but in the app build i can see nothing at all.
Has anyone got a good workaround/solution for this??? Because all suggestions i see in stack overflow just don't work...

This is where your SpryHorizontal12.css file is looking for that image. It's 404 not found at that location (notice the path):
http://eappromotions.healthandperformancesolutions.net/eappromotions/EAP%20Promo%20Kit/htm l/images/top_nav_button.gif
Also, don't use spaces in file & folder names. It creates problems when spaces are converted to %20.
Nancy O.

How do i change the path of data ajax false from returning to homepage, when using a PHP mail form in jquery mobile?

I have a put a php mail form in the quote page of my mobile site. However when i send the form it returns to the route page rather than the quote page, i have used the data ajax false action as i dont want to send via ajax. i have left the thanks page blank as i want it to remain on the same page showing sent or declined message. Can someone help please?
<?php
// OPTIONS - PLEASE CONFIGURE THESE BEFORE USE!
$yourEmail = "[email protected]"; // the email address you wish to receive these mails through
$yourWebsite = "www.firstcalltransport.co.uk"; // the name of your website
$thanksPage = ''; // URL to 'thanks for sending mail' page; leave empty to keep message on the same page
$maxPoints = 4; // max points a person can hit before it refuses to submit - recommend 4
$requiredFields = "name,email,collection,delivery,comments"; // names of the fields you'd like to be required as a minimum, separate each field with a comma
// DO NOT EDIT BELOW HERE
$error_msg = array();
$result = null;
$requiredFields = explode(",", $requiredFields);
function clean($data) {
$data = trim(stripslashes(strip_tags($data)));
return $data;
function isBot() {
$bots = array("Indy", "Blaiz", "Java", "libwww-perl", "Python", "OutfoxBot", "User-Agent", "PycURL", "AlphaServer", "T8Abot", "Syntryx", "WinHttp", "WebBandit", "nicebot", "Teoma", "alexa", "froogle", "inktomi", "looksmart", "URL_Spider_SQL", "Firefly", "NationalDirectory", "Ask Jeeves", "TECNOSEEK", "InfoSeek", "WebFindBot", "girafabot", "crawler", "www.galaxy.com", "Googlebot", "Scooter", "Slurp", "appie", "FAST", "WebBug", "Spade", "ZyBorg", "rabaz");
foreach ($bots as $bot)
if (stripos($_SERVER['HTTP_USER_AGENT'], $bot) !== false)
return true;
if (empty($_SERVER['HTTP_USER_AGENT']) || $_SERVER['HTTP_USER_AGENT'] == " ")
return true;
return false;
if ($_SERVER['REQUEST_METHOD'] == "POST") {
if (isBot() !== false)
$error_msg[] = "No bots please! UA reported as: ".$_SERVER['HTTP_USER_AGENT'];
// lets check a few things - not enough to trigger an error on their own, but worth assigning a spam score..
// score quickly adds up therefore allowing genuine users with 'accidental' score through but cutting out real spam
$points = (int)0;
foreach ($badwords as $word)
if (
strpos(strtolower($_POST['comments']), $word) !== false ||
strpos(strtolower($_POST['name']), $word) !== false
$points += 2;
if (strpos($_POST['comments'], "http://") !== false || strpos($_POST['comments'], "www.") !== false)
$points += 2;
if (isset($_POST['nojs']))
$points += 1;
if (preg_match("/(<.*>)/i", $_POST['comments']))
$points += 2;
if (strlen($_POST['name']) < 3)
$points += 1;
if (strlen($_POST['comments']) < 15 || strlen($_POST['comments'] > 1500))
$points += 2;
if (preg_match("/[bcdfghjklmnpqrstvwxyz]{7,}/i", $_POST['comments']))
$points += 1;
// end score assignments
foreach($requiredFields as $field) {
trim($_POST[$field]);
if (!isset($_POST[$field]) || empty($_POST[$field]) && array_pop($error_msg) != "Please fill in all the required fields and submit again.\r\n")
$error_msg[] = "Please fill in all the required fields and submit again.";
if (!empty($_POST['name']) && !preg_match("/^[a-zA-Z-'\s]*$/", stripslashes($_POST['name'])))
$error_msg[] = "The name field must not contain special characters.\r\n";
if (!empty($_POST['email']) && !preg_match('/^([a-z0-9])(([-a-z0-9._])*([a-z0-9]))*\@([a-z0-9])(([a-z0-9-])*([a-z0-9]))+ ' . '(\.([a-z0-9])([-a-z0-9_-])?([a-z0-9])+)+$/i', strtolower($_POST['email'])))
$error_msg[] = "That is not a valid e-mail address.\r\n";
if (!empty($_POST['url']) && !preg_match('/^(http|https):\/\/(([A-Z0-9][A-Z0-9_-]*)(\.[A-Z0-9][A-Z0-9_-]*)+)(:(\d+))?\ /?/i', $_POST['url']))
$error_msg[] = "Invalid website url.\r\n";
if ($error_msg == NULL && $points <= $maxPoints) {
$subject = "Automatic Form Email";
$message = "You received this e-mail message through your website: \n\n";
foreach ($_POST as $key => $val) {
if (is_array($val)) {
foreach ($val as $subval) {
$message .= ucwords($key) . ": " . clean($subval) . "\r\n";
} else {
$message .= ucwords($key) . ": " . clean($val) . "\r\n";
$message .= "\r\n";
$message .= 'IP: '.$_SERVER['REMOTE_ADDR']."\r\n";
$message .= 'Browser: '.$_SERVER['HTTP_USER_AGENT']."\r\n";
$message .= 'Points: '.$points;
if (strstr($_SERVER['SERVER_SOFTWARE'], "Win")) {
$headers   = "From: $yourEmail\r\n";
} else {
$headers   = "From: $yourWebsite <$yourEmail>\r\n";
$headers .= "Reply-To: {$_POST['email']}\r\n";
if (mail($yourEmail,$subject,$message,$headers)) {
if (!empty($thanksPage)) {
header("Location: $thanksPage");
exit;
} else {
$result = 'Your mail was successfully sent.';
$disable = true;
} else {
$error_msg[] = 'Your mail could not be sent this time. ['.$points.']';
} else {
if (empty($error_msg))
$error_msg[] = 'Your mail looks too much like spam, and could not be sent this time. ['.$points.']';
function get_data($var) {
if (isset($_POST[$var]))
echo htmlspecialchars($_POST[$var]);
?>
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="CSS/stylesheetnew.css" rel="stylesheet" type="text/css">
<link href="../jquery-mobile/jquery.mobile-1.0a3.min.css" rel="stylesheet" type="text/css">
<script src="../jquery-mobile/jquery-1.5.min.js" type="text/javascript"></script>
<script src="../jquery-mobile/jquery.mobile-1.0a3.min.js" type="text/javascript"></script>
<style type="text/css">
p.error, p.success {
font-weight: bold;
padding: 10px;
border: 1px solid;
p.error {
background: #ffc0c0;
color: #F00;
p.success {
background: #b3ff69;
color: #4fa000;
</style>
</head>
<body>
<div data-role="page" id="home">
<div data-role="header" data-position="fixed">
   <h1>FIRSTCALL TRANSPORT</h1>
</div>
    <div data-role="navbar" data-position="fixed">
                                <ul>
                                  <li><a href="#about">About</a></li>
                                  <li><a href="#services">Services</a></li>
                                  <li><a href="#contact">Contact</a></li>
                                  <li><a href="#quote">Quote</a></li>
                                </ul>
</div>
<div data-role="content"> </div>
     <div data-role="footer" data-position="fixed" > </div>
</div>
</div>
<div data-role="page" id="quote">
<div data-role="header" data-position="fixed">
    <h1>GET A QUOTE</h1>
</div>
<div data-role="content">
   <?php
if (!empty($error_msg)) {
echo '<p class="error">ERROR: '. implode("<br />", $error_msg) . "</p>";
if ($result != NULL) {
echo '<p class="success">'. $result . "</p>";
?>
<form action="<?php echo basename(__FILE__); ?>" method="post" data-ajax="false" >
<noscript>
<p><input type="hidden" name="nojs" id="nojs" /></p>
</noscript>
<p>
<label for="name">Name: *</label>
<input type="text" name="name" id="name" value="<?php get_data("name"); ?>" /><br />
<label for="email">E-mail: *</label>
<input type="text" name="email" id="email" value="<?php get_data("email"); ?>" /><br />
        <label for="company">Company:</label>
<input type="text" name="company" id="company" value="<?php get_data("company"); ?>" /><br />
<label for="collection">Collection: *</label>
<input type="text" name="collection" id="collection" value="<?php get_data("collection"); ?>" /><br />
    <label for="delivery">Delivery: *</label>
<input type="text" name="delivery" id="delivery" value="<?php get_data("delivery"); ?>" /><br />
<label for="comments">Message: *</label>
<textarea name="comments" id="comments" rows="5" cols="20"><?php get_data("comments"); ?></textarea><br />
<input type="submit" name="submit" id="submit" value="Send" <?php if (isset($disable) && $disable === true) echo ' disabled="disabled"'; ?> />
</p>
</form> </div>
     <div data-role="footer" > </div>
</div>
</div>
</body>
</html>

My wife has left me for four weeks, favouring to be with our son who lives 4,000 km away. I now have to cook for myself and the steaks taste horrible. What am I doing wrong?
If you do not know what I have (not) done to make the steak taste horrible, my question is as hard to answer as your question above.
Please give us more info like giving us the code that sends the page to the homepage rather than to the previous page.

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

List View Report (theme 50 - jQuery Mobile Smartphone).

Hi,
I am creating a List View Report (theme 50 - jQuery Mobile Smartphone).
I have say the following settings..
Text Column - PRODUCT_DESC
Link Target - f?p=111:22:......
my PRODUCT_DESC is too long say 150 to 200 characters.
When I run my application on mobile...
1. when I am using the Link target, then I am not getting the complete Product Desc values displayed.. it's displaying just initial 15.. 20 characters of Prodcut Desc column and then arrow sign for link..
2. If I am not using the Link target, then it's displays complete values of Product Desc (all the 150 .. 200 characters) and no link arrown sign.
My question is I want to use the link target as well as want to display complete value of product desc.. any idea how can I do that..
Thanks,
Deepak

Hi,
I am creating a List View Report (theme 50 - jQuery Mobile Smartphone).
I have say the following settings..
Text Column - PRODUCT_DESC
Link Target - f?p=111:22:......
my PRODUCT_DESC is too long say 150 to 200 characters.
When I run my application on mobile...
1. when I am using the Link target, then I am not getting the complete Product Desc values displayed.. it's displaying just initial 15.. 20 characters of Prodcut Desc column and then arrow sign for link..
2. If I am not using the Link target, then it's displays complete values of Product Desc (all the 150 .. 200 characters) and no link arrown sign.
My question is I want to use the link target as well as want to display complete value of product desc.. any idea how can I do that..
Thanks,
Deepak

Help with JQuery Mobile App- Passwords

Hello,
I just downloaded the Dreamweaver CS5.5 trial today onto my MacBook Pro (OS 10.6.6) and am trying to make a JQuery Mobile web app. Once users get to the webpages on their iphone/android, I need them to be able to login so that they can get data specific to that specific user. So far, I have
<div data-role="content">
<form id="form1" name="form1" method="POST" action="<?php echo $loginFormAction; ?>">
<p>
    <label for="username">Username:</label>
    <input type="text" name="username" id="username" />
</p>
<p>
    <label for="pwd">Password:</label>
<input type="password" name="pwd" id="pwd" />
</p>
<p>
<input type="submit" name="doLogin" id="doLogin" value="Login" />
</p>
</form>
     </div>
This makes a nice looking username and password login area, but now I do not know what to do after the user inputs their information and clicks on the "Login" button. Somehow, I need it to recognize a correct username/password, and link to a different page if it is correct, and produce an error if the username/password combination is incorrect. Any help would be greatly appreciated; I'm really new at this.
Thank you.

Hi Lydia, first off welcome to the world of Dreamweaver!
Much like anything in DW it takes time to learn these things, especially the new technologies. Here is a page in the Adobe Developer Center that has many tutorials to help you get on the right track with the mobile stuff.
Build dynamic websites and web applications | Dreamweaver Developer Center http://adobe.ly/kBZmhL

TypeError: s.text(...).addClass is not a function on a Select list item jquery mobile theme

Hi.
i got a page with jquery mobile template, i got an select list item based on customers , when i touch the field, it display correcty all my customers, but when i try to pick some records i just get the error (i am using firefox firebug to see the error):
TypeError: s.text(...).addClass is not a function
...ollapsiblebound",!0).bind("expand collapse",function(t){var n=t.type==="collapse...
here is my query :
select
nombre_cliente || ' ' || apellidos_cliente a, codigo_cliente b
from sti_cliente
where
codigo_compania in (select distinct codigo_compania from STI_COMPANIA_SUCURSAL_USUARIO where upper(codigo_usuario) = upper(:APP_USER))
and estado_cliente = 'A'
and (MANEJA_INVENTARIO_CONSIGNACION = 'S'
and (codigo_compania, codigo_vendedor) in (select codigo_compania, codigo_vendedor from VTA_MAESTRO_VENDEDORES where codigo_usuario = upper(:APP_USER)) or cliente_contado = 'S')
order by nombre_cliente, apellidos_cliente
i have supress a dynamic action based on the field, but seems the problem is something within the query.
i am running on :
Application Express 4.2.4.00.08
Application Express Listener version : 2.0.5.287.04.27
Application Express Listener server info: Grizzly/1.9.49
thanks for any tip.

PLEASE DO NOT post to long since expired threads. The poster is probably NOT following this thread and your response doesn't really help them with their issue...
Elephants wear tu-tus so they can hide in pine trees. Did you ever see an elephant in a pine tree? No? Well then, you know it works.
Thank you,
Tony Miller
LuvMuffin Software
Ruckersville, VA

User Login with jquery mobile

I have this code that works perfectly but when i embed with Jquery mobile it fails to work. its a user authenication code
<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>

<%
    ' *** Validate request to log in to this site.
    MM_LoginAction = Request.ServerVariables("URL")
    If Request.QueryString <> "" Then MM_LoginAction = MM_LoginAction + "?" + Server.HTMLEncode(Request.QueryString)
    MM_valUsername = CStr(Request.Form("username"))
    If MM_valUsername <> "" Then
        Dim MM_fldUserAuthorization
        Dim MM_redirectLoginSuccess
        Dim MM_redirectLoginFailed
        Dim MM_loginSQL
        Dim MM_rsUser
        Dim MM_rsUser_cmd
        MM_fldUserAuthorization = ""
        MM_redirectLoginSuccess = "source.asp"
        MM_redirectLoginFailed = "error.asp"
        MM_loginSQL = "SELECT Username, Password"
        If MM_fldUserAuthorization <> "" Then MM_loginSQL = MM_loginSQL & "," & MM_fldUserAuthorization
        MM_loginSQL = MM_loginSQL & " FROM dbo.Test_Register_Users WHERE Username = ? AND Password = ?"
        Set MM_rsUser_cmd = Server.CreateObject ("ADODB.Command")
        MM_rsUser_cmd.ActiveConnection = MM_VT_STRING
        MM_rsUser_cmd.CommandText = MM_loginSQL
        MM_rsUser_cmd.Parameters.Append MM_rsUser_cmd.CreateParameter("param1", 200, 1, 70, MM_valUsername) ' adVarChar
        MM_rsUser_cmd.Parameters.Append MM_rsUser_cmd.CreateParameter("param2", 200, 1, 50, Request.Form("password")) ' adVarChar
        MM_rsUser_cmd.Prepared = true
        Set MM_rsUser = MM_rsUser_cmd.Execute
        If Not MM_rsUser.EOF Or Not MM_rsUser.BOF Then
            ' username and password match - this is a valid user
            Session("MM_Username") = MM_valUsername
            If (MM_fldUserAuthorization <> "") Then
                Session("MM_UserAuthorization") = CStr(MM_rsUser.Fields.Item(MM_fldUserAuthorization).Value)
            Else
                Session("MM_UserAuthorization") = ""
            End If
            if CStr(Request.QueryString("accessdenied")) <> "" And true Then
                MM_redirectLoginSuccess = Request.QueryString("accessdenied")
            End If
            MM_rsUser.Close
            Response.Redirect(MM_redirectLoginSuccess)
        End If
        MM_rsUser.Close
        Response.Redirect(MM_redirectLoginFailed)
    End If
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js" type="text/javascript"></script>
</head>
<body>
<div data-role="page" id="page">
<div data-role="header">
    <h1>Header</h1>
</div>
<div data-role="content">
    <form id="form1" name="form1" method="POST" action="login_code.asp">
      <table width="325" border="0" cellpadding="3" cellspacing="3">
        <tr>
          <td width="94"> </td>
          <td width="210"> </td>
        </tr>
        <tr>
          <td>Username</td>
          <td><input type="text" name="username" id="username" /></td>
        </tr>
        <tr>
          <td>Password</td>
          <td><input type="text" name="password" id="password" /></td>
        </tr>
        <tr>
          <td colspan="2"><div align="center">
            <input type="submit" name="button" id="button" value="Submit" />
          </div></td>
        </tr>
      </table>
    </form>
</div>
<div data-role="footer">
    <h4>Footer</h4>
</div>
</div>
</body>
</html>

"Fails to work" in what way?

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 Phonegap?

Similar Messages

Maybe you are looking for