Spry not displaying in Google Chrome

Hi all,
I have used both HTML dataset and XML dataset as a repository and ingest them into the appropriate spry widgets like Accordions and Master-Detail set.
I've noticed that it does not show accurately in Google Chome but looks fine in other browsers. I have posted screen shots for everyone to take a look at the discrepancies as well as a download link at the bottom.
Google Chome
Mozilla Firefox
I have zipped up and you can download from my dropbox account. https://www.dropbox.com/s/4q0zpsimbuup6eb/dw_completed.zip.
Thanks for helping me to dissect!
Cheers!

Hi David,
Thanks for the feedback. I am slowly migrating my web sites to using jQuery which has a lot more support than Spry. Right now, since most of my existing projects are still using Spry, I shall just continue with the maintenance of it.
Similarly, I felt the removal of the Widget Browser, one of the unheralded features prior to CC, was a bit of disappointment for me. It was easy and convenient for me as a non web-developer to incorporate widgets / slide-shows in a non-coding environment yet maintaining the ability to customise.
Thanks for those of you helping me to solve the dilemma I am currently in. As Herbert had mentioned in the earlier post, that technologies will evolve and the onus is on us to keep updated.
Cheers!

Similar Messages

  • Webhelp TOC and Contents not displayed in Google Chrome

    Hello All,
    I recently tried to view webhelp (generated using Robohelp 7.0) in Google chrome. But chrome displays only the first topic of the web help and does not display the TOC of the help. Can any one please help me in why this is happening.
    PS: I am viewing the online help from a server and not from local folder. When viewed from within local folder it doesn't display any info.
    Rithesh

    Hi,
    See snippet 103 and snippet 130 on Peter's site: http://www.grainge.org/pages/snippets/snippets.htm
    Greet,
    Willam

  • Robohelp 9 WebHelp does not display in Google Chrome. Help!

    This may have already been answered, but WebHelp will not display at all on my Google chrome browser. I have RoboHelp 9, and using Google Chrome v.13.0.782.112.m. I checked my other browser, IE8, and WebHelp displays perfectly on there. Any suggestions?

    Hi there
    Perhaps you are unfamiliar with their function?
    Click here to view
    Cheers... Rick
    Helpful and Handy Links
    RoboHelp Wish Form/Bug Reporting Form
    Begin learning RoboHelp HTML 7, 8 or 9 within the day!
    Adobe Certified RoboHelp HTML Training
    SorcerStone Blog
    RoboHelp eBooks

  • Spry Framework for Ajax does not work on google chrome

    I downloaded this beautiful gallery to use it on my site    http://adobe.github.com/Spry/demos/gallery/index.html
    Everything ok on InternetExplorer and Firefox but it does not work on Google Chrome.
    Can you help me to solve this problem? 

    sorry but this forum is for questions about JavaScript inside Acrobat and not general language frameworks. We don't have a discussion topic for Spry.

  • Submit not working on Google Chrome OS

    My forms (built with XI Pro) will not submit on Google Chrome OS.  Is are a list of other browser/operating systems that are going to give me a problem and are there any fixes.
    Thanks

    I don't think you can reasonably expect Adobe to be the least interested in non-Adobe products. The job of any software company is to shift their own products, and that includes the free Reader. Indeed, the need to use Reader is considered a positive, desirable, feature I imagine, at least by marketing. Lack of platform support is another issue, but again, not one they will be very interested in. They hastened to drop support for Windows Vista, Unix and Linux, so a minority tablet is hardly going to interest them.
    Consider Microsoft's Word format. Some apps and devices read Word files, and do a bad job of it. Does this diminish Microsoft Word? Should they mention it? I think not.
    But, all that said, from the point of view of people intending to use PDFs for forms (rather than content delivery for display and print), the game has changed utterly and ever more rapidly in the last 2 years. One used to be able to say "Adobe Reader needed" and know it was more or less right, that there were a few rivals, but nothing widespread, and easy enough to tell people to use Reader. But what has happened is an explosion of non-Adobe PDF rivals, now so widespread that people just expect to use PDFs - complete victory for content delivery. But these rivals often interest themselves little in forms, leaving the user confused.
    Consider the choices now. In browsers, Chrome and FireFox. In systems, Mac OS (Preview) and Windows 8 (Microsoft Reader). On tablets (iOS, Android and others) a built in PDF reader. Worse, in many cases, EVEN IF the user follows instructions to get Adobe Reader the existing app continues to win, by design. For instance on iOS you have to first open a PDF in the Apple app, and only then can you choose to open it in Adobe Reader - why would the user bother unless they are very motivated.
    This has changed the position of PDF forms utterly, and for the worse. Still a good choice in closed systems (where someone can dictate hardware and software), but an increasingly questionable choice in the broader environment. To anyone considering PDF forms, I have to ask them - what is wrong with web forms? Often they have just decided (based on marketing and other perceptions) that PDF forms will be "easier". A key reason is that it seems like emailing the forms is going to be good, but this has never been more than a toy for testing. (After all, HTML can email forms too, but nobody does). I'm sure nobody dealing in medical stuff would consider emailing for a second, but it is certainly what 90% believe they can build a business solution on. So, as in all cases, it comes down to an experienced programmer producing a server solution.

  • Adobe Muse site not working in Google Chrome

    Hi Guys, my adobe muse website www.focaldesigns.ie is not working in Google Chrome, i was advised to publish it again which I tried twice with no joy. Any help on how i can get the site back working in Chrome and on an iPad would be greatly appreciated. Thanks a mil, Claire

    Hi Gaurav, thank you for taking the time to check this out for me. I appreciate it.
    I've figured out If you open it in Chrome on a larger that 15" screen the site will open yet for some reason when I open it in Chrome it recognizes it as tablet and http://focaldesigns.ie/tablet/index.html appears in the tab bar -
    I've tried re publishing the site in Muse and updated Chrome updates yet it is still not opening on a 15inch mac in Google Chrome, it is opening in other internet browsers perfectly. Any ideas?
    Look forward to hearing form you.
    Thanks Again.
    Claire

  • Animation does not work in Google Chrome

    I was using Chrome as my defualt for testing my Edge projects. At some point, I changed the way divs were stacked and animated the position of one of the divs and the animation never worked thereafter. That said, It works fine in Firefox and Safari. Anyone have any insights as to what could be the problem?
    Is there anything I can provide that will give better clarity to this issue?
    Here is a link to the project:
    http://aaronjames.me/sandbox/menu-icon/menu-icon.html

    Yes,
    The animation is not working on google chrome on my device.
    Could be because of publish setiings.
    regards.

  • Favicon does not show in google chrome tabs or bookmarks?

    i cannot get favicon to display in google chrome tabs/bookmarks.
    I might have the code screwy...?

    Export your HTML and then just edit index.html with any text editor look for sentence <link rel="...................................>
    Then delete all this sentence and copy this one
    <link href="//PATH/favicon.ico" rel="shortcut icon" type="image/x-icon">
    PATH = Where you have your favicon.ico
    I usually copy the favicon.ico in the folder images so the sentence will be like this
    <link href="//mydomain.com/images/favicon.ico" rel="shortcut icon" type="image/x-icon">
    i hope it helps you
    Sorry about my english, my spanish is much better
    Juan Pedro Avila

  • Spry Repeat List does not appear in Google Chrome 28

    Spry repeat list works in IE8 and Firefox 22.  However in Google Chrome 28 no data appears (data is blank).  This is the code:
    <div>
                  <p><span class="headline">events</span></p>
                  <div spry:region="Events">
                    <dl spry:repeatchildren="Events">
                      <dt>{date}</dt>
                      <dd>{title}</dd>
            </dl>
          </div>
                  <p> </p>
                  <p><span class="headline"><br />
                  </span></p>
                </div>
    This is what appears in IE8 and Firefox:
    events
    May 10,2012
    Pre-Memorial Day Sale
    May 28, 2012
    Big Memorial Day Sale
    May 31, 2012
    Big After-Memorial Day Sale

    This is the code:
    <!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" xmlns:spry="http://ns.adobe.com/spry">
              <head>
              <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
              <title>OrganicUtopia Home Page</title>
        <style type="text/css">
        </style>
        <link href="styles.css" rel="stylesheet" type="text/css" />
              <style type="text/css">
              .headline {          color: #88B036;
              font-weight: bold;
              font-size: 18px;
              margin-bottom: -2px;
        </style>
              <link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
              <link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
              <link href="SpryAssets/SpryCollapsiblePanel.css" rel="stylesheet" type="text/css" />
              <script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
              <script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
              <script src="SpryAssets/SpryCollapsiblePanel.js" type="text/javascript"></script>
              <script src="SpryAssets/xpath.js" type="text/javascript"></script>
              <script src="SpryAssets/SpryData.js" type="text/javascript"></script>
              <script type="text/javascript">
    var Events = new Spry.Data.XMLDataSet("data/events.xml", "calendar/event");
        </script>
              </head>
    <body>
    <div id="container">
      <div id="GlobalNav">Site Map | Login</div>
      <div id="header"><img src="images/ou_logo.gif" width="210" height="41" /></div>
      <div id="nav">{Menu Bar Here}</div>
      <div id="main">
        <p class="headline">welcome to organic utopia </p>
        <p> </p>
        <div id="TabbedPanels1" class="TabbedPanels">
          <ul class="TabbedPanelsTabGroup">
            <li class="TabbedPanelsTab" tabindex="0">What's New</li>
            <li class="TabbedPanelsTab" tabindex="0">Features</li>
            <li class="TabbedPanelsTab" tabindex="0">Customer Testimonials</li>
    </ul>
          <div class="TabbedPanelsContentGroup">
            <div class="TabbedPanelsContent">
              <p><span class="headline">Shop in the green! </span></p>
              <p><img src="images/recycle_bag.gif" alt="Recycle Bag" width="81" height="101" hspace="10" vspace="5" align="left" />We have added recyclable shopping bags, which eliminate the need for the age-old question &quot;paper or plastic?&quot;. These bags are tough, stylish, and eco-friendly! Pick from 2 sizes with the OU logo!</p>
              <p></p>
            </div>
            <div class="TabbedPanelsContent">
              <p><span class="headline">Featured stuff! </span></p>
              <p><img src="images/couch.gif" alt="Couch" width="107" height="73" hspace="5" vspace="5" align="left" />A whole new line of green living products has just hit the shelves! Try our new recyclable office furniture - imagine a couch that dissolves on its own back into Mother Earth! We also have a whole new line of natural cosmetics made from the finest ingredients that are gentle on your skin!</p>
            </div>
            <div class="TabbedPanelsContent">
              <p><span class="headline">Our loyal customers...</span></p>
              <p>&quot;organic Utopia is the place to shop - i wouldn't buy my stuff anywhere else...EVER!&quot; <br />
                - Jeff A., Boston, MA</p>
              <p>&quot;The best place for healthy, organic and green living..everything from food to furniture, all in one place!&quot; -  Fred G., Long Beach, NY </p>
            </div>
    </div>
        </div>
        <p> </p>
        <p> </p>
        <p> </p>
        <h1 > </h1>
      </div>
      <div id="sidebar">
    <div>
      <div id="Accordion1" class="Accordion" tabindex="0">
        <div class="AccordionPanel">
          <div class="AccordionPanelTab">Food Products</div>
          <div class="AccordionPanelContent">Dried Fruits &amp; Vegetables<br />
    Snacks<br />
    Beverages<br />
    Heat and Serve<br />
    Cereals</div>
        </div>
        <div class="AccordionPanel">
          <div class="AccordionPanelTab">Clothing</div>
          <div class="AccordionPanelContent">Bags<br />
    Accessories<br />
    Shoes<br />
    Fake Leather Goods</div>
        </div>
        <div class="AccordionPanel">
          <div class="AccordionPanelTab">Home Products</div>
          <div class="AccordionPanelContent">Candles<br />
    Pillows<br />
    Storage<br />
    Knick Knacks</div>
        </div>
    <div class="AccordionPanel">
      <div class="AccordionPanelTab">Lifestyle</div>
          <div class="AccordionPanelContent">Music &amp; DVDs<br />
    Decorations &amp; Wall Hangings</div>
      </div>
      </div>
    </div>
                <div>
              <p><span class="headline">events</span></p>
              <div spry:region="Events">
                <dl spry:repeatchildren="Events">
                  <dt>{date}</dt>
                  <dd>{title}</dd>
                </dl>
              </div>
              <p> </p>
              <p><span class="headline"><br />
                </span></p>
            </div>
            <div>
              <div id="CollapsiblePanel1" class="CollapsiblePanel">
                <div class="CollapsiblePanelTab" tabindex="0">Contact Us</div>
                <div class="CollapsiblePanelContent">Enter your email address to receive specials, event notifications and more!<br />
                  <label>
                    <input name="emailaddr" type="text" id="emailaddr" size="20" />
                    <br />
                    <input type="submit" name="button" id="button" value="Submit" />
                  </label>
                </span></div>
              </div>
            </div>
            <div></div>
          </div>
          <div id="footer">All content copyright of OrganicUtopia</div>
        </div>
        <script type="text/javascript">
    var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
    var Accordion1 = new Spry.Widget.Accordion("Accordion1");
    var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel1", {contentIsOpen:false});
    </script>
    </body>
    </html>

  • Query Builder (Express Edition 10g) is not working in Google Chrome

    Google Chrome is not properly displaying table in SQL Query Builder (Oracle Database Express 10g).
    It is not possible to select all fields of given table because not all fields are displayed and I can't go down to select last field.
    In Mozilla Firefox this is possible. In Google Chrome table bar is not displayed.

    pilczew wrote:
    In Mozilla Firefox this is possible. In Google Chrome table bar is not displayed.Which is APEX version?
    Upgrade to APEX 4.0 - it should work then properly also in Google Chrome.

  • Website not displaying correctly in chrome

    Tonight, I updated muse to v2.1, build 974, cl 770522. I then made a few changes to my website www.drselenasnow.com. When I attempted to display it in chrome, there was a weird doted line on the left side of my website and the coloring of the menus was misaligned. The website looks fine on explorer. Can anyone explain how to fix this?
    Thanks,
    Joe

    Hello,
    I just checked your website on Google chrome and Internet Explorer but could not see any were no dotted line or misaligned coloring when compared to Internet Explorer view of the website.
    Please confirm if the issue is already resolved or it might be specific to your computer. in that case you can test in on some other computer.
    Please have a look at the screenshot of your website in google Chrome :
    http://trainingwebcom.worldsecuresystems.com/SachinFTP/2012-09-26_0023.png
    Regards,
    Sachin

  • Why does my website only not work in Google Chrome?

    I've made a pretty simple webpage just to test out the drag and drop function. This website works completely when I open it in Firefox, Internet Explorer, using an iPad and another tablet.
    However when I open it in chrome, it only displays the preloader endlessly.
    I thought it might be my publishing settings but I feel like I've tried out most combinations of different boxes ticked...
    Help would be gretaly appreciated!
    Edit:Btw the website address is dft.ba/-kettledrag

    Raffalaff wrote:
    Do you mean using the "Preview in browser" option? Because doing that with Google Chrome (just checked, I also have the latest version) works for me too, it's just when I try to publish it as a real webpage using dropbox.
    As you say, the issue may be dropbox and I'll look into uploading it to a web host
    Meaning, viewing as is - simply opening the .html file in Chrome, (locally) on my machine. Your dropbox does not include the Edge Project files for me to open and preview.
    Darrell

  • My Iweb website does not work with Google Chrome

    I have a website that works fine with Internet Explorer, Safari and Firefox but shows as a blank page in Google Chrome, as this is my business website I need to get this issue fixed. The website is hosted through CableOne.  Any suggestions?

    If Chrome does't display your webpages, then contact Google about it.
    And for solutions, why not click a link at the right.
    This one seems to have the answer :
    https://discussions.apple.com/message/15096460#15096460
    And  provide a link.

  • Firefox can access the website but nothing displays yet google chrome works, what gives?

    i can access the login page and supply my id and passwd and then it appears to be going well according to the info bar at the bottom but nothing ever displays. if i let it sit long enough for my session to expire the expiration warning box pops up. i click okay but nothing ever displays. firefox vers 3.6.10, google chrome vers 6.0.472.63 works without issue. i've deleted all my history and cookies and no change. any help or suggestions appreciated.

    i had already did this but in the spirit of cooperation i went thru it again. funny thing is, firefox in safe mode won't even display the log in page yet regular firefox will. so safe mode isn't buying me anything. so for now i google chrome my netzero mail and firefox everything else. very frustrating. as a side note this issue is mirrored on my windows 7 enterprise laptop for work. i use the same "workaround" there too. additionally all other webmail accounts are fine(yahoo, hotmail, etc...). thanx for the reply though. any help is appreciated.

  • My google site (web page) not displaying embedded google docs on ioS5

    I have a google site that is used to share information for team parents of HS sports team.  We utilize a google doc on Home page for Quick Announcements--such as last minute changes. The document is shared and public to all.  It works great on Chrome, Firefox and IE but the embeded google doc does not display on Apple products. Other tabbed pages that have spreadsheets that are public and shared to all show up just fine. What is going on???

    Start by fixing your HTML errors.  You have a significant number of them.
    http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fgivethegaveltotavel.com%2F
    Also, you have some CSS errors.
    W3C CSS Validator results for http://givethegaveltotavel.com/ (CSS level 2.1)
    Position:absolute is never a good way to layout your web pages.  For 98% of what you do, positioning is not required and should be avoided.  Learn to use CSS margins, padding and floats to align elements where desired.
    CSS margin property.
    CSS padding property
    CSS Float
    Nancy O.

Maybe you are looking for