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

Similar Messages

  • New Blog entry screen not rendering properly in IE9 on Windows 7

    I have set up a Blog site in Sharepoint 2013 and all seemed to be working OK, I am running Windows 8 with IE10.  When the blog site was accessed from a Windows 7 pc using IE9, all initially looked OK, however when I clicked on the link to add a new
    blog post, the page looked like this:
    I have tried this on both a workstation and via remote desktop, everytime it is accessed using IE9, this issue pops up.  All other parts of the SharePoint 2013 site so far seem OK.
    Any suggestions?

    Hello,
    Try to set browser compatibility mode to IE9. You can access browser compatibility mode setting in Developer Tools menu.
    Best regards,
    Riwut Libinuko
    SharePoint Architect, Singapore
    Microsoft MVP | SharePoint Server | Singapore
    Blog : http://blog.libinuko.com

  • 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"/>

  • Why are previews in Bridge blurry (not rendering properly)?

    Why are previews in Bridge blurry (not rendering properly)?
    I found a simple answer to this question: control click on the thumbnail and select "purge cache for selection"
    After years of intermittently having this problem, this solved the issue. I had just finished a fresh install of main sys hd (new hd) and first time opening bridge encountered this issue again after not having the problem for a few years.
    Hope this helps others.  

    Why are previews in Bridge blurry (not rendering properly)?
    I found a simple answer to this question: control click on the thumbnail and select "purge cache for selection"
    After years of intermittently having this problem, this solved the issue. I had just finished a fresh install of main sys hd (new hd) and first time opening bridge encountered this issue again after not having the problem for a few years.
    Hope this helps others.  

  • Transitions not rendering properly - corruption

    My transitions are not rendering properly when I try layering two. It was working fine before, now suddenly it is not. I am using FCP 6 and I have Slick FX add ons. The add on was working fine before. I've tried trashing the FCP preferences but to no avail.
    See here for a sample -
    http://metrosi.com/Picture3.png
    Any other suggestions? Please help!
    Jennifer

    Seems that the problem is with specific Slick FX transitions. Ones under Slick FX Transitions - 3D.
    Things tried....
    Tried using the Rotate transition in another location, same issue. Looked ok in the timeline prior to rendering.
    There is a Slick FX transition in the timeline that appears to be rendering properly...Cylinder. Put another in a different part of the timeline and it rendered fine (Spin Zoom)
    Tried another 3D one (Spherize) -looks fine in the timeline before rendering...rendered fine.
    Tried another 3D one (Tube) - did not work.
    Tried adding Rotate in after adding others...still not working.
    Turnstile not working also (opened a new sequence and tried adding it)
    Twist not working either.
    So...not sure what to do about it!

  • I had designed a Web App and tested on Firefox 18, 19, 20 and now when i'm checking it on 21 version it's not rendering properly. Now tell me what should i do.

    I had designed a Web App and tested on Firefox 18, 19, 20 and now when I'm checking it on 21 version it's not rendering properly. Now tell me what should i do.

    Hi charlesmoizeau, why do you want to install Firefox 18? To be compatible with a particular website or add-on? There might be a better workaround, but without the details, it's hard to say.
    See this help article: [[Install an older version of Firefox]]. And be aware that Mozilla discloses [https://www.mozilla.org/security/known-vulnerabilities/firefox.html security flaws] after each new release.

  • Command links are not rendering properly in panel collection toolbar facet

    Hi
    I am using jdev 11.1.2.3.0
    I added toolbar component to the toolbar Facet of panel collection component .
    Under the tool bar I added two command link components with name create and delete,
    the problem is at run time the buttons are not rendering properly,they are hiding,instead of links
    this symbol(>>) is displaying.
    On clicking the symbol,I am able to see the links,I used <af:spacer> after the links but not worked.
    what I have to do to render the links properly in the panel collection toolbar facet

    Hi Timo
    This is the code and I am using 11.1.2.3.0
         <f:facet name="toolbar">
                    <af:toolbar id="t1">
                            <af:commandImageLink icon="#{resource['images:create.png']}" text="Create" id="cbInsert">
                            <af:showPopupBehavior popupId="p1"/>
                        </af:commandImageLink>
              </af:toolbar>

  • Command links are not rendering properly in the toolbar facet of panel collection

    Hi
    I am using jdev 11.1.2.3.0
    I added toolbar component to the toolbar Facet of panel collection component .
    Under the tool bar I added two command link components with name create and delete,
    the problem is at run time the buttons are not rendering properly,they are hiding,instead of links
    this symbol(>>) is displaying.
    On clicking the symbol,I am able to see the links,I used <af:spacer> after the links but not worked.
    what I have to do to render the links properly in the panel collection toolbar facet

    Hi Timo
    This is the code and I am using 11.1.2.3.0
         <f:facet name="toolbar">
                    <af:toolbar id="t1">
                            <af:commandImageLink icon="#{resource['images:create.png']}" text="Create" id="cbInsert">
                            <af:showPopupBehavior popupId="p1"/>
                        </af:commandImageLink>
              </af:toolbar>

  • 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.

  • TaskMenu is not rendering properly using rendered attribute withSecurityCxt

    Hi All,
    I am trying to use this code rendered="#{!(securityContext.userInRole['ZPM_ENT_MARKETING_BUDGET_MANAGER_DUTY'])}" in the itemNode UI component of my Budget_taskmenu.xml. But UI is not rendering it properly.
    I have checked the same code in the backing bean and it is returning true and false as per expectation but at UI level my menu is not coming properly (it is coming as #{null} in place of name in menu).
    But same piece of code is working fine in my .jsff file where I am doing the same check in rendered attribute.
    rendered="#{!(securityContext.userInRole['ZPM_ENT_MARKETING_BUDGET_MANAGER_DUTY'])}"
    Any Suggestion.
    Regards,
    Sarvesh Kaushik

    Hi Frank,
    Thanks for your reply.
    But I found the actual root cause of the issue.
    There is nothing wrong in the expression rendered="#{!(securityContext.userInRole['ZPM_ENT_MARKETING_BUDGET_MANAGER_DUTY'])}".
    The actual issue with my code was one label name was wrong bcoz of which menu was not rendering properly.
    Thanks and Regards,
    Sarvesh Kaushik

  • MyFaces schedule component is not rendering properly.

    Hello everybody.
    I am trying to use the Tomahawk schedule component with Jdeveloper 10.1.3.2. It is not rendering properly.
    The schedule entries and the header line are mising for weeks.
    I removed the default-render-kit-id element from the faces-config.xml. Nothing changed.
    Used versions:
    - Jdeveloper 10.1.3.2
    - myFaces 1.5.1
    - tomahawk 1.5.1
    Any suggestions?
    Thanks.

    Hi,
    did you post this question on the MyFaces open source list?
    Frank

  • CQ page is not rendering properly. It is not rendering HTML. It is showing HTML source code as is.

    On some of the pages, I am getting this weird behavior wherein page is not rendering properly. It is showing HTML source code as is. Could you please help me out? What could be the issue? And how can we get rid of the same?

    Check your component jsp page. it is possible that it is just plan file without directives <@ or you might have miss to close tag which is creating source as text to render
    Paste your jsp code in case you need further help
    Thanks,
    Ajit

  • 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)....????

  • Please prepare asap an extension for installing the new Jquery Mobile 1.2.0 release, which is now th

    Please prepare asap an extension for installing the new Jquery Mobile 1.2.0 release, which is now the latest stable version, please. Many thanks, Adolf

    Krrish,
    So do you mean that the BPEL respository was already there when you did the install? If yes, then that explains the mismatch error. You should always clean up the old references if doing a reinstall. Drop the user and schemas related to PM and do a reinstall.
    --Shiv                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               

  • The drop-down menu is not rendered properly with iframe where a pdf is embedded

    I want to embed a pdf in a webpage, where the drop-down menu needs to be displayed on the top of the pdf. I am using iframe to embed the pdf.
    The drop-down menu is not properly rendered (border-radius and box-shadow) in Firefox at http://mysite1.webege.com/test.html.

    *[https://bugzilla.mozilla.org/show_bug.cgi?id=779435 bug 779435] - the drop-down menu is not rendered properly with iframe where a pdf is embedded
    It is usually best to attach a minimal test case to the bug report.<br />
    In that case the code doesn't get lost if the page is removed from the server.

Maybe you are looking for