Jquery Mobile Website does not preview properly in Dreamweaver's Live View or in my web browser

I'm using Dreamweaver 12.0 Build 5861.
I can't figure out what I'm doing wrong. I go
File / New / Page from Sample / Mobile Starters / JQuery Mobile with theme (local).
I then save my page.
Then when I go to preview my new page in Live View, it shows a page without any styles, etc.
When I upload the page and additional files created by Dreamweaver to my server. I preview it and it will look like the default style JQuery page, but when I click on the button to see the content for that page, there is not a "back" button to come back to my home page.
Also, when I try to implement a JQuery mobile swatch, the Swatch window says "No Theme Applied."
I feel like I'm missing something really simple,,, but what? Is there a setting I need to change or am I missing a step? I have looked at many video tutorials online and I believe I am taking the same steps.

You're missing the viewport meta attribute. Add ths to your <head> section.
<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
And add this to Line 13:
<div data-role="page" id="page" data-add-back-btn="true">
Do this for all page IDs.

Similar Messages

  • Hi my web hosting company irunsolutions.co.uk have informed me that my website does not display properly in firefox when run on a windows 7 32 bit platform.

    website is www.empireembroidery.co.uk
    does not display properly when viewed on 32bit windows 7 platform in firefox.

    You can try these steps in case of issues with web pages:
    Reload web page(s) and bypass the cache to refresh possibly outdated or corrupted files.
    *Hold down the Shift key and left-click the Reload button
    *Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
    *Press "Command + Shift + R" (Mac)
    Clear the cache and cookies only from websites that cause problems.
    "Clear the Cache":
    *Firefox/Tools > Options > Advanced > Network > Cached Web Content: "Clear Now"
    "Remove Cookies" from sites causing problems:
    *Firefox/Tools > Options > Privacy > Cookies: "Show Cookies"
    Start Firefox in <u>[[Safe Mode|Safe Mode]]</u> to check if one of the extensions (Firefox/Tools > Add-ons > Extensions) or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox/Tools > Add-ons > Appearance).
    *Do NOT click the Reset button on the Safe Mode start window.
    *https://support.mozilla.org/kb/Safe+Mode
    *https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes

  • Please help: my website does not display properly in firefox

    (note) everything works fine clientside
    I'm totally new here but I really really need help debugging
    my website. The problem is I have a flash file the loads an xml
    file to display pictures. Basicallly a gallery. It works in IE but
    not Firefox and I can't understand why.
    here is the offending pages
    3dart Page |
    Print Page
    as you can see they display fine in IE. try in mozilla
    firefox and the server just hangs. here is the actionscript from
    the .fla:
    function loadXML(loaded) {
    if (loaded) {
    xmlNode = this.firstChild;
    image = [];
    description = [];
    total = xmlNode.childNodes.length;
    for (i=0; i<total; i++) {
    image
    = xmlNode.childNodes.childNodes[0].firstChild.nodeValue;
    description
    = xmlNode.childNodes.childNodes[1].firstChild.nodeValue;
    firstImage();
    } else {
    content = "file not loaded!";
    xmlData = new XML();
    xmlData.ignoreWhite = true;
    xmlData.onLoad = loadXML;
    xmlData.load("freelance.xml");
    listen = new Object();
    listen.onKeyDown = function() {
    if (Key.getCode() == Key.LEFT) {
    prevImage();
    } else if (Key.getCode() == Key.RIGHT) {
    nextImage();
    Key.addListener(listen);
    previous_btn.onRelease = function() {
    prevImage();
    next_btn.onRelease = function() {
    nextImage();
    p = 0;
    this.onEnterFrame = function() {
    filesize = picture.getBytesTotal();
    loaded = picture.getBytesLoaded();
    preloader._visible = true;
    if (loaded != filesize) {
    preloader.preload_bar._xscale = 100*loaded/filesize;
    } else {
    preloader._visible = false;
    if (picture._alpha<100) {
    picture._alpha += 10;
    function nextImage() {
    if (p<(total-1)) {
    p++;
    if (loaded == filesize) {
    picture._alpha = 0;
    picture.loadMovie(image[p], 1);
    desc_txt.text = description[p];
    picture_num();
    function prevImage() {
    if (p>0) {
    p--;
    picture._alpha = 0;
    picture.loadMovie(image[p], 1);
    desc_txt.text = description[p];
    picture_num();
    function firstImage() {
    if (loaded == filesize) {
    picture._alpha = 0;
    picture.loadMovie(image[0], 1);
    desc_txt.text = description[0];
    picture_num();
    function picture_num() {
    current_pos = p+1;
    pos_txt.text = current_pos+" / "+total;
    stop();
    if anyone would help me debug this I would really appreciate
    this, I'm not good with code. I'll give you the source files to
    look at if need be, i'm desperate! thanks

    Can you attach some [http://en.wikipedia.org/wiki/Screenshot screenshots] for comparison to show what you mean?
    Use a compressed image type like PNG or JPG to save the screenshot and make sure that you do not exceed the maximum file size (1 MB).

  • Amazon website does not load properly. Text only. Using Windows XP. Cache clearing does not work.

    The amazon.com website will only load text, although it does load an occasional image. I am using windows xp, firefox version 8.0

    See High contrast schemes:
    * http://www.microsoft.com/enable/products/windowsxp/default.aspx
    Reload web page(s) and bypass the cache.
    *Press and hold Shift and left-click the Reload button.
    *Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
    *Press "Cmd + Shift + R" (MAC)
    Clear the cache and the cookies from sites that cause problems.
    "Clear the Cache":
    *Tools > Options > Advanced > Network > Offline Storage (Cache): "Clear Now"
    "Remove Cookies" from sites causing problems:
    *Tools > Options > Privacy > Cookies: "Show Cookies"
    Start Firefox in <u>[[Safe Mode]]</u> to check if one of the extensions or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox (Tools) > Add-ons > Appearance/Themes).
    *Don't make any changes on the Safe mode start window.
    *https://support.mozilla.org/kb/Safe+Mode

  • I am using firefox 3.6.17 i upgraded it to 4.1.but it does not work properly sometimes it opens every website and most of the time it does not work . so what is the problem please help . thank you

    i am using firefox 3.6.17 i upgraded it to 4.1.but it does not work properly sometimes it opens every website and most of the time it does not work . so what is the problem please help . thank you

    Did you check your security software (firewall)?
    A possible cause is security software (firewall) that blocks or restricts Firefox or the plugin-container process without informing you, possibly after detecting changes (update) to the Firefox program.
    Remove all rules for Firefox from the permissions list in the firewall and let your firewall ask again for permission to get full unrestricted access to internet for Firefox and the plugin-container process.
    See:
    * [[Server not found]]
    * [[Firewalls]]

  • I am trying to register my iPhone 4S for mobile phone insurance but the website does not recognise the serial number. Has anyone experienced this?

    I am trying to register my iPhone 4S for mobile phone insurance but the website does not recognise the serial number. Has anyone experienced this, and any idea how I can rectify the problem?

    When using the iPhone with the Windows OS, you need to have the Apple Mobile Device Service running. It should start automatically when you start the computer, but sometimes things happen. Use this support document to try and restart the service. See if that helps.
    http://support.apple.com/kb/TS1567

  • Cannot send email. When I click Write the window does not open properly. Does not have the "send, spelling, attach security save" line.

    Cannot send email. When I click Write the window does not open properly. Does not have the "send, spelling, attach, security, save line there. Then when I click File, then Send now it will not send. A message comes up saying my SMTP server failed. Have check and everything appears to be o.k.

    Hi Stephen,
    What version of MS Office are you using?
    Are you facing the issue similar to that mentioned here: Acrobat/Reader: Attach to Email button not working for PDFs referenced from long URLs
    Open Acrobat. Use the click-path Edit - Preferences - select the Category "Email Accounts". In the dialog there is the "Add Account" drop-down. Select "Add Other". The "Add Webmail Account" dialog presents. You'll fill out the dialog's fields with Outlook.com settings. (don't forget the "Advance Settings" button)
    From a look-see on the web it appears that the following are the needed settings. BUT, you'll be wanting to validate.
    The Outlook.com SMTP server settings for sending outgoing messages from an email program on desktop, cell phone or mobile device are:
    • Outlook.com SMTP server address: smtp.live.com
    • Outlook.com SMTP user name: Your full Outlook.com email address (not an alias)
    • Outlook.com SMTP password': Your Outlook.com password
    • Outlook.com SMTP port: 587
    • Outlook.com SMTP TLS/SSL encryption required: yes
    For incoming messages from an Outlook.com account to an email program using POP, use the Windows Live Hotmail POP3 server settings.
    The Outlook.com POP server settings for downloading new incoming messages to email program, cell phone or mobile device are:
    • Outlook.com POP server address: pop3.live.com
    • Outlook.com POP user name: Your full Outlook.com email address (not an alias)
    • Outlook.com POP password: Your Outlook.com password
    • Outlook.com POP port: 995
    • Outlook.com POP TLS/SSL encryption required: yes
    Regards,
    Rave

  • SSRS report does not rendering properly in sharePoint 2013

    Hi everyone,
    I'm a newbie with the MSBI development tool, I've tried to create a testing SSRS reports and its layout showed correct when preview them in Visual Studio (2010 and 2012). Then I migrated the report in SharePoint 2013, but the layout do not rendering as I
    expected, some data mix-up on the matrix table
    The Ident on detail data (drill down) does not render properly compare the layout in when preview in Chrome or Visual Studio (SSRS)
    The summation on second matrix table went wide on both browsers compare when preview thereport in Visual Studio
    The export PDF (using the "action" button on the report in the browsers) showed the second matrix table is overlaps the first matrix table.
    This report has 3 main queries (2 for the matrix tables and 1 for the chart) on a Dev environment:
    Window server 2008 R2 with service pack 2
    SQL server 2012 enteprise with service pack 2
    SharePoint 2013 (no service pack) with integrated mode on the report service 
    Visual Studio 2010 development tools
    I'm very appreciate for anyone can provide any solution to solve this issue.
    Thank you so much,
    Dac.
    P.S.: I attached the preview of the report in both browsers (IE & Chrome) and its preview in Visual Studio.
    An update: ... due to the setting space on"snap to grid" default to 20 and I've made the 2nd matrix table overlaps the 1st one, therefore the it showed overlaps when export to PDF file ... it's solved.
    But the Indent on IE and summation still persist in both browsers.

    Hi everyone,
    The PDF's export has been solved due to the 2nd matrix table overlaps on the 1st table. 
    Also, I don't know why the summation (aka Row Total) went wide when data represented on the 2nd matrix table (see previous post on the row named as "Premium over 5000$" on both browser. So I've redesigned the 2nd table as normal table instead of
    matrix table ... and the summation showed correct (it's so weird)
    For the "Indent" issue showed in IE on both drill down of the 1st table and 2nd table which cannot be fixed, and the end user used only IE.
    Could someone can enlighten me please?
    Many thanks.

  • The header photos on my website are not formatting properly in Mozilla. How do I fix this?

    Hi There,
    The header photos on each page of my website are not formatting properly in Mozilla. The photos appear to the right side of the website and you have to scroll over to see them. They work on other browsers such as Chrome and Safari. How do I fix this? Here is the link to my website: http://cpd.berkeley.edu/.
    Thanks for your help!

    What is even stranger, is if you reload the page in version 33, it is in the right place. Does this happen on Beta? [https://www.mozilla.org/en-US/firefox/channel/]
    If this continues, please clear the cache and refresh the page, then if it still happens please webcompat.com file a bug here.

  • ADF JDeveloper wysiwyg visual editor does not render properly my jspx page

    Hi everybody,
    I am working with JDev 11.1.1.5 and I have an issue with the wysiwyg visual editor.
    My jspx page does not render properly: I cannot see the full page whatever is the resolution, even in full screen mode.
    I've tried to activate in the preferences the option Show Design Time Messages in Log but it does not display any error.
    When I run my page or execute a preview of my page, my page is rendered correctly the browser.
    Can someone help please?
    Thanks by advance

    Hi Frank,
    I've tried to change the resolution but whatever is the resolution the page is not rendered correctly. Actually, I can see the full page, but there are some panel boxes which are not displayed.
    In my page, I have a main panelgrouplayout which contains 2 dashboard panels. The second dashboard contains panel boxes, only the 3 first rows of panel boxes are displayed in this dashboard panel while I have 6 rows of panel boxes.
    In the design page, when I click on the 2nd dashboard and do "design this container", I can actually see that all the rows display correctly, it simply that I do not see them all in the main page.
    In short, the 2 dashboard panels display entirely, simply the 2nd one does not show all its content while displayed in the main page.
    Is there a solution for this?
    Thanks by advance

  • I am new to mac air. Today i installed (unsuccessfully!) MAPLE16 on my mac book air. Now since it does not work properly (it also does not appear in  applications) i decide to delete it. I could not remove it from launchpad . i need urgent help

    i am new to mac air. Today i installed (unsuccessfully!) MAPLE16 on my mac book air. Now since it does not work properly (it also does not appear in  applications) i decide to delete it. I could not remove it from launchpad . i need urgent help from your side.

    Any third-party software that doesn't install by drag-and-drop into the Applications folder, and uninstall by drag-and-drop to the Trash, is a system modification.
    Whenever you remove system modifications, they must be removed completely, and the only way to do that is to use the uninstallation tool, if any, provided by the developers, or to follow their instructions. If the software has been incompletely removed, you may have to re-download or even reinstall it in order to finish the job.
    I never install system modifications myself, and I don't know how to uninstall them. You'll have to do your own research to find that information.
    Here are some general guidelines to get you started. Suppose you want to remove something called “BrickMyMac” (a hypothetical example.) First, consult the product's Help menu, if there is one, for instructions. Finding none there, look on the developer's website, say www.brickmyrmac.com. (That may not be the actual name of the site; if necessary, search the Web for the product name.) If you don’t find anything on the website or in your search, contact the developer. While you're waiting for a response, download BrickMyMac.dmg and open it. There may be an application in there such as “Uninstall BrickMyMac.” If not, open “BrickMyMac.pkg” and look for an Uninstall button.
    You generally have to reboot in order to complete an uninstallation.
    If you can’t remove software in any other way, you’ll have to erase and install OS X. Never install any third-party software unless you're sure you know how to uninstall it; otherwise you may create problems that are very hard to solve.
    You may be advised by others to try to remove complex system modifications by hunting for files by name, or by running "utilities" that purport to remove software. I don't give such advice. Those tactics often will not work and maymake the problem worse.

  • Media Encoder does NOT deinterlace properly

    If you export a DV-based sequence (29.97 LFF) with graphics and text in it, the video does not deinterlace properly.
    This applies to AT LEAST WMV v9 and FLV VP6.
    With WMV, it deinterlaces with TFF order, resulting in a very blurry, but smooth image. This is NOT what CS3 did. It deinterlaced properly.
    With FLV, it treats the video as progressive and creates stairstepped lines, even though the rendered previews in DV format look pristine and razor sharp.
    The only solution for a web-based export that looks nice is to use F4V (the new flash video) and set the H.264 to process "Lower" field priority. My problem is our company systems for employees can't handle F4V yet. (If you set F4V to "Upper, it processes and looks like WMV, and setting to "Progressive" looks like the FLV above)
    Any suggestions or work-arounds that don't require exporting a DV video, opening Virtualdub to flip field order and then using Media Encoder?

    Jeff, you've got a point. CS3 didn't do GREAT. I tended to use the old 2003 Microsoft WMV encoder as well. But, the Media Encoder in CS3 at least allowed me the turn on or off the "deinterlace" feature when I was converting from DV to WMV. The option to turn it on or off was on the left, not in the codec settings. It was next to the crop controls. If I turned it on, then when I wanted to turn a 720X480 DV AVI into a 640X480 WMV, the fields got blended, but at least I kept all the detail of eyes, letters, etc. and only the motion got blended. If I left the deinterlace turned off, then the fields stayed and you got a 640X480 WMV that looked like it had jagged edges because both fields got encoded "as is" with no loss or dopping."
    The new one does give me the option of turning "interlacing" on or off, but off blurs everything vertically, even when I'm not resizing height. So eyes become blurs and sharp serif fonts become these blurred rounded things. The processing shouold follow the F4V/H.264 model where field order determines deinterlacing order.
    I prefer not to use AviSynth or Virtualdub, except when absolutely necessary. I'm trying to have a workflow that other media employees (who only know Adobe) can follow without asking me every 5 minutes. there are 4 of us who do video, but I'm the only one who has a serious knowledge base. The others are cameramen or Flash developers who cross trained.

  • When I click on itunes, it tells me that thesoftware required for communicating with ipods and mobil phones was not installed properly. I have not changed anything on my computer so I'm not sure what I should do? Help

    Help, When I click on itunes on my computer it tells me that the software required for communicating with ipods and mobil phone was not installed properly. I havent' changed anything. Does anyone know what I should do? Thanks

    See the second box of Troubleshooting issues with iTunes for Windows updates.
    tt2

  • Javascript does not run properly in Firefox

    Firefox does not run javascript properly.
    For example:
    http://vk.com/app2622342_40916334#NEW/comp1427
    Comment form does not run at all in Firefox ( the last version = 20.0.1)
    but runs OK in Opera.
    WHY?
    Mozilla still is HALF-DONE SOFTWARE!!!!!!!
    WHEN YOU DO IT IN A GOOD WAY?

    I have javazcript-enabled = TRUE in my about:config. So your comment did not solve my problem. I noticed that javascript does not run properly in some websites (forms in vk.com) but those forms run OK in OPERA - how can you explain this!?
    And I have no errors in the Web Console (Firefox/Tools > Web Developer).
    I wrote you a link to the page where javascript does not work.
    ( you need to login to vk.com to see that page
    http://vk.com/app2622342_40916334#NEW/comp1427
    )

  • TS1702 When I update to IOS6 on my 4S Facebook does not work properly, the news feed never updates it only says no new storeys and shows a picture of an antenna. When I reset my phone and go back to IOS5 Facebook works fine. What's up with IOS6 ????

    When I update my iPhone 4S to iOS six Facebook does not work properly the newsfeed doesn't load properly and I can never see what's going on all I see is a picture of an antenna and a little thing underneath it says no new stories when I reset my phone back to iOS 5 then it works just fine and I don't have any issues so there must be something wrong with iOS six that isn't letting Facebook load properly

    No I did not use any unauthorized methods for anything, I simply reset my phone back to factory.
    <Edited By Host>

Maybe you are looking for