JQuery Mobile Swatches "No Theme Applied."

I am trying to use the new "jQuery Mobile Swatches" tool. To start I followed the video tutorial and created a new "jQuery Mobile with theme" page from the sample provided. No matter what I do, or what I select, or modify in the css, etc.. the window alays says "No Theme Appied." What am I missing?

had the same problem (wrote webpages in HTML 5.0 and CSS 3.0, and linked up the custom themes in the appropriate place). Custom themes were not displayed (i.e. they were all rendered in white color). I tried this:
when creating themes with the ThemeRoller, make sure to check no fields are empty in the Theme Settings (left hand side column) of the themes you created (in my case, the text color field was empty in "button:normal", "button:hover" and "button:pressed". Enter a color there.
when I loaded my page in IE9, it didn't work. I then opened my page with Firefox - there it did work. Afterwards opened it with IE9 again where then it worked too. However, it only worked on my computer. When I opened my page with IE9 on a different computer the custom themes where ... white.
I tried a few more things, like locally hosting the default themes and editing the default themes, but no use, IE won't read it even though it is linked up correctlty.

Similar Messages

JQuery mobile swatches do not appear.

In Dreamweaver CS6 the themes in the jQuery mobile swatches pallet don't appear. Can anyone tell me why?

Yeah sorry
I pasted this code into the head replacing the code that was already there.
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" />
<script src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>
This is after I updated jQuery from here http://jquerymobile.com/download/
Thanks Preran for all your help.

Problem with Jquery Mobile Swatches

Hello,
Im trying to use Dreamweaver cs6 with Jquery Mobile but I'm receiving this error.
File not found
Dreamweaver could not file the file "Applications:Adobe Dreamweaver CS6: Configuration:JquerySwatch: JquerySwatchTemp.html" to load.
Anybody can help me?
Thanks

Have a look here http://www.dmxzone.com/go/16740/clearing-dreamweaver-s-cache

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.

Enhanced jQuery mobile support | Learn Dreamweaver CS6 | Adobe TV

Adobe continues to add support for jQuery Mobile in CS6 with the addition of new jQuery Mobile Sample Pages and the jQuery Mobile Swatch panel. The new jQuery Mobile Swatch panel allows you to quickly apply themes visually to your jQuery Mobile projects regardless of where the themes were created. The new Sample Pages feature improved architecture that makes it easy to swap out themes without affecting layout or functionality.
http://adobe.ly/IUFk4h

How do I get that toolbar that's used at 4:57 to grab a jQuery button? Can't for the life of me figure out where it is. I know how to insert the object from Insert > jQuery Mobile, but the toolbar'd be cool for a jQuery-based workspace.

Dreamweaver Freezes when I use the query mobile swatch panel

Every time I open and use the jquery mobile swatch panel, dreamweaver freezes and stops working. I have to force it to close. This problem started when I upgraded to CC 2 days ago... never with CS6.
Any help or suggestions would be great.
Thanks.

Ok, I don't have a crash report and all, but I have reported my issue in reports to Adobe.
Adobe CS5 Mac OS 10.6.7 iMac (Intel) 2010
Happened several times since I use this effect quite a bit.
I have a block of area text with a placed .psd photo which has possibly a clipping path (or not) and a separate stroke box for a border, grouped together and then a drop shadow applied. Then select both group and text block and apply text warp. Then select just the photo group and try to nudge it by using the arrow keys on my Apple factory shipped keyboard.
Usually hit the arrow key 3 to 4 times before I realize that I get the spinning wheel of death and finally crash.
Can anyone duplicate this?

New jquery mobile theme not rendering properly

So I'm finalizing some things on a mobile website that is looking great! m.whitewatertours.com...but we wanted to make a few changes to the theming and used ThemeRoller from jQuery to do so. But after downloading my new theme and applying it to a test page our fabulous looking site now looks like something a 5 yr old created!
I replaced the original <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> code in the Head tag with the new ones mentioned below their respective pages...(generated with the "add new css" button from DW6)
Here's the orginal page looking great: http://m.whitewatertours.com/rafting-hot-deals.html
than the test page with ThemeRoller Theme: http://m.whitewatertours.com/rafting-hot-deals-css-test.html
new code = <link href="jquery-mobile/twt-mobile-theme.css" rel="stylesheet" type="text/css">
Than I tested with a theme created from Fireworks CS6, still looking terrible...
test page with FWCS6 theme: http://m.whitewatertours.com/rafting-hot-deals-css-test-fw.html
I feel like I must've have done something wrong ... but have triple checked everything I can think of!
Jenny

Thanks Sudarshan!
So that did solve part of the problem at first, but was overriding my custom css.
Found there was an extra </script> in the head tag that was screwing up things...
So the css. from Fireworks works!
The css from jQuery ThemeRoller did take a little extra tweaking, did get 2 codes from them one from the file download "index":
the first code worked with the .min extension so thats what im using
<link rel="stylesheet" href="themes/twt-mobile-theme.min.css" />
and another from the download screen:
<link rel="stylesheet" href="css/themes/my-custom-theme.css" />
the first code worked with the .min extension so thats what im using
I also ended up creating the "themes" folder within my jquery-mobile folder with all their stuff in there.
Thanks for the help again and getting me pointed in the right direction!!
Jenny

How convert to mobile...eg apply touch where as exist click event(mainly for javascript or jQuery, w

I built a tinyStickyNotes App and works in PC browsers, how convert to mobile...eg apply touch where as exist click event(mainly for javascript or jQuery, well needed develop two versions of my App mobi/PC?)?
Really needed this or phone gap do the job?
a phone gap book includes what needed change (in this case) or look for a ...?... Book?
Also, not needed registered as phone gap user 9.99/mo if I am adobe creative cloud member, that's correct? yes correct / no needed
Cloud file drive(file explorer win or mac), may installed and in my computers not have creative cloud apps on them?

absolutely. Being that there will be no touch events via the mouse and mouse events via the touch screen, the two should not conflict with one another. In the future css specifications, there will be something called touch points which will handle the events no matter the input.

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

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

Edge Animate code into Dreamweaver jquery mobile theme?

I am having trouble getting my Edge Animate file to work on my Dreamweaver jquery mobile theme web site. I was told to get the code from my animate file and put it in my dreamweaver web site. Kind of like this.....copy the Edge runtime code, paste in web site under <head>. Then copy div stage code, and paste it in my website under the content div. I just cant seem to get it to work. It shows up blank.

Ok, i got it. I was making this a lot harder then it needed to be. If anyone else has this problem, you just publish your project when in Adobe Edge Animate, then save in the folder you are using for your website. Then in Dreamweaver you can go to insert media, find the file and insert it. All is well.

Page from Sample - Mobile Starters - jQuery Mobile with theme not working on mobile

I created a new webpage - New - Page from Sample - Mobile Starters - Jquery Mobile with Theme and did not modify it.
That does not work on an iPhone or Android.
What am I missing? Is there an update to make the jquery mobilesite work?
This is how it looks in dreamweaver
http://ricston.com/push/test/screenshot_dreamweaver.png
This is how it looks on my phone:
http://ricston.com/push/test/screenshot_galaxy.png
The page for the template is here http://ricston.com/push/test/test.html - As you can see, nothing has been changed.

Thank you. I was having the exact same problem. I even upoaded the unmodified starter page, just in case it was something I did. Inserting the viewport line fixed it. (Now I need to go back and insert that line into each of the pages I was working on.)
The question remains, however, as to why the mobile starter pages don't include that line in the first place.
[edit] FYI - On Dreamweaver CC, it's under the "common" group within "insert". (I would have expected it under "JQuery Mobile", but it's not there.)

Theme 50 - jQuery Mobile Radio Group Required Label Template Possible Bug

Hi,
Application Express 4.2.3.00.08
Theme 50 - jQuery Mobile Smartphone
Page item of type "Radio Group" with label template of "Required" does not render with the required field indicator image. This happens for both horizontal and vertical display orientation settings.
Thanks!
JMcG

Dear Pallavi,
Very useful post!
I am looking for similar accelerators for
Software Inventory Accelerator
Hardware Inventory Accelerator
Interfaces Inventory
Customization Assessment Accelerator
Sizing Tool
Which helps us to come up with the relevant Bill of Matetials for every area mentioned above, and the ones which I dont know...
Request help on such accelerators... Any clues?
Any reply, help is highly appreciated.
Regards
Manish Madhav

JQuery Mobile Theme - works Dreamweaver but not online

I created a new JQuery Mobile Theme in Fireworks CS6: Commands - JQuery Mobile Theme - Create New Theme. Then exported the theme to a folder where I am designing a new mobile app (Commands - JQuery Mobile Theme - Export Theme).
I opened index.html in Dreamweaver CS6 and changed <link href="jquery-mobile/jquery.mobile.theme-1.0.min.css" rel="stylesheet" type="text/css"/> to the new *.css file. I used Find / Replace to change all instances of data-theme="e" to data-theme="y". I saved index.html and clicked on Live View where it looked perfect. I used FileZilla to move all of the files to the server hosting my website. But when I view it either in Firefox or on my Samsung phone, index.html doesn't include any of the CSS formatting. (It had worked online with the CSS formatting when I had just manually edited the color codes in a few places in jquery-mobile/jquery.mobile.theme-1.0.min.css)
If I view index.html as a file on my computer in Firefox, the css works perfectly. But when I upload the contents of the folder to the server hosting my website, it doesn't.
I'd appreciate any input on what I'm doing wrong.
Thanks

Fixed it myself. I realized that I needed to leave <link href="jquery-mobile/jquery.mobile.theme-1.0.min.css" rel="stylesheet" type="text/css"/> in index.html and to add a new line <link href="jquery-mobile/y_theme.css" rel="stylesheet" type="text/css"/>

Dreamweaver cc jquery mobile with theme

Hi everyone
I m trying to create my first mobile site using Dreamweaver jquery mobile with theme. First I up date the jquery mobile and jquery files. But after I have done this the icons are no longer available. I have tried several things including: pulling the icons out of the jquery mobile folder titled 'icons-png' and place them in an image folder. But no luck.
Dreamweaver installs these files on the starter page
<link href="jquery.mobile.theme-1.0.min.css" rel="stylesheet" type="text/css"/>
<link href="jquery.mobile.structure-1.0.min.css" rel="stylesheet" type="text/css"/>
<script src="jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="jquery.mobile-1.0.min.js" type="text/javascript"></script>
and I replace them with these files
<link href="jquery.mobile.theme-1.4.4.min.css" rel="stylesheet" type="text/css"/>
<link href="jquery.mobile.structure-1.4.4.min.css" rel="stylesheet" type="text/css"/>
<link href="jquery.mobile.inline-svg-1.4.4.min.css" rel="stylesheet" type="text/css"/>
<link href="jquery.mobile.inline-png-1.4.4.min.css" rel="stylesheet" type="text/css"/>
<link href="jquery.mobile.icons-1.4.4.min.css" rel="stylesheet" type="text/css"/>
<link href="jquery.mobile.external-png-1.4.4.min.css" rel="stylesheet" type="text/css"/>
<link href="jquery.mobile-1.4.4.min.css" rel="stylesheet" type="text/css"/>
<script src="jquery-2.1.1.min.js" type="text/javascript"></script>
<script src="jquery.mobile-1.4.4.min.js" type="text/javascript"></script>
I know this is a pretty basic problem. I cant find any thing on the web to remedy the problem.
In advance thank you for your advice
Cheers
Paul
https://forum.jquery.com/html/blank.html

Thank you. I was having the exact same problem. I even upoaded the unmodified starter page, just in case it was something I did. Inserting the viewport line fixed it. (Now I need to go back and insert that line into each of the pages I was working on.)
The question remains, however, as to why the mobile starter pages don't include that line in the first place.
[edit] FYI - On Dreamweaver CC, it's under the "common" group within "insert". (I would have expected it under "JQuery Mobile", but it's not there.)

JQuery Mobile Swatches "No Theme Applied."

Similar Messages

Maybe you are looking for