Accordion Panels not collapsing in Adobe AIR

Hi,
I'm trying to create an AIR application with HTML/CSS/AJAX (spry).
I've got my xml dataset set up and my accordion panel widget set up.
When I preview in Safari everything works fine, but when I preview in Adobe AIR the xml data shows up and the panels, but the accordion panels aren't working, clicking on the AccordionPanelTab doesn't do anything.
Any ideas on how to fix this, (if it is even possible)??

Here 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:spry="http://ns.adobe.com/spry">
<head>
<link href="_Assets/css/main.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="_Assets/frameworks/AIRAliases.js"></script>
<script src="_Assets/spry/xpath.js" type="text/javascript"></script>
<script src="_Assets/spry/SpryData.js" type="text/javascript"></script>
<script src="_Assets/spry/SpryNestedXMLDataSet.js" type="text/javascript"></script>
<script src="_Assets/spry/SpryAccordion.js" type="text/javascript"></script>
<script type="text/javascript">
var dsSeasons = new Spry.Data.XMLDataSet("http://www.tvrage.com/feeds/episode_list.php?sid=21704", "Show/Episodelist/Season", {sortOnLoad:"@no", sortOrderOnLoad:"descending"});
var dsEpisodes = new Spry.Data.NestedXMLDataSet(dsSeasons, "episode", {sortOnLoad:"seasonnum", sortOrderOnLoad:"descending"});
dsSeasons.setColumnType("@no", "number");
function airdate(region, lookupFunc) {
var realdate = lookupFunc("dsEpisodes::airdate");
var array = realdate.split('-');
return array[2] + " - " + array[1] + " - " + array[0];
function seasonnr(region, lookupFunc) {
var nr = parseInt(lookupFunc("dsSeasons::@no"));
if (nr < 10) { return "0" + nr; }
else { return nr; }
</script>
<link href="_Assets/spry/SpryAccordion.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="main">
    <h1>TV Show Title</h1>
    <div id="showInfo" spry:region="dsSeasons dsEpisodes" class="SpryHiddenRegion">
        <h2>Episode List</h2>
            <div id="eplist" class="Accordion">
                <div spry:repeat="dsSeasons" class="AccordionPanel">
                    <h3 class="AccordionPanelTab">Season {@no}</h3>
                    <div class="AccordionPanelContent">
                        <table spry:repeatchildren="dsEpisodes">
                            <tr class="{dsEpisodes::ds_EvenOddRow}">
                                <td><input name="seen" type="checkbox" value="1" /></td>
                                <td>{function::seasonnr}<span class="ex">x</span>{dsEpisodes::seasonnum}</td>
                                <td>{function::airdate}</td>
                                <td><a href="{dsEpisodes::link}" target="_blank">{dsEpisodes::title}</a></td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
            <script type="text/javascript">
                var acc = new Spry.Widget.Accordion("eplist", { useFixedPanelHeights: false });
            </script>
        </div>
    </div>
</div>
</body>
</html>
Sorry, I don't have an online url for you, I'm still working locally.
In the browser everything works fine, only when I preview in Adobe AIR the panels stop working.
I hope you can figure it out and point me in the right direction.
Thanks

Similar Messages

  • Webcam not working with adobe air

    hey frnds,
    i'm trying to capture webcam snaps and storing it on local desktop.
    Below code of capuring snap is working with flex but same code not working in adobe air.
    I'm using Adobe Flash builder beta 2
    is any setting is required to use webcam with adobe air?
    i'm using following code
    <?xml version="1.0" encoding="utf-8"?>
    <s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
                           xmlns:s="library://ns.adobe.com/flex/spark"
                           xmlns:mx="library://ns.adobe.com/flex/halo" creationComplete="init();">
        <fx:Declarations>
            <!-- Place non-visual elements (e.g., services, value objects) here -->
        </fx:Declarations>
        <fx:Script>
            <![CDATA[
                import mx.controls.Alert;
                import mx.core.UIComponent;
                import flash.media.Camera;
                import flash.media.Video;
                private function videoDisplay_creationComplete() : void
                    var camera:Camera = Camera.getCamera();
                    if (camera)
                        videoDisplay.attachCamera(camera);                   
                    else
                        Alert.show("Oops, we can't find your camera.");
                private function capture_click() : void
                    var snap:BitmapData = new BitmapData(320, 240, true);
                    var snapBmp:Bitmap = new Bitmap(snap);
                    snapBmp.width = 320;
                    snapBmp.height = 240;
                    if(snapshotHolder.numChildren > 0)
                        snapshotHolder.removeChildAt(0);
                    snapshotHolder.addChild(snapBmp);               
                    snap.draw(videoDisplay);               
        ]]>
        </fx:Script>
        <mx:HBox>
            <s:Panel title="Video">
                <mx:VideoDisplay id="videoDisplay" creationComplete="videoDisplay_creationComplete();" width="320" height="240" />       
            </s:Panel>
            <s:Panel title="Snapshot">
                <mx:UIComponent id="snapshotHolder" width="320" height="240" />
            </s:Panel>       
        </mx:HBox>
        <mx:HBox>
            <mx:Button label="reload camera" click="videoDisplay_creationComplete();"/>
            <mx:Button label="capture" click="capture_click();"/>  
        </mx:HBox>
    </s:WindowedApplication>
    Camera is connected but cannot see anything inair,
    plz guide me in this.
    thx in advanced,

    I seem to have the same problem. When creating an web application it works fine, but when creating a desktop application it doesn't. I can't figure out what the problem is.
    Does anyone know?

  • Anchor links to accordion panels not working properly across browsers

    Hi everyone,
    I need some help to figure out why my anchor links  to specific accordion panels on another page are not working properly  across browsers.
    I have a Map page which has tooltips on  mouseover on the site markers. 15 of the tooltips have "Click here for  information" anchor links (although only 14 are currently linked) which,  in theory, would take you to the Nurseries page where the specified  accordion panel would be opened with the nursery entry appearing at the  top of the new browser window.
    Here are the links to the Map page and Nurseries page, respectively:
    www.alegriadesignstudio.com/RFRI/map_v6.html
    www.alegriadesignstudio.com/RFRI/nurseries_v6.html
    I've  tested the anchor links on IE, Firefox, Google Chrome, and Safari, and  have received varying results. In most cases, the anchor links worked  perfectly on two of the browsers, while on the other browsers, the  correct accordion panel is opened but the nursery entry does not appear  at the top of the new browser window. Anchor links using Safari and  Google Chrome fared better (10 out of 14 links worked properly, and  8/14, respectively), whereas when using Firefox and IE, only 3 anchor  links worked properly. The target audience for this website will be  using IE and Firefox, so I  would appreciate any help to figure out how to tweak the code so that  the most, if not all, anchor links work properly on these two browsers  in particular.
    Here's an anchor link which worked perfectly in  IE, GC, and Safari, but in FF, the entry did not appear at the top of  the new browser window.
    www.alegriadesignstudio.com/RFRI/nurseries_v6.html?luzon=9#mangatarem
    http://www.alegriadesignstudio.com/RFRI/nurseries_v6.html?luzon=9#mangatarem [To access the anchor link on the Map page, mouseover the third green  dot from the top of the map (Tooltip--Location: Mangatarem) and then  click on "Click here for information."]
    Here's a sample anchor link in which the entry did not appear at the  top of the new browser window in any of the 4 browsers:
    www.alegriadesignstudio.com/RFRI/nurseries_v6.html?mindanao=4#magpetAmabel
    http://http://www.alegriadesignstudio.com/RFRI/nurseries_v6.html?mindanao=4#magpetAmabel [To access the anchor link on the Map page, go to "Mindanao" at the  bottom of the map and mouseover the fourth green  dot below the word "Mindanao" (Tooltip--LOCATION:        Brgys. Amabel, Bongolanon, Imamaling, & Manobisa; Magpet;        North Cotabato) and then  click on "Click here for information."]
    Here's a sample anchor  link in which the anchor link worked properly in GC and Safari, but the  entry didn't appear at the top of the browser window in IE and FF:
    www.alegriadesignstudio.com/RFRI/nurseries_v6.html?visayas=1#bilar
    http://http://www.alegriadesignstudio.com/RFRI/nurseries_v6.html?visayas=1#bilar [To access the anchor link on the Map page, go to the small island  north and a bit west of "Mindanao" which is called "Bohol" and mouseover  the fourth green  dot below the word "Mindanao" (Tooltip--LOCATION: Bilar; Bohol) and then   click on the first "Click here for information."]
    Many thanks in  advance for your assistance!
    Joy

    Hi everyone,
    I'm still trying to figure out how to resolve the problem of anchor links to accordion panels not working properly across browsers (see original post for details). I would greatly appreciate any suggestions on how to resolve the problem.
    Many thanks in advance.
    Joy

  • Download link not working in Adobe AIR app.

    I wanted to let users browse my site as a desktop application,
    but didn't have the time to write an application from scratch. SO tried following trick. Created a simple Adobe AIR application with a single page. This page redirects to my website and hence loads the website in the AIR window.
    Everything is working fine except that the download links are not working. The download doesn't start. Nothing happens. What is the solution here? Any help is appreciated.

    I am now facing the same problem. I wrote a servlet .
    code like this
             response = (HttpServletResponse) faces.getExternalContext().getResponse();
             response.setContentType("application/x-download");
             String agent = request.getHeader("USER-AGENT");
             boolean isIE=false;            
            if (null != agent && agent.indexOf("MSIE")!=-1) { 
                isIE=true;
            if (isIE) {
                fileName = URLEncoder.encode(fileName, "UTF-8");
            } else {
                fileName = new String(fileName.getBytes("utf-8"), "ISO-8859-1");
            response.setHeader("Content-Disposition","attachment;filename="+fileName);
            ServletOutputStream os = response.getOutputStream();
            byte b[]=new byte[1024];
            int n;
            while((n=in.read(b))!=-1){
                os.write(b,0,n);
           in.close();
           os.close();
    and i open a new window refer to above jsp ,also i set a breakPoint at os.close(),the program has passed through,but nothing happened in the window.
    If i use IE or FF ,the browser will open a small window to allow me select whether open or  save the file.So can anybody give me some advice.Is it because air using webkit engine and the engine does not do this kind of job?
            Thanks.

  • Please Help! Drag and drop does not work in Adobe AIR 3.1 (FlashBuilder 4.6)

    I am working on a PC is made of air and flashbuilder 4.6.
    Drag and drop application does not work in Flash Builder 4.6.
    However, the same source will work with Flash Builder 4.5.
    Please help me.
    <?xml version="1.0" encoding="utf-8"?>
    <s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
                                  xmlns:s="library://ns.adobe.com/flex/spark"
                                  xmlns:mx="library://ns.adobe.com/flex/mx"
                                  backgroundColor="#323232" width="100%" height="100%"
                                  initialize="init(event)"
                                  nativeDragEnter="onDragEnter(event)"
                                  nativeDragDrop="onDragDrop(event)">
              <fx:Script>
              <![CDATA[
                        import mx.events.FlexEvent;
                        protected function init(event:FlexEvent):void
                                  addEventListener(NativeDragEvent.NATIVE_DRAG_ENTER, onDragEnter);
                                  addEventListener(NativeDragEvent.NATIVE_DRAG_DROP, onDragDrop);
                        private function onDragEnter(event:NativeDragEvent):void
                                  if (event.clipboard.hasFormat(ClipboardFormats.FILE_LIST_FORMAT))
                                            NativeDragManager.acceptDragDrop(this);
                        private function onDragDrop(event:NativeDragEvent):void
                                  var arr:Array;
                                  arr = Array(event.clipboard.getData(ClipboardFormats.FILE_LIST_FORMAT));
                                  startImage.source = (arr[0] as File).url;
                ]]>
              </fx:Script>
              <s:layout>
                        <s:VerticalLayout/>
              </s:layout>
              <s:BorderContainer id="bc" borderStyle="solid" width="200" height="80%"/>
              <s:Image id="startImage" width="100%" height="100%"
                                             horizontalAlign="center" verticalAlign="middle"/>
      </s:WindowedApplication>

    Thank you answers, but it was not the answer I wanted.
    [Problem]
    * Flash Builder 4.5.1(updater) or Flash Builder 4.6
    - If you have installed on pc, does not work adobe air drag and drop
    [Solution]
    1. Reinstalling the Windows 7 (32bit).
    2. Install Flash Builder 4.5.
    3. Flash Builder 4.5.1 updater and Flash Builder 4.6 does not install.
       (Instead of using Flex SDK 4.6 is set up)
    In addition, Windows7 64bit environment does not work drag and drop.
    Is there another solution?

  • The Kuler panel not available in Adobe Photoshop CS6 french language pack ????

    Hello !
    Why the Kuler panel is not available in Adobe Photoshop & Illustrator CS6 french language ???? it's ok when I make an Int. US language install ! can I find the kuler.atn somewhere?
    Only the Mini Bridge appears in the extention panel....
    thanx for your help !

    and I suppose it's the same in the Canadian law too . So, if I understand you, I buy an incomplete software without any information from Adobe about that !!!!! and you don't alow me to use a complet french version of the software I paid and use on the US country because of a French law that nobody knows neither follow except ADOBE?????  can you explain me more because I really don't understand your "no answer" to explain an other bug in your software... Why do you sell it as an incomplet solution at the same price in that case? Just have to inform every users about that and we will baught the US (or other language) versions in place of the french one...
    Is there finaly a temporary solution to find & install the kuler extention from the US version to the french version in Photoshop & Illustrator (by myself, of course and without the agreement of ADOBE )

  • -webkit-linear-gradient not working with Adobe Air 3.0

    Hi -
    I recently downloaded Adobe Air 3.0 after reading that gradients are now supported (http://www.adobe.com/devnet/air/ajax/articles/air_and_webkit.html), but I have not been able to successfully implement them. For example, I have the following CSS class defined:
    .gradient_test {
         background-image: -webkit-linear-gradient(#68AB34, #3D721B);
         padding: 5px;
         color: #FFF;
    This should (and does in Chrome, Safari, etc) create a linear gradient going from light to dark green. But in Air it just appears as if no background has been applied to the selector. Am I missing some unique way to be able to apply gradients in Adobe Air 3.0?
    Thanks,
    Zach

    I don't know why this hasn't been addressed. I'm seeing the exact same problem. I've tried every permutation, but haven't been able to generate a gradient using any existing standard for webkit or otherwise (even though it's allegedly supported).
    -Matthew
    EDIT: I discovered that when the app is compiled, the gradients work fine. This one is driving my crazy, because I want to be able to test them. I get a mix of CSS support, depending on how the app is run.
    From Dreamweaver CS3 "Preview" - My CSS doesn't show gradients and shows embedded web fonts.
    From ADL - My CSS fails almost entirely, but some if it gets loaded.
    From the compiled AIR file: fortunately, everything seems to display correctly, but it's really a bad scenario for development / testing. Not sure what to do.

  • Multi Touch not supported in Adobe Air for IOS?

    Hi, I've just started developing my first app for my iPhone which is an iPhone 3GS. I'm using CS5 to make these apps.
    I did a simple test game where there are two arrows on the screen and a fire button. The screen also has a ground and the player standing on it which can be controlled with left/right and fire. Now, if I press right, he moves right, if I press left, he moves left, if I press fire, he jumps... BUT no matter what I do I can't make dual touch work, ie: I press right AND fire, it only recognize just ONE touch point. So I did alot of researching and didn't find much.  I thought maybe adding a TouchEvent.TOUCH_TAP which I found a guide on on this page: http://openexhibits.org/support/gestures/1/one-finger-tap , but couldn't make it work, so I found this: http://www.adobe.com/devnet/flash/articles/multitouch_gestures.html and it seems Adobe Air for iPhone only allows four different gestures, no TouchEvents. I found a code somewhere that when run it checks to see if the device it's running on supports TOUCH_TAP stuff and in CS5 I got the message that it is not supported, in Adobe Device Central I get it's supported, on the actual phone (yes, got dev license from Apple and all that and can run my apps from CS5 on my iphone) I get it IS supported, but it doesn't work when I try it for real.
    So, my question is: how can I make Adobe Air using CS5 to detect 2 finger presses at the same time in iPhone apps?  Like pressing right+fire at the same time, so it doesn't just detect ONE of them being pressed.
    Thanks a million for any reply.

    Before listening for TouchEvents like TOUCH_BEGIN, TOUCH_MOVE, TOUCH_END etc... you need to set the input mode of your device to TOUCH_POINT. By default it is set to GESTURE.
    This works fine on the iPAD:
    import flash.ui.Multitouch;
    import flash.ui.MultitouchInputMode;
    Multitouch.inputMode = MultitouchInputMode.TOUCH_POINT;
    stage.addEventListener(TouchEvent.TOUCH_BEGIN, touchBegin);
    stage.addEventListener(TouchEvent.TOUCH_MOVE, touchMove);
    stage.addEventListener(TouchEvent.TOUCH_END, touchEnd);
    private function touchBegin(te:TouchEvent):void {
        // your code here
    private function touchMove(te:TouchEvent):void {
        // your code here
    private function touchEnd(te:TouchEvent):void {
        // your code here
    Hope that helps.

  • How can I make a jQuery accordion panel tab collapsed by default?

    I have Googled this and saw that someone recommended placing the 'collapsible' option before the 'active' one. For example,
    $( ".accordion" ).accordion("option", {
        collapsible: true,
        active: false
    I am completely new to Dreamweaver. I inserted a jQuery UI Accordion into my web page because I need a drop-down list. I have a main .css file for my page. Additional jquery css files were added after I inserted the accordion. (For example, I see jquery.ui.core.min.css, jquery.ui.theme.min.css, jquery.ui.caccordion.min.css, jquery-1.8.3.min.js, jquery-ui-1.9.2.accordion.custom.min.js).
    I see a section in jquery-ui-1.9.2.accordion.custom.min.js where I think I might be able to change these settings, but I just want to make sure.
    options:{active:0,animate:{},collapsible:!1,event:"click"
    Thanks in advance for any suggestions.

    Yes, setting collapsible to true (so all sections can collapse at once) and then setting no section as active, it will start completely collapsed, e.g.:
    $( ".accordion" ).accordion({collapsible:true,active:false});
    Do note this is being applied to a container element with the "class" of 'accordion' and not the ID, per your code. If it's ID then use:
    $( "#accordion" ).accordion({collapsible:true,active:false});

  • Accordion panel not working correctly in IE6

    Hi,
    I created a page with an accordion panel set that worked fine
    in FireFox. The panels start closed and then open when clicked
    upon.
    This works fine in IE 7 but when I open this page in IE6, the
    panel tabs do not function properly. The top five do not have the
    background color or any delineating lines - there is just the text
    of the panel tab. When the tabs are clicked on, they will open but
    the colors change oddly. Sometimes there is a small horizontal
    section of no color at the bottom of the panel tab color. When the
    cursor is moved around the page, the tabs can change
    colors....sometimes. Other times a tab will lose color completely.
    And yet, it works perfectly in Firefox. What could be causing
    this problem. I was so happy that I had finally completed this page
    since there was a lot of dynamic data to link to the page - and now
    I feel like I am back at square one.
    Please help!
    Thanks

    I atually figured it out - well I got it to work right but
    I'm still not sure why it works. I had the accordion panel in a div
    wrapper. The positioning was set to "relative". When I commented
    out that line, it worked fine in IE6! I'm not sure why - but I'm
    glad it did!

  • Accordion Panel not seen in browser. Before, yes.

    Hi,
    I've using the Accordion Pannel with several Tabs. It was working good on the browser. Now, after few weeks I started to work with some PHP. I am now working with a LOCAL server for trsting the PHP applications.
    But I can not preview in the browser all the accordion panels I made. I saw only the plain text, images, flash, everything but not the Accordion Panels. On the contrary in the localhost server oln the top right of the browser says "READER", I click there and I can read the text content of the first tab only.
    I changed the server from local to remote in order to upload my regular html pages with the accordion panels. I uploaded them and I don't see them too, even when I browse in the URL. What is happening here? The PHP is blocking something?
    Here you have one of these pages:
    http://www.magicperu.biz/paginascom/faq_sp.html
    Below the titles should be the accordion panel with 8 tabs and text content in spanish. Can you see that? If not, what was wrong? In those html files I didn't put any PHP code. The PHP I am using only for the contact form and stuffs.
    I use Mac OS 10.6.4, Dreamweaver CS5 with MAMP. Safari.
    Thanks for your help.

    Hi,
    looking to the source code of your
    http://www.magicperu.biz/paginascom/faq_sp.html
    I can see your advices, indeed:
    name="head">
    <script src="../SpryAssets/SpryAccordion.js" type="text/javascript"></script>
    <link href="../SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
    but I miss the consistent continuation, here (German DW):
    <body>
    <div id="Accordion1" class="Accordion" tabindex="0">
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Bezeichnung 1</div>
        <div class="AccordionPanelContent">Inhalt 1</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Bezeichnung 2</div>
        <div class="AccordionPanelContent">Inhalt 2</div>
      </div>
    </div>
    and especially this:
    <script type="text/javascript">
    var Accordion1 = new Spry.Widget.Accordion("Accordion1");
    </script>
    </body>
    I suggest that you first try inserting Accordion Pannel into a very new *.html file to see what happens.
    Hans-G.

  • Webcam and Whiteboard not working with Adobe AIR with Adobe Flash Builder

    Hi,
    I am trying to build a  simple chat service using Adobe Flash Builder target for desktop AIR( my final objective is to port it to android). My adobe AIR version is 2.5.0 and below is my source code:
    <?xml version="1.0" encoding="utf-8"?>
    <s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
       xmlns:s="library://ns.adobe.com/flex/spark"
       xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" xmlns:rtc="http://ns.adobe.com/rtc">
    <fx:Declarations>
    <!-- Place non-visual elements (e.g., services, value objects) here -->
    <rtc:AdobeHSAuthenticator id="auth" userName="Yy" protocol="rtmfp"/>
    </fx:Declarations>
    <rtc:ConnectSessionContainer id="session" authenticator="{auth}" roomURL="https://collaboration.adobelivecycle.com/yytan1987/myfirstroom" width="100%" height="100%">
    <mx:HBox width="100%" height="100%">
    <mx:VBox width="25%" height="100%">
    <rtc:WebCamera width="100%" height="50%"/>
    <rtc:SimpleChat width="100%" height="50%"/>
    </mx:VBox>
    <rtc:SharedWhiteBoard width="75%" height="100%"/>
    </mx:HBox>
    </rtc:ConnectSessionContainer>
    </s:WindowedApplication>
    Basically when i debug it with AIR, the chat is working properly but the webcam and whiteboard just don't work....I really don't know what's wrong with it already...Appreciate it if anyone can help,thanks!!
    Regards

    Hi,
    My take is , is your autopromote tuned on for the room. I mean whats
    your user role when an user enters the room(who is not host), is it 10
    or 50. If its 10 i.e. viewer , then he cant use his own cam etc. You
    need to take a look at the logs when an user enters and if its 10 and
    you want to give him these permissions, turn autopromote on from the
    devconsole for the room to make his role 50 i.e. publisher.
    I just now downloaded 2.5.1 AIR and created a new project with your
    source and I am able to use everything.
    Thanks
    Hironmay Basu

  • Collapsible panel not collapsing properly

    When I insert a background-color different from none here, in
    the SpryCollapsiblePanel.css,
    .CollapsiblePanel {
    margin: 0px;
    padding: 0px;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: none;
    background-color:
    none;
    and use it on a page, the panel background-color is correct
    when the panel is opened.
    However, when the panel is closed again, the area with the
    panel background-color does not collapse but remains as a
    background-color in the area under the tab, replacing the general
    background-color of the page, thus also forming the
    background-color of any unrelated text below the panel.
    How to avoid that?

    That's exactly what I'm talking about... the page is
    completely messed up. Thanks for looking.
    However I think I discovered my problem. I had the widget
    inside ul tags which seemed to make it disappear in IE. I'm
    experimenting now and seem to be finding a solution by moving the
    list items around. I'd say I have a solution.

  • Spry horizontal menu bar and accordion panels not working when published

    Hi,
    I'm a newbie to Dreamweaver and have been asked to design an intranet site. On the site, I added both Spry widgets for a horizontal menu bar and an accordion panel. Both of these widgets work in preview, however, neither work when I publish. I uploaded the Spry asset folder (with all the CSS and JS files) to the remote server, but still no luck. What am I missing?
    Thanks.

    Despite of what you have staed, my bet is on the fact that the SpryAssets folder and/or the included files are not being found by your page..
    Open the site in FF, click on view Source and in the source code click the link to the JS file. If it can be found, it will show the content of the file and you will have the satisfaction of knowing that the page can find the file.
    If it does not show the content, you need to correct that.
    Good luck.
    Ben

  • Accordion panels not operating

    I am setting up a page with several spry tabs; each tab has
    an accordion panel. On one tab, the accordion panel functions
    properly. On the second one, the accordion panel appears open and
    the panels don't slide closed. Any clues about where I might look
    for the error in panel2? Thanks!

    Without seeing your actualy page/markup (got url?), we can
    only guess. Perhaps your accordion markup is malformed? The
    accordion code expects a strict structure:
    --== Kin ==--

Maybe you are looking for