Prevent lower text from moving when accordion panels open

I tried out the Accordion Panel from Project Seven which is
really nice and works well. My only issue right now is that I would
like to prevent the rest of the text outside and below this widget
within the same column from moving. When any panel opens it causes
the contents of the entire column to shift down thus causing the
page to shift down as well.
I have tried using a new div for the content below the panels
and also a new table below but can't seem to figure out how to keep
the content from shifting. Curently I have a table cell nested and
have tried with CSS to keep it from moving but that is not working
either.
Thanks in advance for any help with this.
Here is the code for the column in question:

no takers on this one? Does anyone know how I could fix this
with divs? Is it possible to put this accordion into a separate div
and create another below it that would not move? Like on the new
apple site...They have some really awesome accordion style navs on
the sides that do not throw the rest of the page off when they open
or close.
Thanks.

Similar Messages

  • APO Sequencing - preventing Takt Scheduling from moving firmed orders?

    In the Sequencing transaction (/SAPAPO/SEQ1), selecting the takt scheduling pushbutton will move all planned orders up to the earliest available capacity.  I would like to override the standard system logic, and prevent the system from moving any FIRMED orders forward.  Has anybody implemented this sort of restriction?

    Hi ,
    Please refer to oss note 627377 Consulting note: Model Mix planning and Sequencing.
    " MMP and Sequencing do not consider in a special way the input fixed and ATP checked orders. No checks are performed whether an order in input fixed or ATP-checked. MMP and sequencing consider such orders as usual orders in the planning processes."
    Model mix planning always uses a strategy with forward infinite scheduling, no matter how you define your resources.
    Please also read  oss note 769149, Takt scheduling in iPPE line scenario-Restrictions and recommendations
    Regards
    Datta

  • Preventing MacBook Pro from sleepting when the cover is closed

    I'd like to prevent the system from sleeping when the cover is closed, at least when it is on the power supply.
    Right now, it sleeps whenever the cover is closed. As a result, my nightly backup (ordinarily scheduled for the wee hours) doesn't run.
    Also, I want to use the laptop at home with an external screen, keyboard and mouse, and it would be convenient to fold it up to get it out of the way when doing so.
    Thanks,
    -W.

    ' Overheating in clamshell mode is rearely an issue if you're running on the 9400M and the system- / resource-demands aren't particularly hectic. It is something one should always just keep an eye on though anyways - just to be safe, no?
    ' Otherwise - there is a pay-for (shareware) program you can download and install that will give you the facility you're looking for... I'm afraid I can't remember it's name right now though... Alternatively - and the solution I myself use - try downloading and using a mini-app called "InsomniaX" - for which I can't provide a link I'm afraid, but a Net-search will quickly turn up! It's freeware (donations possible but not required) and works great - a number of options available to tune it somewhat to your needs!
    ' This should help ya!
    ~Menageryl
    -Jack of All Trades, Master of Some!-

  • Try to keep accordion panel open when selected

    Hello,
    Could someone help me find the code to "keep the selected panel open" instead of having them closed on each pages.
    There is 2 spry collapsed panels. Within the first one there is 1 Spry Accordion with 5 panels  which need to stay open when selected.
    You will find the site here : www.otaa.fr (but you may use Safari)
    Here the codes:
    <Head>
    <script type="text/javascript" src="SpryAssets/SpryURLUtils.js"></script>
    <script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
    <script type="text/javascript"> var params = Spry.Utils.getLocationParamsAsObject(); </script>
    <style type="text/css">
    </head>
    <body>
    <div id="CollapsiblePanel2" class="CollapsiblePanel">
              <div class="CollapsiblePanelTab" tabindex="0">PROJETS</a></div>
              <div class="CollapsiblePanelContent">
                    <td><div id="Accordion1" class="Accordion">
                      <div class="AccordionPanel">
                        <div class="AccordionPanelTab">Logements</a></div>
                        <div class="AccordionPanelContent">
                            <tr>
                              <td height="21" align="left"><a href="html/Vignoles.html">Rue des Vignoles</a></td>
                          </tr>
                        </table>
                <div class="AccordionPanel">
                        <div class="AccordionPanelTab">Maisons</a></div>
                        <div class="AccordionPanelContent">
                            <tr>
                              <td align="left"><a href="html/Serrieres.html">Maison Serrières</a></td>
                          </tr>
                        </table>
                   <div class="AccordionPanel">
                        <div class="AccordionPanelTab">Bureaux et Sièges Sociaux </a></div>
                        <div class="AccordionPanelContent">
                            <tr>
                              <td align="left"><a href="html/Tchad.html">Ambassade du Tchad</a></td>
                          </tr>
                        </table>
                   <div class="AccordionPanel">
                        <div class="AccordionPanelTab">Aménagements Intérieurs</a></div>
                        <div class="AccordionPanelContent">
                            <tr>
                              <td align="left"><a href="html/Martin.html">Appartement Martin</a></td>
                          </tr>
                        </table>
                   <div class="AccordionPanel">
                        <div class="AccordionPanelTab">Equipements</a></div>
                        <div class="AccordionPanelContent">
                            <tr>
                              <td align="left"><a href="html/Aquatonic.html">Centre Aquatique</a></td>
                          </tr>
                        </table>           
    < /body>
    <script type="text/javascript">
    var CollapsiblePanel2 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel2", {contentIsOpen:false});
    var CollapsiblePanel3 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel3");
    var accordion1 = new Spry.Widget.Accordion("Accordion1", { useFixedPanelHeights: false, defaultPanel:(params.panel?params.panel:-1)});
              </script>
    Thanks for you help.

    Forget about the tutorial by David Powers. There is an easier way to achieve what you want.
    If I understand right, you want the about panel to be open when on the about page and the homw panel when you are on the home page. Simply set the default panel for each page as follows
    For the Home page
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Home Page</title>
    <link href="SpryAssets/SpryAccordion.css" rel="stylesheet">
    <script src="SpryAssets/SpryAccordion.js"></script>
    </head>
    <body>
    <div id="Accordion1" class="Accordion" tabindex="0">
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Home</div>
        <div class="AccordionPanelContent"><a href="index.html">Home</a></div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">About</div>
        <div class="AccordionPanelContent"><a href="about.html">About Us</a></div>
      </div>
    </div>
    <script>
    var Accordion1 = new Spry.Widget.Accordion("Accordion1", {defaultPanel: 0});
    </script>
    </body>
    </html>
    and for the About page
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>About Us</title>
    <link href="SpryAssets/SpryAccordion.css" rel="stylesheet">
    <script src="SpryAssets/SpryAccordion.js"></script>
    </head>
    <body>
    <div id="Accordion1" class="Accordion" tabindex="0">
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Home</div>
        <div class="AccordionPanelContent"><a href="index.html">Home</a></div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">About</div>
        <div class="AccordionPanelContent"><a href="about.html">About Us</a></div>
      </div>
    </div>
    <script>
    var Accordion1 = new Spry.Widget.Accordion("Accordion1", {defaultPanel: 1});
    </script>
    </body>
    </html>
    Repeat this process for each of your pages.
    Gramps

  • Accordion panels open when website launches

    All my accordion panels appear open for a second before my page completely loads. I have tried to find fixes in the forum but the only one that I have found is to use  SpryAccordion.js - version 0.15 - Spry Pre-Release 1.6.1...I am already using this version and I am still having the issue. It appears to work fine with firefox but I have the issue in IE8. I am quit the novice with web design, any help anyone can give woyld be greatly appreciated.
    Here in the link to my site http://www.fcps.edu/southcountyss/

    There is a whole heap of stuff between rendering the markup for the accordion and creating an instance of the accordion.
    To eliminate the pause between render and instance, move the accordion constructor to just below the table that holds the accordion as in
                    <!-- ............. rest of markup -->
                    Student Services (MS):
                    703-446-1640<br />
                    Student Services (MS):                703-446-1630<br />
                    </p>
    </div>
                </div>
              </div></td>
          </tr>
        </table>
    <script type="text/javascript">
    var Accordion1 = new Spry.Widget.Accordion("Accordion1");
    </script>
    Don't forget to remove the constructor from the bottom of the document.
    Gramps

  • I get a message saying "Firefox has prevented this page from reloading" when I am trying to load video to Facebook which stops it from loading. I click "allow" and the message just reappears. How do I allow this function?

    Message reads "Firefox prevented this page from automatically reloading".

    See:
    * Firefox/Tools > Options > Advanced > General : Accessibility : [ ] "Warn me when web sites try to redirect or reload the page"
    The setting in "Tools > Options > Advanced > General" is meant as an accessibility feature, as you can see by the label of that section, so that people with disabilities or people who use screen readers do not get confused and is not meant as a safety protection to stop redirecting.
    See also:
    * https://support.mozilla.com/kb/Options+window+-+Advanced+panel#General_tab
    * http://kb.mozillazine.org/accessibility.blockautorefresh
    * http://kb.mozillazine.org/Accessibility_features_of_Firefox

  • How to prevent popup dialog from closing when commandbutton clicked

    Hi,
    I have a af:commandButton inside a popup dialog and the button action calls a method in backing bean. When this button is clicked I would like to run the method in backing bean and return control to the popup window. The method seem to run fine but the popup dialog closes automatically. Is there a way to prevent popup dialog from closing for this action?
    Thank you
    Kevin

    Hi Frank,
    Thanks for the link. I am not sure how to use this in my case. Following is part of what I am trying
    <af:popup ...>
    <af:dialog>
    <af:form usesUpload="true">
    <af:inputFile ..../>
    <af:commandButton text="upload" action="#{backingbean.uploadAction}"/>
    <af:outputText value="#{backingbean.filename} was successfully uploaded"/>
    </af:form>
    </af:dialog>
    </af:popup>
    When user clicks upload button I want to display a message that the file was successfully uploaded and keep the popup window open. But what happens now is once the file upload completes, the popup window closes automatically. This file upload part is not a must, user could skip doing the upload and instead input some text in a text area below (not shown in the code above). User could also just click cancel and exit the popup any time, so there is no mandatory field that I could check before closing the popup. Is there something I could do for this?
    thanks
    Edited by: user10720929 on Dec 23, 2008 10:36 PM

  • I don't want to have to click the allow button every 3 seconds uploading video, how do I disable the "firefox prevented the page from reloading" when I've already put the site on my exceptions list?

    I begin uploading video to Facebook and a small window opens to show the progress bar but, the video stops uploading about every 5% when a notification comes from the top bar stating: "Firefox prevented the page from reloading" with an Allow button on the right. Regardless of clicking the allow button and putting Facebook in every exception list Firefox options seems to have or even turning pop up blockers off, that dam button keeps coming! How do I prevent or disable this?
    I am running windows XP media center edition SP2, and have Firefox v3.6.11

    You're welcome

  • How do I keep my images from moving when extending or contracting in browser?

    Can anyone tell me if there is a solution to keeping multiple images from moving as the size of the browser is made larger or smaller.  I am in the jewelry business and when I have multiple images, and a customer makes the browser window larger or smaller, it of course moves the images out of position and mixes everything up on different lines.  As opposed to a site like Bluenile.com which images stay stationary as the browser window moves.  I did try to make all my images on "one image" in Photoshop and that does seem to do what I want as far as the images go, but then I cant add links to individual pictures within that page.  Please help !
    One of my pages is http://www.milesgoldberg.com/Gentsbandsspecific.html
    This is one when I extend or contract the window, the content gets all mixed up.
    Now look at http://http://www.bluenile.com/wedding-rings/mens-wedding-rings
    If you extend or contract the window, the content stays in place.

    You're using a liquid layout based on percentages that resizes with browser viewport.  As Ned said, a fixed width Table would be one approach.  Another would be to use a Fixed Width CSS grid like this one (view page source to see the code)
    http://alt-web.com/TEMPLATES/2-col-fixed-layout.shtml
    HTH,
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics |  Print | Media Specialists
    www.alt-web.com/
    www.twitter.com/altweb

  • Any way to prevent macbook air from sleeping when lid closed?

    I believe there is no way to keep your macbook/air running when you shut the lid.
    I am running a background job where I am downloading a huge amount of data from the internet, which is coming through slowly (other applications could be where I am running a web server....). I want the machine to be running, but not keep the lid open - since I might want to move the laptop, not leave the screen/keyboard exposed.
    Where can I request Apple to add support for this behavior? Or did they anticipate this request in Mountain Lion already?
    Any suggestions? Others who would like the same feature?

    NoSleep makes closing of your MacBook lid possible without going into sleep mode. Now you shouldn't plug your mouse and monitor to stay computer awake - just check a tick in the System Preferences and continue downloading of huge files and watching favorite movies over the network with lid closed.
    here you go : http://lifehacker.com/5934158/nosleep-for-mac-prevents-your-macbook-from-sleepin g-when-you-close-the-lid

  • Keeping at Least One Accordion Panel Open with Variable Heights

    Hi -
    Is there a way to keep at least one panel open when using {
    useFixedPanelHeights: false }?
    Here's an example:
    http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample.html#VariablePan elHeights
    If panel 4 is open, and you click the panel 4 heading, it
    closes and no
    panel is open.
    Thanks,
    Rod

    Sorry, I didn't read my full message regarding wanting only
    one panel to open.
    What I ended up doing was using a PHP conditional to display
    a message if a certain variable was not passed in the URL. See my
    post on the Friends of Ed forum. Scroll to the bottom for my
    solution.
    http://friendsofed.infopop.net/4/OpenTopic?a=tpc&s=989094322&f=5283032876&m=3461018571

  • Prevent work order business close when there is open PO

    Hello,
    in standard SAP, when the work order have open PO, i will get a warning when i perform business close.  However this is only a warning.  On the warning window, if i click "Complete" option, i still can proceed to close the work order.
    This will cause me headache later if user somehow "accidently" click complete when they should now.
    Is there a way to make this a Error insted of warning or anyway to prevent order business close when the order have open PO.  Basically all i want is to prevent the work order business close when there is open PO.
    Thanks a million.

    There are order where due to urgency, the work is carried out first.  In this case, order is created then work done.  The PO is created later.
    When the PO is created, the cost is not shown as actual cost in order but rather its planned cost.  At this stage, someone can accidentally close the order even the PO is still open.  I understand that if there is cost in the order, CLSD is not possible until settlement is done.
    There is a workaround with CO99 + note 687572 but i wanted to prevent CLSD thru IW32.
    You can try this...
    1. Create a work order with a non-stock item. this will create a PR
    2. (if required) release the PR
    3. create PO from the PR
    Do not perform MIGO.
    4. TECO the work order
    5. perform business close from IW32.
    At the warning window, click "Complete".  You will see the order is CLSD.

  • Accordion Panels Open During Page Load

    All my accordion panels appear open for a second before my page completely loads.  http://home.comcast.net/~steven.kay/
    I found this thread, but am still not clear on the solution given.  http://forums.adobe.com/message/22365#22365
    Thanks.

    Never mind... I downloaded the new js file... (duh)

  • Is there a way to prevent Itunes' volume from lowering when I receive texts and email?

    Whenever I have my iphone connected to a speaker, the volume lowers when I receive a text or email. This can be very frustrating and I'm wondering if there is a setting to prevent this from happening. Can anyone help?

    Put your phone in silent mode, or enable do not disturb.

  • Is it possible to prevent the history from moving entries up to the top of the list when a site is revisited, and why does it only do this sometimes?

    * Sometimes the history appears to compile previous visits to a site into only the entry for the most recent visit, but other times it does not. In other words, sometimes when a site is re-visited, the history will move a previous visit to that site out of the existing chronological sequence and put it at the top. What makes the difference in whether it does this or not, and is there any way to prevent the consolidating of information this way? I am using using Firefox v.27, Windows 7.
    I would like things to be in true chronological order for the possibility of accurately tracking previous activity, and for that purpose do not mind having the duplicate entries. Possible successful solutions might be in areas 1-3 below, and I would appreciate any suggestions.
    1. Are there any preferences in 'about:config' that apply to this? I could not find any.
    2. Are there other ways of getting this type of record, e.g. some other computer log, program, or add-on?
    3. What are some of the most accurate records of one's own internet browsing activity that one can make or obtain, with or without the browser's history function, if anyone knows?
    Thanks.

    Firefox normally only shows the most recent visit to a specific URL, so you would have to do extra effort to make older visits visible (place:sort=4&type=1).
    *https://developer.mozilla.org/en/Places_query_URIs
    See also:
    *http://www.nirsoft.net/utils/mozilla_history_view.html

Maybe you are looking for