Removing Scroll Bars on the Spry accordion

When I use the accordion widget it shows the scroll bars when
you click on the panels. Is there a way to remove or hide
them?

I tried your change, but when the panels are moving it still
shows the scroll bar, then after it goes away
Here is an example of my 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">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" />
<title>Untitled Document</title>
<script src="SpryAssets/SpryAccordion.js"
type="text/javascript"></script>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet"
type="text/css" />
</head>
<body>
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab">Label 1</div>
<div class="AccordionPanelContent">
<p>content</p>
<p>content</p>
<p>content</p>
<p>content</p>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Label 2</div>
<div class="AccordionPanelContent">
<p>hfghfghfgdhfgdhglk;dfgsklmgfhk;lm'bgm;l'kcxvbm;l'kcvxb';klmcvbx;l</p>
<p>fgdl</p>
<p>hgfhl</p>
<p>gfl</p>
</div>
</div>
</div>
<script type="text/javascript">
<!--
var Accordion1 = new Spry.Widget.Accordion("Accordion1",
{useFixedPanelHeights:false});
//-->
</script>
</body>
</html>

Similar Messages

  • How to remove scroll bar  in WEBI reports?

    Hi , i have below issue,
    We need to remove scroll bars from the WEBI reports. We have observed that even if we have only one column in the WEBI report, scroll bar still appears. Is this asomething which we can influence at the server level?
    Anybody please help me on this.
    Sri

    Hi Panan,
    thank you for your reply, I want to implement the same login for all WEBI reports, how can we do in server level...or is there any way to do this...
    Sri

  • Removing the Vertical scroll bar from the content area.

    Hello,
    Is there a way to remove the vertical scroll bar from the content area?
    I am trying to create a new light portal frame work.
    Everything works fine except that I see two vertical scroll bars, one from the content area and another from the page(frame).
    Thanks in advance.
    -Sudheer

    Hi
    There are a couple of ways in which to achieve this
    1) Try and make the content flat. What I mean by this is that the content area (when using the standard light framework) doesn't contain an iframe, meaning that the iview defined on the page has "EMBEDDED" isolation mode. This should mean that you only have one scrollbar (if the content extends past the size of the browser)
    2) If you need to make the iview URL isolation, then try and get the domain of the content to be of a similar domain to your portal server, i.e. your portal is portal.company.com and the content is content.company.com. In this way you can make the pages expand.
    NOTE: One thing to note is that when using URL isolation iviews doesn't allow the automatic expanding of the iframe content. This is because the standard javascript doesn't allow this. Therefore you may have to write your own javascript function (or content area page) to do this
    I hope this helps
    Darrell

  • ALV top-of-page remove scroll bar

    Hi!
    In my ALV i have a header with some information and a logo. With the logo it creates a vertical scroll bar. I can't reduce the size of the logo because it as to be that size.
    So...i've been searching for some way to remove the scroll bar from the header, butt i didn't found anything that could help me.
    I'm using 'REUSE_ALV_GRID_DISPLAY' with i_callback_top_of_page   = 'TOP-OF-PAGE'. And in form top-of-page i use
      CALL FUNCTION 'REUSE_ALV_COMMENTARY_WRITE'
        EXPORTING
          it_list_commentary = t_header
          i_logo             = 'LOGO'.
    to call the logo.
    Is there a way to remove or set the header to a fix size?
    Thanks in advance,
       RT

    Hi!
    In my ALV i have a header with some information and a logo. With the logo it creates a vertical scroll bar. I can't reduce the size of the logo because it as to be that size.
    So...i've been searching for some way to remove the scroll bar from the header, butt i didn't found anything that could help me.
    I'm using 'REUSE_ALV_GRID_DISPLAY' with i_callback_top_of_page   = 'TOP-OF-PAGE'. And in form top-of-page i use
      CALL FUNCTION 'REUSE_ALV_COMMENTARY_WRITE'
        EXPORTING
          it_list_commentary = t_header
          i_logo             = 'LOGO'.
    to call the logo.
    Is there a way to remove or set the header to a fix size?
    Thanks in advance,
       RT

  • Removing Scroll Bars in WEBI Report

    Hi All,
    I want to remove scroll bars from my WEBI reports. I have observed that even if you have only one column in the WEBI report, scroll bar still appears. Is this anything to do with page layout properties of WEBI where you can set minimum limit for horizontal records per page as 20? Can anybody please help me with this?
    Thanks,
    Shweta.

    Hi,
    We also wanted to have the same thing,we tried to reduce the size of the report and tried to change the page size.
    We did everything to remove that scroll bar and did not achieve it, hence we loged a case with SAP BO and they said  " this is how the tool is".
    But they took it as the enhancement request dont know what is the status on that.
    Cheers,
    Ravichandra K

  • Removing scroll bar from product pages

    I need to remove the scroll bar that appears on the product pages. It doesn't matter if I have only one product or 100 on the page with the small images, I still get a scroll bar on the right side. I've tried adding and removing margins and padding, set the container height to auto, and removed the previous and next buttons from the shop templates, all to no avail. It appears to be caused by the table that holds the products, but no change to the code fixes it.
    I have included a screen print of the top of the page showing the scroll bar. There are only 3 images on this page and plenty of room below them. Overflow has been set to auto (and/or visible) on the container, the table, and the page.
    So, can anyone tell me how to shut off that scroll bar? I can't find that code that includes it so I can't see what's going on.
    Thank you for you help.
    Sincerely,
    Ahurani

    Liam,
    Thank you for answering.
    I didn't want to turn the scroll bar on the page off, but the scroll bar that appears in a div container. I finally solved the problem by turning overflow: auto to overflow: hidden. And smacked myself in the forehead and said, "Duh. I knew that." Too tired and too close to the problem I guess.
    The only other thing I can't seem to find is the large space that appears above a product table. I've tried everything from margins to padding and beyond.
    Sorry about not including the url. I have used the forum so rarely that I didn't think of that. It is www.whimsicalley02.businesscatalyst.com, just in cases you want to look at the big space on Harry Potter > Accessories and on the large product page. I'd love to tuck the product closer to the breadcrumb, but if that is not possible, then c'est la vie.
    Thank you.

  • Table Grid resizing,How to avoid getting scroll bar in the browser

    Hi All,
    Requirement is to enable Grid Resizing feature in the Table UI element. The table will have  approx 12-30 columns
    For providing this feature on the table UI element, we have set the following properties
    'ScrollableColCount' Property of table UI is set to -1.
    'Resizable' property of each column is set to true.
    This will remove the scrollbar at table level and all the columns will be shown on the screen at one time.
    Problem encountered:
    1. Horizontal  scroll bar will be introduced on the screen.We tried giving width in pixels  to individual column grid but unable to eliminate this scroll bar in the screen.   
    2. Also the resizing properties modified for a table grid will be applied on the similar task screen having table UI element.
       For Example: In GP Workflow,if USer1 holds 2 task(Task A and B) of an application. If he resizes the column of the table in A task then these changes will be reflected in the B task table UI also.
    Please provide pointers on this.
    Thanks and Regards,
    Pradeep

    Hi,
    In table set tablecellEditor wrapping property to true,by default its false.
    By this you can get value in many rows(per row size is depend on whatever u have given for column width).
    this way you can avoid scroll bar.
    Regards
    Trilochan

  • Removing Scroll bars in URL iView

    Dear Experts,
    I have a requirement of displaying an INTRANET site into URL iView in a page. The problem is I am getting a scroll bar when the contents increase inside the URL iView.
    I tried with the following settings:
    iView properties:
    Height - Automatic
    max automatic height - 2000
    Fetch mode - Client
    Page properties:
    Height - Automatic
    max automatic height - 2000
    But still I am getting the scroll bars.
    Is there anyway I can remove scroll bars by resizing the iView size automatically depending on the contents in it.
    Regards,
    Nirmal Sivakumar G

    Hi,
    Check the below blog .It will resolve your issue
    Avoiding scrollbar problems in URL iViews
    Points are welcome if it is useful
    Koti Reddy

  • Umwanted horizontal scroll bar at the bottom of the screen

    Hello,
    Our application is a plug in to the Solution Manager Workcenter. The initial screen of the application
    contains two tables, one below the other.
    The ROOTUIELEMENTCONTAINER has a matrix layout, and both the tables' layout has been set to MatrixHeadData. Width of all has been set to 100%, and the 'stretchedHorizontally' property has been enabled.
    However, I am getting a scroll bar at the bottom of the screen which is unwanted. Please suggest a way in which I can get rid of this annoying scrollbar, so that the tables are contained within the screen.
    Thanks!
    Shalini.

    scrollbars at the bottom of the screen only appear if the contents of the screen pass the right border.
    the 100% width isn't going to change this. It only defines that the table must take at least 100% of the screen, but if it needs more, it will take more.
    In other words:
    remove unnecessary columns to be able to keep your contents inside the screen.
    btw:
    if someone else works with a smaller resolution, he will have the scrollbar anyway.

  • How to put vertical Scroll Bar on the LEFT side of a VBox?

    The default is on the RIGHT side. It seems no easy solution on this question.

    Hi Darren,
    Thanks for your reply. I've narrowed the problem down to this strange behavior only happening when the viewport component is a tree-table (a JTable with a JTree for a column renderer). The tree-table works okay in JDK 1.3, but not in JDK 1.4. When I remove the JTree column renderer, the table draws correctly, but without the tree. It looks like the viewport position is being set wrong somewhere.
    When a column is resized, an AdjustmentEvent is created. So that's why resizing the column looked like it had the same effect as the horizontal scroll bar.
    If you're interested, then I will be happy to let you know how I fixed it, if I can.
    The complete code that creates the scroll pane with the vertical scroll bar on the left is below. There's too much code to post the JTree column renderer.
    Thank you,
    Don
    m_leftScrollPane = new JScrollPane(m_sourceTable,
    JScrollPane.VERTICAL_SCROLLBAR_ALWAYS,
    JScrollPane.HORIZONTAL_SCROLLBAR_ALWAYS);
    m_leftScrollPane.setComponentOrientation
    (ComponentOrientation.RIGHT_TO_LEFT);

  • Vertical scroll bars remain the older OSX pill type (pre 10.8) in Firefox on OSX 10.9. How can I fix this?

    The Firefox installation on my iMac (2009) spans at least 3 operating systems. I recently updated to OS X 10.9 from 10.6.x but the scroll bars in Firefox are not the default OSX 10.9 but the older 10.6 ones. There are 4 other users on this computer and their scroll bars are the correct ones. Resetting my profile and full re-install has not corrected this problem. I have used Firefox since OSX 10.2 and transferred my profile from an older Mac to this iMac some time ago. This is probably some bit of code or style or something from some theme that was installed under 10.6 or earlier that needs to be removed. I have not tried the nuclear option of completely deleting my profile and hunting down every preference related to Firefox or Mozilla in my account. This is not so much a problem as an irritation.

    Thanks for the suggestion, but no go. Some bit of an old Mozilla/Firefox theme or some other 3rd party OSX utility is stuck somewhere. Like I said, more an irritation than a problem, doesn't effect the performance of the browser--its just weird.

  • Adding a scroll bar to the legend in flex 4

    How can i add a scroll bar to the legend in Flex 4?
    I am to scroll the bars in the bar chart but i am unable to scroll the legend items.
    Can anybody help me out as soon as possible?

    Hello,
    The feature you are looking for is not there in Adobe Muse.
    I would suggest you to post this as a feature request on our "Ideas for features in Adobe Muse" section of the forums : http://forums.adobe.com/community/muse/ideas
    You might see this feature in future releases of Adobe Muse.
    Hope this helps.
    Regards,
    Sachin

  • How can I get a scroll bar at the bottom of the page so I can see the right side of the page when I am using two windows?

    With two or three pages open, I have scroll bars that allow me to see the right side of the other pages, but not on the Firefox page.

    Thank you for the reply, Fred, but when I went to my saved screenshot, I realized that the shortcut on my desktop had opened in IE, not Firefox. There is no scroll bar and the directional arrows do not work. My daughter has been playing with my laptop again. When I set up the same conditions with Firefox, there is no scroll bar, but the arrows function properly, so I can read to the right edge of the page. Now to find someone who knows IE11. Thanks again, for your reply.

  • How can I make the spry accordion remember the panel open when I refresh the page or jump to a new page?

    How can I make the spry accordion remember the panel open
    when I refresh the page or jump to a new page?
    I am using the accordion feature on all my pages as a
    navigation aid. It has three panels. When you refresh the page the
    panel goes back to the default pane... Is there a way of
    controlling this so that the browser can remember the pane that is
    open (say set a variable, cookie, other?)

    Look for "Set the default open panel" on the following page:
    http://labs.adobe.com/technologies/spry/articles/accordion_overview/index.html
    Keep in mind you would need to change that bit of code on
    every page. The only way to do it more dynamically would be to
    include a custom javascript or PHP/ASP style script in order to
    change the value.

  • No horizontal scroll bar on the Jtable. In order to see long column.....

    No horizontal scroll bar on the tJable.
    In order to see long cell data we have to eliminate other columns of the table.
    I need an horizontal scroll bar on the JTable if the data in a cell is longer.
    Could somebody help me out?
    Thanks in advance.

    in the jtable use following method :
    myTable.setAutoResizeMode(this.AUTO_RESIZE_OFF);
    KR,
    Jan

Maybe you are looking for