Accordion Issue with Spry 1.6

I have not been able to make the Accordion widget operate
consistently in IE 7. Occasionally it will not display all the
information within the Panel tab. An example, using IE7, can be
seen when repeatedly selecting California at
www.Qualite1.com/contactUs.html.
Need help!

Fixed -
It turns out that the table that was containing the accordion
widget had a background image attribute set and was causing the
animation in IE7 some problems. After changing it to use a css
class instead there have been no problems at all.

Similar Messages

  • Performance issues with Spry

    Hi all,
    I'm facing some performance issues with Spry. I'm using it
    for handling a menubar acting as a rollover menu : its color
    changes under mouse cursor, and a submenu does appear at the same
    time.
    I have no problem when working with Firefox, but in IE6, it
    renders too slowly
    Is there something I've missed in the configuration or code
    (or is there some tips for this kind of problem) ?
    For information, I used UL and LI html tags, and I've
    configured Spry to render these as a menubar (with multiple levels)
    Thanks for your response

    Sorry, there are no public access to this application
    :-(

  • Strange issue with Spry Accordion Panels

    Hi, I'm having some strange issues with the Spry Accordion
    Panels.
    Here is the page:
    http://www.bellaclientcenter.com/browncollege/aboutus.html
    For some reason when I preview this message it adds extra
    characters to the url above, so just delete those off to see the
    correct url.
    The only browser this does NOT happen in is safari, I'm
    seeing it all of my other browsers. You'll notice when you first
    load up the page, you'll see that the active panel header
    background is green, and the non active is a dark grey. But when
    you click one of the other panels they all turn a strange neon blue
    color. This is very apparent in firefox.
    Any thoughts on this? I've attached the spry css code in case
    the problem is there.
    thanks so much!!
    Jeff

    That is because your page is currently invalid. And renders in IE quirksmode..
    <base href="http://www.industrialwebsearch.com/">
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    So make sure your page is valid, and the animations will go smooth in ie

  • Alignment Issues with Spry Menu Bar in Safari

    www.laurentambard.com    
    I am new to CS5 and currently building a site for a friend.  Having issues with aligning then far right spry menu bar so that it is flush with the page.  It only shows a problem on Safari (as far as I know).  Also the second tab (About) is dropping down slightly when the drop down menu is selected and not sure how to fix it.

    If you place the menubar in a container with an ID of nav or similar and a background color of #EEE so that it blends in with the background colour of the menu items, the centralise the menubar and menu items as per http://labs.adobe.com/technologies/spry/samples/menubar/CenteringHorizontalMenuBarSample.h tml, it should go a long way to meeting your requirements.
    Gramps

  • IE issues with Spry horizontal men

    Hi..I created a spry horizontal nav bar and its works fine in
    FF, but in IE7 the pull down menus are going all over the place!
    The first sub menu goes in the wrong direction and the sub sub menu
    flys off to the right. Does anyone have any suggestions? Basically
    the horizontal positioning is all messed up! Thanks so
    much!!!

    I'm having similar issues with IE - only I don't get the nav
    at all. Absolutely fine in FF, but it's like I never even created
    the menu (save for the code as evidence) when I look in IE.

  • Parenting issue with Spry menu boxes...

    Ok, I'm using my spry menu and have sub menus hooked to them.  Now the problem I'm having is that every time I change the size of the sub menu box, it changes the size of the main menu box.  This is fustrating since I've got only 3 links in the sub menu box and about 6 inches of colorized box space below.  Also, when I move one sub menu box it effects all of the other sub menu boxes but not the main one.  I believe there's a parent-child issue to where they are connect but I don't know how to unlink these boxes so that they can act independently.  Please help!!! 

    I managed to change the widths of the submenus on my 'test' spry menu and it didn't effect the topbar at all.  The changes show in red below:
    /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
    ul.MenuBarHorizontal ul
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-size: 100%;
        z-index: 1020;
        cursor: default;
        width: 10.2em;   /* was 8.2 */
        position: absolute;
        left: -1000em;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
        left: auto;
    /* Menu item containers are same fixed width as parent */
    ul.MenuBarHorizontal ul li
        width: 10.2em;   /* was 8.2 */
    As for moving the boxes, not sure what you mean here..

  • Issues with Spry image slide-show with filmstrip

    Hi
    I used the widget browser to place a copy of the 'spry image slideshow with filmstrip' widget on to one of my web pages. I now have several issues that I am out of my depth trying to troubleshoot.
    There is a big gap (like excess padding) at the top between the outer frame and the main image frame. I can't see how this has arisen or how to correct it.
    Although narrow formatted images are centered horizontally in the image window, wide formatted images appear at the top of the image window, and i would like them to be either centered or at the bottom of the image window
    The thumbnail images that i created for the filmstrip are tiling rather than appearing as a single centered image which is what i would like.
    I have uploaded my test page to the server and you can see it here:
    http://www.hebrideansheep.org.uk/test_gallery.html
    any and all help gratefully received as i have spent all day trying to sort this out, but as a total amateur I feel like I am drowning.
    Many thanks
    John

    Move
    <link href="Spry-UI-1.7/css/ImageSlideShow/basicFS/basic_fs.css" rel="stylesheet" type="text/css" />
    to just below
    <title>HebWeb: Test gallery</title>
    and above
        <style type="text/css">
    /* BeginOAWidget_Instance_2141543: #HSS2011images */
    #HSS2011images {
        width: 684px;
        margin: 24px 0px 0px 0px;
        border: solid 1px #AAAAAA;
        background-color: #FFFFFF;
        padding-top: 10px;
    The style rules that start with the above, are meant to override the rules in basicFS/basic_fs.css, hence they should come after basicFS/basic_fs.css
    Gramps

  • Issues with spry collapsable panel

    hey guys, i am very new, thank you in advance for your patience. i posted this in the spry forum as well.
    i created a spry collapsable panel with 3 drop down options. when i preview the object in a browser, there is a blue box around the object, i presume to tab around the page. how do i get rid of this? i have done all i know in CSS, is this a JS issue? how can i get rid of it?
    thank you for dealing with my ignorance!
    -rick

    this was answered in the spry forums.
    http://forums.adobe.com/thread/506212?tstart=0

  • IE Browser Issue with Spry Menu Bar {screen-capture attached}

    Hi there, my horizontal spry menu bar is messing up when viwed in Internet Eplorer, HTML shows no errors, after extensive testing still cant find a solution.  As you will be aware IE is a popular browser so its imperative i resolve the issue.  The site is http://www.theboxinghistorian.com/
    View in Chrome and Firefox
    View in Internet explorer (IE)
    Here is the HTML code
    Hope this is enough information for a solution.
    Thank you for your time
    Mark

    I've never used Spry, so take this with a huge grain of salt.. looking at your html, I am kinda wondering how come the 2nd level of the nested list items making up your submenu items arent assigned a different css style - and therefore is your css file setup to handle this change in orientation properly..
    You got a class=MenuBarSubItem" on your Championship History, but theres nothing in your html (other than the nested ul within #Menubar1) to indicate that Heavyweight, Cruiserweight, etc. are 2nd Level MenuItems which should be using a different css style.. therefore it would be up to your CSS to handle this change in how these 2nd level sub menu items gets displayed.. looks like this isn't happening for MSIE, as MSIE keeps floating your 2nd level/submenu items horizontally instead of stringing them up vertically.. You may be missing a style rule in your css, but how come FF gets it right?
    If I were to recreate this menu myself, I would assign a new css class to make sure my submenu items dont end up floated next to each other.. But then again, i have no clue about Spry, so I might just be rambling nonsense here...

  • Server issues with spry

    Are there any things server side that would stop spry scripts from running correctly? I have been testing locally and on my own server with no issues, and then when attempting to deploy on my works server, It will not work correctly.
    http://www.remarkablestags.com/auction/tb5.html
    This should be pulling in the data from the xml file, and has worked perfectly throughout development, yet now is failing.!
    Thanks!
    RIchard

    Couple of things come to mind
    1. Create yourself an admin page where you can upload new xml files but also switch off the refresh during the upload or
    1. You can switch off the upload by creating an application variable that is checked in a server page to see if refresh is active.  If it is then it returns "refresh" else it returns "donorefresh"
    2. In Spry to send a request to the Server page via loadurl with a callback function to check the value, if refresh then reload xml dataset.
    Here's extracts from some of pages a wrote for an online forum which conceptually does this (asp is the server side stuff I know)
    // Send request to server page
    function Refreshme()
        var req = Spry.Utils.loadURL("GET", "refresh.asp", true, MySuccessCallback);
    // Process server page response
    function MySuccessCallback(req)
      // Refresh data if response says there are newer posts than noload
      newpost = req.xhRequest.responseText;
      if (newpost != "NoLoad")
         latesttopics.setURL('serverside/latestJSON.asp?cache=' + (new Date()).valueOf());
         latesttopics.loadData() ;
        //alert(newpost);    
    // latest topics is the Spry dataset variable
    // set refresh Interval
    window.setInterval('Refreshme()',30000);
    Server Page Code
    <%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
    <%
    ' Phil Whitehurst
    ' March 2009
    ' Forum rewrite
    ' Seperate ASP code from Forum HTML Layout
    ' Check last post and only indicate reload data if newer post than the last post seen by this user
    if application("last_post") > session("last_post") then
      session("last_post") = application("last_post")
      response.write("Load")
    else
      response.write("NoLoad") 
    end if
    %>
    application last post variable holds a date / time in format yyyymmddhhmmss
    Hope this is enough for you to think about / apply
    Regards
    Phil

  • IE 7 issue with Spry Collapsible Panel

    Hi Folks
    My problem is I have dropped in a small collapsible panel at the top (right) of my site pages
    which basically houses a sharing panel and a Google+1 button.
    As ever it works well on all the other major browsers with the exception of IE (7).
    Here it remains in the open position and clicking on the tab has no effect.
    I have tried many of the suggestions put forward including;
    1. Altering the js file (line 431 to now read 'this.content.style.height = "auto";')
    2. Given the panel a height of 'auto'
    3. Tweaked the z-index stacking
    4. Reordered my other js files in case of interference
    5. etc.
    I was wondering whether placing the Google+1 button inside the panel was the issue...
    Needless to say it was not with the other browsers.
    Here is the site URL : hughsitton.com/slideshow/grey_Site/contact_Grey.html
    As per usual the site goes ok then these seemingly inocuous little problems become huge and eat up oceans of time!
    Any help would be greatly appreciated as my tether end is close to being reached!
    (Apologies if you find my coding a little messy. Hope not.)
    Many Thanks
    Chris
    Message was edited by: m4hs33r

    Thank you, that gave me what I was looking for. Although now I have come across another issue when I put text in that is not the same length. What would cause the extra white space in the menu box.

  • Issues with spry gallery in a DW template

    Hi all,
    I have incorporated a spry gallery I originally found at:
    http://www.adobe.com/devnet/dreamweaver/articles/spry_photo_album_02.html
    into my page. This works fine until I save my page as a template.The js seems to dissapear leaving the gallery area blank. The rest of the page is fine.
    I understand this tutorial was written for v8 but have no idea why it wont work in a CS4 template.
    I even tested the tutorial html by creating a new site and coverting the html file into a template. Gallery doesnt work.
    Any help on this would be awesome as the gallery area was to be a main feature on the home page.
    Cheers.

    Make the link to the Flash element ROOT relative.
    That way, the link doesn't need to be managed and will work
    just fine in
    your Template child pages.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "buckeyestargazer" <[email protected]> wrote
    in message
    news:gbreos$cpq$[email protected]..
    > I'm relatively new to Dreamweaver (version 8) and I'm
    having a problem
    > inserting a flash (.swf) slideshow of pictures into a
    template that then
    > updates several webpages. The problem is, when I insert
    the flash into
    > the
    > template page and the webpages get updated, the flash
    animation does not
    > play
    > on the webpages and just has a white box. If I detach
    the template from
    > the
    > webpage, then the flash displays correctly. But the
    problem with that is
    > then
    > there is no point to using a template because I would
    have to manually
    > update
    > each webpage instead of just the template when I want to
    make a change to
    > all
    > the webpages. The problem must be with the template,
    because when I try
    > to
    > attach the template to a very simple webpage containing
    only a couple
    > words and
    > no other graphics, the flash will not display correctly.
    Any ideas on
    > what is
    > wrong or how I can insert a flash slideshow into a
    template so that it
    > updates
    > the webpages correctly?
    >
    >

  • IE7 Issue with Spry Horizontal Menu

    I am fairly new to all of this, I have developed a web site using horizontal spry menu, everything fine on IE8, Safari and Firefox. When viewed on IE7 there appears a white line above the menu.
    Url is www.psweb-test.com could you help please as I can see the problem.

    The problem lies with the line-height style rule in ul.MenuBarHorizontal a
    I do not know what the solution is but I am sure if you Google the subject, you will find a plethora of discussions regarding same.
    One such search gave me the following link http://www.ensight.org/2006/08/23/list-of-ie7-css-bug-fixes/
    I hope this helps.
    Ben

  • Accordion Issue with IE7/XP: First tab is initially opened. Should be closed

    I'm almost finished my navigation menu for a client and everything is looking good. Except in IE7, of course. In IE7, the first tab is opened a little and I'd like it to be closed completely. How do I solve this or is this just a Spry bug?
    http://www.tendergreensfood.com/wp-content/themes/greens/test.html

    Make the default panel -1 in the constructor (panel number -1, of course, does not exist, so no panel will be open at first):
    <script type="text/javascript">
         var acc8 = new Spry.Widget.Accordion("Accordion1", { defaultPanel: -1 });
    </script>
    Lovely site, by the way...
    Beth

  • Can someone tell me if Explorer 7 & 8 have issues with Spry menus?

    I'm not even sure I trust what I see in BrowserLab... and that is a whole other issue. I THINK my top-level nav links look blue in IE, but not sure. Can anyone verify? And if so, they show up properly (white) in every other browser. http://www.duenorthdesign.com/pcm
    I also see a gap or two on the left nav. Again, I see differences between BrowserLab from within Dreamweaver and how I used to view directly from the BrowserLab site. I always struggle with this issue since I'm on a mac and can't run Explorer. Any help is appreciated. Thanks.

    This is how IE Tester renders it for the following versions:
    IE5
    IE6
    IE7
    IE8
    IE9
    IE10beta
    IE 7 is only about 3.3% of all web users anymore. (6 & 7 combine for about 5.7%) so I wouldn't worry too much about 7, but it renders blue links in IE7 through 10.

Maybe you are looking for