Accordion widget not pushing content down

I followed the instructions for putting the menu inside the accordion widget. It has worked great for me in the past. But now, the menu just shows up behind the content. I've looked at several discussions, and I have everything set up correctly. No scroll effects, etc. I followed the step-by-step instructions on Lynda.com and in an earlier version of Muse it was perfect. Now it isn't. Here is the business catalyst site URL.  pitv.businesscatalyst.com. Appreciate your help.
Carole

Hi,
Coud you please try the suggestion provided in the following thread
Re: Accordion Widget is Not Moving Other Page Items Down When Expanded
Do let me know if you have any question.

Similar Messages

  • Accordion widget not pushing content out of way

    Hi,
    Following a Lynda.com tutorial I added a menu to an accordion widget while designing a mobile site.  Expanding the accordion is supposed to push the page's content downwards but it is simply unfurling over it.  Does anybody have any idea what might be going wrong?
    Thanks,
    Peter

    Check to make sure "Overlap Items Below" is not marked.

  • My accordion panels stopped pushing content down suddenly

    They were using the default behavior of pushing content down when open so the pop-out copy could be read, but suddenly stopped working and are now overlapping content below when opened. I don't want this. How can I get them to go back to the way they were?

    What's "Overlap Items Below" set to?

  • Content below Accordion widget not moving?

    I want to have content below the accordion widget to slide down when one of the panels is open.  Right now the accordion widget slides behind the content when one of the panels is open. I have "Overlap Items Below" checked.
    From the Lynda.com site: " The Accordion panel now includes an option to Overlap Items Below. When selected, content below the Accordion panel will move down on the page as an Accordion panel is opened/expanded."
    thanks

    That seems like a typographical omission on Lynda.com's blog.
    You need to uncheck that option to move the content below accordion down upon opening the panel.
    Please check below excerpt from Muse Release Notes here: http://helpx.adobe.com/muse/release-note/adobe-muse-release-notes.html
    The Accordion panel now includes an option to "Overlap Items Below". When selected content below the Accordion panel will not move down on the page as an Accordion panel is opened/expanded.
    Cheers,
    Vikas

  • Spry table push content down

    this only occurs in I.E. and I wonder is this an odd bug, or
    is there somthing I missed.
    I created Accordion widget in one panel I added a tab widget,
    in tab 1 I added a spry datatable.
    this all seemed to work in firefox as I would want, but in
    I.E 6.0 I get a very odd result.
    if the tab with the data table is displayed the complete
    maincontent div gets pushed down.
    I expect that a stylesheet was overridden ( my guess -
    twoColFixLtHdr )
    but this odd affect only occurs in I.E.
    any ideas ?
    complete code line attached

    Hi,
    Move the spry:repeat and spry:setrow to the td tag from the
    tr tag as shown below.
    Your code:
    <tr spry:repeat="ds1" spry:setrow="ds1">
    <td>{ds1::title}</td>
    </tr>
    Change it to:
    <tr>
    <td spry:repeat="ds1"
    spry:setrow="ds1">{ds1::title}</td>
    </tr>
    Hope it helps.
    -JV

  • Accordion widget not working in publish

    My presentation consists of one slide with an accordion widget on it. It previously worked when I published it. I made a text amendment and how it doesn't. I've taken scaleable html off - any other suggestions?
    The screen shows a grey 'loading' box and then reveals the correct page minus the widget.
    thank you.

    I don't see immediately an answer, but maybe someone else pops in, and he/she will certainly ask you which version of CP you are using, if the Interaction is updated etc...
    Can you also check if it is visible in output? Normally the stack order is not important, because an interaction gets automatically on top. However, if you are on CP6, all interactions paused the slide at the first frame. If you should have set the Interaction to fade in, maybe this could be the problem.

  • Tabbed and accordion widgets not working after latest export.

    The accordion widget was working on the sites I built, but now when I export the sites after changes, the accordion and tabbed panels don't work.
    The link below shows the old accordion and the new one I was placed from Muse.
    http://www.thresholddrain.co.nz/newsite/faqs.html
    I don't have time to redo every accordion and tab on the site. Any ideas why it is not working and what I can do to fix it.
    Thank you,
    Ana

    rodyaj wrote:
    I'll check that error message out when I get home, but for now, you could try adding this to your .xinitrc instead:
    setxkbmap -option caps:escape
    This helped. Thanks!
    rodyaj wrote:
    Or maybe try setting by keycode rather than keysym in .Xmodmap. e.g.,
    clear Lock
    keycode 0x42 = Escape
    (I think you'll need to use xev to find out what keycode your escape key is though.)
    This one didn't work though. I tried removing the clear Lock line, and I don't get any errors. But then it doesn't work properly.

  • Accordion Widget not saving current scroll position

    Accordion widget saves scroll position in Firefox, however in
    IE7 the position gets reset to the center of Accordion Widget.
    Example. Select Alabama and then select Wisconsin to see
    effect.
    See www.Qualite1.com/contactUs.html

    Hi ghaug,
    This is due to the tabindex attribute that is on the
    top-level element of the accordion. Apparently when an element is
    focused in IE, it tries to make sure the top of that element is in
    view, so it is "conveniently" scrolling it into view for you.
    To prevent this behavior for accordions like yours that don't
    fit neatly into a single screen, you are going to have to remove
    the tabindex attribute from the top-level accordion element. If you
    still want/need keyboard navigation of your accordion, then you
    have to switch to using links in your accordion tabs. You can find
    an example here:
    http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample.html#EnablingKey boardNavigationWithLinks
    --== Kin ==--

  • Accordion widget shifting website graphics down when opening

    Hi all
    I hope you can help. I have an accordion being used at the top of my site. When you click to open / expand the accordion it's shifting all of the website beneath it at the same time.
    I've tried changing the sticky footer on the page and website to ticked and unticked but still no luck. Can anyone help please?

    Hi
    If you have placed page elements below accordion then its the normal behavior as Accordion on expansion moves the object below on page length.
    But if you have enabled sticky footer on Master and then also the accordion pushes the object down the length of page then it might be possible that you have placed the footer item in some container.
    Is it only the footer item going down or any other page elements also have same behavior ?
    Without looking at the site , it would be difficult to get an idea.
    If you have published the site , please share the site url.
    Thanks,
    Sanjit

  • Inserted HTML does NOT push content when resized

    Hi,
    we are building a website for a hotel and are bound to include their channel manager module into the site. In order to do that, you have to follow these steps:
    1. Paste JavaScript code into the head section to load the module.
    2. Place a short line of code with "insert HTML" into the site where the module should appear and that's it.
    The module is generated by a server-side script from the channel manager's server and pasted into an iFrame that is also generated by this very script. The thing is: It resizes the height of the iFrame depending on the displayed content in the iFrame. So we start with 301 px height when we call the page and start the search for free rooms. The results are displayed on a 1400 px iFrame, which resizes properly when showing the results.
    THE PROBLEM: The footers stays put and the iFrame runs behind it and off the display port. There is also no scrollbar showing up allowing me to scroll to the bottom of the iFrame.
    We got three layers:
    3. Top Layer (Containing top navigation and footer, both defined in a master page that is applied to the content page)
    2. Content Layer (Containing the inserted HTML with the generated iFrame)
    1. Background Layer (Well, it contains background elements)
    WE NEED: The footer to be pushed by the ever resizing iFrame and get a scrollbar when neccessary due to iFrame height.
    What are we doing wrong?

    Thank you for your suggestions, although I don't think they will fix the problem.
    We cannot alter the server script in any way, since it is located on the channel manager's server and is just called with a customer id to show our client's hotel related data. They resize the iFrame using an inline height style tag. This causes the page to not recognize the size change and not even showing a scrollbar at all, when the iFrame exceeds the view port.
    We already put a div around the JS-call which expands with the iFrame as expected.
    <div id="u1218"><!-- custom html -->
    <div>
    <script language="javascript" type="text/javascript">
    function();
    </script>
    </div>
    </div>
    This results in an iFrame inserted after the script tag, the div around the script expands correctly. We already removed any master page objects, created a blank new master page to define header and footer areas and pasted our menu and footer directly into the page of question on the same layer as the inserted html box went. So for our understanding the expanding div around the script should push the footer on this page to whereever it ends. It just doesn't. Also we do not get any scrollbar, although the iFrame clearly gets larger than the viewport area and the page just doesn't recognize it.

  • Spry accordion widget not playing nicely with IE7

    Good day.
    The answer to this issue may be on this forum somewhere already, but I cannot take the time to scour the several hundreds of posts.
    I've build and customized my first spry accordion, which can be viewed at http://www.brianfisherart.com/Bio/Contact/
    In Firefox and Safari, it works perfectly! IE7 however has some issues. the panels get too large on mouseovers, and jumpy and even larger when opening lower level panels.
    Just hoping to find a quick fix.
    Thanx in advance.

    I'm certainly not going to do your search for you, but you might want to see if using the current version 1.6.1 works better.
    http://labs.adobe.com/technologies/spry/
    If that doesn't work, you might want to go to the Spry forum.
    Of course, now that you've posted, I wonder if any of the links in that "More Like This" box apply?
    Mark A. Boyd
    Keep-On-Learnin' :-)
    If you are reading this via email, be aware that it may not be an accurate representation of my message. Login to read the actual message and/or to reply.

  • Close all in accordion widget?

    Is there a way / I wish you would add  a Close ALL option to the accordion widget. Because the widget can push content down the page, if the accordion is left open and a user clicks on a nav bar that has an anchor placed when the accordion is closed, the anchor now is not in the correct position.
    Kind of a  "lose focus, then close all" action.

    Hi
    Accordion has the inbuilt feature to Close all , so when user clicks on the open tabs they can close all.
    For this you would need to enable close all in Accordion control interface.
    If you are referring to add a button on page itself where if user clicks then all open tabs should close , then probably you would need some customization.
    Because open tab in Accordion will only close on click on the tab itself.
    Thanks,
    Sanjit

  • Featured news widget and shifting site down on opening?

    How do I get the featured news widget to drop down the entire site when open. Currently it stays in a closed state until triggered open. How do I get it so that when its open it moves everything below it down on the site. Currently it just opens and depending on the layer just goes right on top or underneath whatever content is there. Is this feature available or only for the accordion style widget?
    Thanks

    Yes. The ability to push content down and back up based on whether the content is showing or hidden is only available for the Accordion Widget. The Composition Widgets always occupy as much space as is required to render all the triggers and targets (be it placed below or above other page content) and will show/hide based on user interaction without reflowing the neighboring content.
    Cheers,
    Vikas

  • Accordion widget as a menu navigation

    I want a vertical menu navigation, with some pages having sub level pages.
    The vertical menu widget only seems to position the sub level links to the right. But i want it all vertically stacked with the sub level links only showing when on that page. 
    e.g.
    I have tried using the accordion widget as a menu navigation, by removing the show/hide content and adding the sub level link in the needed ones.
    But when i set the links to the pages the active states don't seem to work when on the particular pages. Any ideas?
    Any suggestions how best to achieve this?
    Thanks
    Nick

    Hello,
    When you say that the active state does not seem to work, if we take the example you have posted above, You want the Design should be expanded when you are on Exhibition Design page and "Exhibition Design" should show the active state. Correct?
    In that case you would need to place the Accordion Widget not on Master page but on  each page Separately.
    And on the pages where you want the Top Manu Labels to be open (expanded), keep them  open on that Particular page in Design view before Publishing/Exporting the site.
    This way, you would be able to achieve the states for the submenus and expansion of Top Menu on the particular pages.
    Regards,
    Sachin

  • Can I set my accordion widget to "expand all" tabs?

    I am using an accordion widget to display content on my web page. Is there a way to allow the user to "expand all" of the accordion tabs at once?

    One way you can achieve this is by creating single panel accordion files, just copy the file down for each section, make sure to set the accordion setting to "Can close all".
    See attached screen shot when published.... the panels are all closed, but you can open all to view.

Maybe you are looking for