Adding a scroll bar

Hello
I have designed this website for my client... http://www.applebybowers.com/for_web/
They wish to add a vertical scroll bar to the middle where the majority of text is so that more text can be added if necessary without the res of the page disappearing out of view on smaller monitors.
Can anyone advise the best way to go about this.
Thanks

I'm not crazy about it either, but sometimes the client just won't change their mind no matter how much you try to persuade them!
It's actually only on one page that I need the scroll bar - http://www.applebybowers.com/for_web/news.html
The client would like a scroll bar here so that all of the news articles can be viewed on one page without the rest of the page disappearing off the monitor.
I read Bob's advice but now that I've come to have a go at adding the code I'm not sure where to add it. Also, do I need to add a div inside the table cell, and if so how do I do that? I've looked on a few forums and found similar bits of code to use but haven't got a clue where to include it...
<div style="overflow: auto; height: 100px; width: 200px;">Put your text or images or anything in here.</div>
Would someone please have a look at my code and advise me on what I need to do.
Thanks.

Similar Messages

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

Adding a scroll bar to tabbed panel content?

I have set a specific height to tabbed panels and I don't
want them to expand according to content. Instead I want to add a
scroll bar to the tabbed panels. How can i do this?

Sure it's possible.
Edit the TabbedPanelsContent class in the CSS file.
Add a specific height to it and then add an overflow:auto;
rule to it.
.TabbedPanelsContent {
padding: 4px;
overflow: auto;
height: 200px;
When styling Spry Widgets, for the most part, just think of
them as HTML. Add a height and a scrollbar just as you would to any
DIV.
Hope this helps,
Don

Adobe Captivate 4 Adding a Scroll Bar to a Text Caption

I have a lot of text information to show on one slide and I'd like the user to have the ablility to stay on one slide but scroll down.
Is there any way to add a Scroll Bar to a Text Caption to allow this to function as described?

There is no way to add a scrollbar to a normal Captivate text caption.
There DOES however exist a widget that provides something simlar:
http://www.dorna.nl/?p=574

How to make the scroll bar in flex automate to focus on the new ui component added in the canvas?

Hi all ,
There is a canvas container where am adding charts in separate windows.
So whenever a new chart is added the scroll bar needs to set the focus on the present chart window.
For this i made the functionality for the canvas container to scroll whenever a new chart is added using the below code
canvasContainer.verticalScrollPosition = canvasContainer.maxVerticalScrollPosition;
But the calculations for the vertical position are not precise...
Is there anything else I should do to make the scroll happen automatically as the chart windows get added in the container ??
Any suggestions pls
Regards,
Ajantha

Many many thanks to Frank,
In the css,use the follwing style settings to hide the scroll bar
af|carousel::spin-bar{
visibility: hidden;
af|carousel::spin-h-previous-icon-style{
visibility: hidden;
af|carousel::spin-h-next-icon-style{
visibility: hidden;
af|carousel::spin-info{
visibility: hidden;
}

Horizontal scroll bar in selectOneMenu tag

Hi,
I am using selectOneMenu tag to show the data. The data size is larger than the size of selectOneMenu tag. Inspite of increasing the size of tag,
I want to add a horizontal scroll bar.
Can someone please suggest me, how to achieve this?
Thanks in advance.
Regards,
Rahul

Hi,
As suggested, I am using div tag to set the horizontal scroll bar in SelectOneMenu tag. The way I'm using it :-
<div style="overflow-x:scroll; width:140px;">
<h:selectOneMenu
          id="eventType"
          styleClass="standardInput"
          required="true"
          tabindex="40"
          onchange="clearMessage(this);"
          value="#{UserBean.activeEvent.eventType}"
          onkeydown="searchSelect( event);"
          onblur="searchBlur(event);" >
<f:selectItems value="#{ReferenceLists.eventTypeList}" />
</h:selectOneMenu>
</div>
This is adding the scroll bar outside the selectOneMenu tag but I want it in the dropdown window.
Please suggest me, how to resolve the issue.
Regards,
Rahul

Scroll bar question

I am starting out with Dreamweaver (in fact website work in
general). I have created a template for the site's pages and within
the table, one of the cells I've left editable for text. This cell
is set inside several other surrounding cells, each cell pixel
based. I created a style sheet for this text window and I want it
to, among other things, add a scroll bar when the inserted text is
too much for the cell. I add the text and then apply the style and
while it adds other properties of the style, it's not adding the
scroll bar (set to auto), but instead is extending the cell (and
table and adjacent cells) downward. I had thought that the template
would prevent this from occurring (only editable region is this
text field cell).
Sorry if I sound like a newbie...but I pretty much am.
Thanks for any assistance, Paul

This may help:
http://www.dreamweaverresources.com/tutorials/scroller.html
Nadia
Adobe® Community Expert : Dreamweaver
Tutorials |SEO |Templates
http://www.DreamweaverResources.com
http://www.perrelink.com.au
CSS Tutorials for Dreamweaver
http://www.adobe.com/devnet/dreamweaver/css.html
"pmbooks" <[email protected]> wrote in
message
news:enknil$n1r$[email protected]..
>I am starting out with Dreamweaver (in fact website work
in general). I
>have
> created a template for the site's pages and within the
table, one of the
> cells
> I've left editable for text. This cell is set inside
several other
> surrounding
> cells, each cell pixel based. I created a style sheet
for this text
> window and
> I want it to, among other things, add a scroll bar when
the inserted text
> is
> too much for the cell. I add the text and then apply the
style and while
> it
> adds other properties of the style, it's not adding the
scroll bar (set to
> auto), but instead is extending the cell (and table and
adjacent cells)
> downward. I had thought that the template would prevent
this from
> occurring
> (only editable region is this text field cell).
>
> Sorry if I sound like a newbie...but I pretty much am.
>
> Thanks for any assistance, Paul
>

Scroll Bar code in Awt Required Plz Help me

Hi,
My requirment is to add Vertical Scrollbar to the table.There are 12 rows in a table like from January to December.
I am able to see data of rows as jan,feb,mar,apr only .
i want to see the data of rows of next months by adding vertical scroll bar using Awt code.
I added vertical scroll bar using awt code. When i click on that Vertical scroll bar event is going to below method.
public void adjustmentValueChanged(AdjustmentEvent e) {
I tried with some logic inside above method but it is not working.what is the code i have to write inside the above method inorder to scroll the next months.
Plz Help me.
Thanks In Advance.........

But i want to do this code In Using Awt only......Well, a JTable is a Swing component so I have no idea what you are talking about.
To control the size of the table you can use:
table.setPreferredScrollableViewportSize(???);
JScrollPane scrollPane = new JScrollPane( table );

Scroll bar in Content Viewer

Hello everyone,
I have place three different height images into a frame and applied scroll bar using Content viewer. I am calling each image through a button.
My question is:
Can we control the scroll bar height limiation as per the image's height. Right now its taking the largest image's height as a reference, when i click and check the small height image, i see lot of white space in it.
Thank you very much.
Regards,
Shiva

What do you mean you added a scroll bar? Do you mean a scrolling frame?
If so, no, you cannot adjust the size of that dynamically. That said, I still don't totally get what you're doing.
You can't click to move content in a scrolling frame, only an MSO.
Bob

Those darn Scroll Bars!!

Ive looked at and tried many different tuts for adding a scroll bar to a JTextArea in my JFrames but they never seem to work... can someone please write me a small sample code for it? Heres a skeleton code for you to use if you want to help me...
import java.awt.Container;
import java.awt.Dimension;
import java.awt.Toolkit;
import javax.swing.JFrame;
import javax.swing.JTextArea;
public class thoseDarnScrollBars extends JFrame
     JTextArea textBox;
     Dimension screenSize = Toolkit.getDefaultToolkit().getScreenSize();
public static void main(String[] args)
          thoseDarnScrollBars frame = new thoseDarnScrollBars();
          frame.setVisible(true);
public thoseDarnScrollBars()
          Container c = getContentPane();
          setTitle("SCROLL BAR!");
          setSize(400, 300);
          setLocation(((int)screenSize.getWidth()/2)-(getWidth()/2), ((int)screenSize.getHeight()/2)-(getHeight()/2)); // center the box into the middle of the screen
          c.setLayout(null);
          textBox = new JTextArea("");
          textBox.setSize(390, 290);
          textBox.setLocation(5,5);
          c.add(textBox);
          setDefaultCloseOperation(EXIT_ON_CLOSE);
}if someone could just take this code from me and add a working scroll bar i would be VERY thankful to you!

oh... well i like it and im gunna use it for the time being (I never publish my programs, im not skilled enough to, I still just write programs to keep myself learning to gain knowledge of the Java language before I start moving onto the proper coding methods (And I know, its always best to start of with good habits so that you dont stick with the bad ones). Ill start working with BorderLayout later on)
But ive figured out how to make it work with null as the layout:
textBox = new JTextArea();
JScrollPane scroll = new JScrollPane(textBox);
scroll.setSize(390, 290);; //set parameters for scroll as if it were for the text box in the way you would if scroll wasnt involved
scroll..setLocation(5,5);;//set parameters for scroll as if it were for the text box in the way you would if scroll wasnt involved
textBox.setBackground(Color.BLUE);//background and foreground parameters must be set to the textBox and not scroll
mainWindow.add(scroll);---EDIT---
NullLayout should never be used.And technically its not "NullLayout", its just "null" =)
Im just bein a... jerk?
Message was edited by:
HDL_CinC_Dragon

Double Scroll Bars, Side By Side, End To End, In A JScrollPane

I'm trying to create double scroll bars next to each other, end to end. One scroll bar is for the position in the grid, while the other, smaller scroll bar controls the zoom level. I am masquerading a JPanel as a JScrollBar. I'm adding two scroll bars to the panel, and encapsulating the panel in a subclass of JScrollBar. You might wonder why I would do that. Because JScrollPane only accepts JScrollBar classes in setHorizontalScrollBar() and setVerticalScrollBar(). I tried to override every painting method I could think of that was important, but when I test it, nothing is shown. It is completely blank. Here is the code below. I know I still have to override the general JScrollBar methods and pass them to the primary scrollbar. Does anyone have any ideas on how to do somethink like I am attempting to do?
import java.awt.*;
import javax.swing.*;
import java.lang.reflect.*;
* <p>Title: </p>
* <p>Description: This class masquerades as a JScrollBar, but it wraps two scrollbars next to each other. The
* main scrollbar, and the secondary scrollbar which is smaller. Any calls which treat this as a regular scrollbar
* will return the main scrollbar's values, while the special methods can be used to return the seondary scrollbar's
* values.
* </p>
* <p>Copyright: Copyright (c) 2003</p>
* <p>Company: </p>
* @author not attributable
* @version 1.0
public class DoubleScrollBar extends JScrollBar {
JPanel panel = new JPanel();
JScrollBar primary;
JScrollBar secondary;
public DoubleScrollBar(int orientation) {
    init(orientation);
void init() {
    panel.setLayout(new GridBagLayout());
    if ( orientation == JScrollBar.HORIZONTAL ) {
      primary = new JScrollBar(JScrollBar.HORIZONTAL);
      secondary = new JScrollBar(JScrollBar.HORIZONTAL);
      GridBagConstraints gbc = new GridBagConstraints(0, 0, 1, 1, 0.75, 0.0,
          GridBagConstraints.WEST, GridBagConstraints.HORIZONTAL, new Insets(0, 0, 0, 0), 0, 0);
      panel.add(primary, gbc);
      gbc.gridx = 1;
      gbc.weightx = 0.25;
      gbc.anchor = GridBagConstraints.EAST;
      panel.add(secondary, gbc);
    } else if ( orientation == JScrollBar.VERTICAL ) {
      primary = new JScrollBar(JScrollBar.VERTICAL);
      secondary = new JScrollBar(JScrollBar.VERTICAL);
      GridBagConstraints gbc = new GridBagConstraints(0, 0, 1, 1, 0.0, 0.75,
          GridBagConstraints.NORTH, GridBagConstraints.VERTICAL, new Insets(0, 0, 0, 0), 0, 0);
      panel.add(primary, gbc);
      gbc.gridy = 1;
      gbc.weighty = 0.25;
      gbc.anchor = GridBagConstraints.SOUTH;
      panel.add(secondary, gbc);
public Dimension getPreferredSize() {
    return panel.getPreferredSize();
public void setPreferredSize(Dimension d) {
    panel.setPreferredSize(d);
public Dimension getSize() {
    return panel.getSize();
public void paint(Graphics g) {
    panel.paint(g);
public void paintAll(Graphics g) {
    panel.paintAll(g);
protected void paintComponent(Graphics g) {
    try {
      Method m = panel.getClass().getMethod("paintComponent", new Class[] {Graphics.class});
      m.invoke(panel, new Object[] {g});
    catch (SecurityException ex) {
      System.out.println("SecurityException");
    catch (NoSuchMethodException ex) {
      System.out.println("NoSuchMethodException");
    catch (InvocationTargetException ex1) {
      System.out.println("InvocationTargetException");
    catch (IllegalArgumentException ex1) {
      System.out.println("IllegalArgumentException");
    catch (IllegalAccessException ex1) {
      System.out.println("IllegalAccessException");
public void paintComponents(Graphics g) {
    panel.paintComponents(g);
public void repaint(long tm, int x, int y, int w, int h) {
    if ( panel != null ) {
      panel.repaint(tm, x, y, w, h);
public int getWidth() {
    return panel.getWidth();
public int getHeight() {
    return panel.getHeight();
public static void main(String[] args) {
    JFrame f = new JFrame();
    DoubleScrollBar dsb = new DoubleScrollBar(JScrollBar.HORIZONTAL);
    dsb.setPreferredSize(new Dimension(200, 50));
    f.getContentPane().add(dsb);
    f.pack();
    f.show();

I know this isn't zooming, but maybe it will help.import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
public class Test3 extends JFrame {
MyPanel mp = new MyPanel();
public Test3() {
    setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    Container content = getContentPane();
    JScrollBar jsb = new JScrollBar();
    jsb.addAdjustmentListener(new AdjustmentListener() {
      public void adjustmentValueChanged(AdjustmentEvent ae) {
        mp.setSize(ae.getValue()*5);
    content.add(jsb, BorderLayout.EAST);
    mp.setPreferredSize(new Dimension(500,500));
    content.add(new JScrollPane(mp), BorderLayout.CENTER);
    setSize(300, 300);
public static void main(String[] args) { new Test3().setVisible(true); }
class MyPanel extends JPanel {
int size;
public void paintComponent(Graphics g) {
    super.paintComponent(g);
    g.setColor(Color.red);
    g.drawRect(10,10,size,size);
public void setSize(int size) {
    this.size=size;
    repaint();
}

Setting scroll bar to inbisible when not needed

Here is the post again, some quotation marks came out as
letters before. This is correct version
I'm using AS 2.0, and have added a
scroll bar with instance name: ...................sb1
a dynamic text field with instance name:.... tb1_txt
an external text file named as:....................home.txt
I want to make the scroll bar invisible or transparent, when
its is not needed. I'm thinking that I may have to use the _visible
property, but not sure of the correct code to integrate this.
Any suggestions anyone?

// Note:
Create a movie clip to put the code into
Use only 2 frames
Use 2 layers
Layer 1 put the action script
Layer 2 put the textarea and the scrollbar
Put a keyframe on each frame in only the Action Script layer.
The 2nd layer should only have a keyfram on the first frame
and span both frames 1 and 2.
On the first frame (do not put a stop() method here)
- set the visibility of the scrollbar to false
- set the text content / value of the textarea
On the second frame
- Put the action script
stop();
if(textDisplay.maxscroll > 1){
textscroll._visible = true;
} // if

How to add scroll bar to JDesktopPane?

Hi All,
After download the "InternalFrameDemo.java" from the swing tutorial, I want to add scrollbars to JDesktopPane so that whenever a internal frame moves off the desktop view port, a scrollbar will display. I have tried many ways to implement this but no success.
Do you know how to add scrollbars to JDesktopPane?
Thanks
Anson

You can't get there from here! Assuming that wou want is to make the desktop scrollable that is.
The trick to make somthing scrollable is to make JScrollPane CONTAIN the component to be scrolled. If you could ask the desktop to return the component it contains, you might have a chance but no luck, the desktop pane actually inherits a layered pane which is most likey is what you would like JScrollPane to contain.
Now here's another angle to this story... the desktop is complex enough without scrollbars, why would you want to complicate things by adding a scroll bar anyway? Say one of its window is maximized and has a scrollbar of its own AND the desktop has one.... that makes TWO scroll bars side by side. Talk about confusing.
I believe the desktop was designed so scroll bars can't be added for a very good reason: good UI practises.

Vertical Scroll bar not using all view port space

I'm developing an ADF application in 11g to be used on a PC and under the browser on an IPAD. My top page layout has a panel group layout of scroll. When the page renders in IE it does not consume all the available viewport. The vertical scroll bar stops about an inch above the bottom of the page. On the IPAD, when I have the device in portrait orentation, I only get about half the window area. I need to have the page render in all the available space on the viewport, especially on the IPAD. Can anyone tell me how I can get the page to render and take up all the available space in the viewport?

I did try that. I was having some issues with trying to put everything I had on the page inside of one. I think it actuall turned out to be something else. I was messing around with things on the page fragment. ADF was adding a scroll bar but not using the whole page to do so. I took the scroll panel off the page fragment and off of any other page fragment including the actual JSF page. When I set a large heigth for the page on my top panel group, which I had on the main page that contained the bonded task flow region, I got the browser to create the scroll bar for me for the whole page. It fixed the problem on the PC and it also fixed the issue I had with the page rendering on the IPAD. The IPAD now allowed the whole page to be scrolled by sliding your finger.

Scroll bar request on HP APP store

Is it possible to request adding a scroll bar in the HP APP Store page to quickly go thru the apps list instead of flicking thru the list page by page?
Post relates to: HP TouchPad (WiFi)

View the up-to-date program site here.
It will be a redeemably code
The OS X Lion Up-to-Date upgrade will be available at no additional charge via the Mac App Store to all customers who purchased a qualifying new Mac system from Apple or an Apple Authorized Reseller on or after June 6, 2011. Users must request their Up-to-Date upgrade within 30 days of purchase of their Mac computer. Customers who purchase a qualifying Mac between June 6, 2011 and the date when Lion is available in the Mac App Store will have 30 days from Lion’s official release date to make a request.
When Lion becomes available in July, come back to this page for details on how to request your copy of Lion.

Adding a scroll bar

Similar Messages

Maybe you are looking for