Changing scroll bars to buttons

Hello all, I use Macromedia Dreamweaver Mac for my wepage
editing, I was wondering if anyone knows any helpful tutorials or
instructions on how to replace the ugly grey scroll bars in your
frames with arrow buttons or the like. Thanks much !!

You can control the colours of the scroll bar elements using
CSS which means you can effectively 'hide' the scroller etc. You
can find more info here:
http://websitetips.com/articles/css/scrollbars/
You can do it .... but should you? I'd agree with Micha,
avoid it if possible and perhaps revisit your design, i dislike
having many scrollables within a page especially when the
containers are not dimensioned relative to thier content (don't
make me scroll when I shouldn't have to).
Karen

Similar Messages

How to make a scroll Bar with buttons

Hi all,
I am using Flash cs6 on an iMAC running 10.7.2
I would like to know if anyone could please point me to a tutorial, showing "how to create a scroll bar with buttons". I am having a heck of a time finding a tutorial.
Many thanks in advance.
regards,
DH

http://learnola.com/2008/10/27/flash-tutorial-create-a-custom-scrollbar-with-actionscript/

Scroll bars & creating buttons problem

I am trying to create a basic photo browser. The upper area is the enlarged view of the image. The lower portion is a scrollable view of the thumbnails in the directory chosen. I have most of it working...except that the scrollable view doesn't scroll, and the buttons that I created don't cause the image to show up in the main view port.
There is the main window, divided into two parts: upper and lower. The upper part is the main view, as described above. The lower part is a panel. That lower panel contains two things, another panel and a button. This panel inside the lower section contains the scrollable window; this scrollable window is a viewport onto another panel that contains the dynamically created buttons (which are thumbnails of the images in the directory).
I was trying to force the scrollbar policy to always show the horizontal bar (that is the only one I want visible) but that wasn't working either; I would get compiler errors when that was included. I have tried adjusting sizes of things, and the order that things are added to the main JFrame.
Any suggestions would be appreciated.
Here is the code:
import java.awt.BorderLayout;
import java.awt.Color;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.io.File;
import java.io.FileFilter;
import javax.swing.BorderFactory;
import javax.swing.JButton;
import javax.swing.JFileChooser;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.JScrollPane;
import javax.swing.ScrollPaneConstants;
import javax.swing.border.EtchedBorder;
import javax.swing.filechooser.FileNameExtensionFilter;
* PhotoGUI Browse
* Description: Generate a GUI interface for viewing a large view of an image and previews of thumbnails
* in a directory. There are two parts to the GUI: large upper section for main viewing, and a short lower
* section for viewing the thumbnail previews. The lower section is also split into two parts: the left part
* is a scrollable pane where the thumbnails will be previewed, and then a small section to the right where
* a button for changing directories will be present. (I wanted the button to always be visible so didn't
* put it in the scrollable area.)
public class PhotoGUI extends JFrame {
     final int SIZE = 75;     //scaling size for images in thumbnail browser
     boolean firstRunThrough = true;               //Changes behavior of directory requester
     private JPanel thumbs;
     private JPanel pickNThumbs;
     private ImagePanel bigView ;
     private JScrollPane scroller;
     private JButton pickDirButton;
     private thumbSelectedListener thumbPicksNose;
     public PhotoGUI () {
          this.setDefaultCloseOperation (EXIT_ON_CLOSE);
          this.setSize(600,600);       //Starting size of the overall container.
          this.setTitle("Eye Photo photo browser");
          //The upper portion of the GUI, where the large view of the image will be held
          bigView = new ImagePanel();
          //bigView.setSize (600,500);
          //The bottom section of the GUI; will hold the thumbnail previews
          //(in a scrollable panel) and a button for changing directories.
          pickNThumbs = new JPanel();
          pickNThumbs.setBackground(Color.WHITE);
          pickNThumbs.setSize(600,100);
          pickDirButton = new JButton("Pick directory...");
          //pickDirButton.setSize(75,150);
          dirPickListener dirButton = new dirPickListener ();
          pickDirButton.addActionListener(dirButton);
          thumbs = new JPanel();              //The panel that will hold the thumbnail previews
          scroller = new JScrollPane(thumbs);       //Setting the scroll bar pane to view the thumbnail panel
          //scroller.setVerticalScrollBarPolicy(ScrollPaneConstants.HORIZONTAL_SCROLLBAR_NEVER);
          //scroller.setHorizontalScrollBarPolicy(ScrollPaneConstants.HORIZONTAL_SCROLLBAR_ALWAYS);
          // scroller.setSize(525,100);
          scroller.setBorder(BorderFactory.createEtchedBorder(EtchedBorder.LOWERED));
          pickNThumbs.add(scroller);
          pickNThumbs.add(pickDirButton);
          this.add(bigView);
          this.add(pickNThumbs, BorderLayout.SOUTH);
          String pickedDir = pickDir();               //Setting up the while loop so it will keep requesting
          if (pickedDir.equals("-1")) {
               if (firstRunThrough)   System.exit(0);          //End program if they don't pick a dir the first time through.
          }else {
               thumbsUp(pickedDir);                 //They picked good Dir; populate thumbnails
               firstRunThrough = false;
     public String pickDir () {
          // This is the file chooser method.
          JFileChooser dirPicker = new JFileChooser();
          dirPicker.setDialogTitle("Pick a directory");
          dirPicker.setApproveButtonText("Open directory");
          dirPicker.setFileSelectionMode(JFileChooser.DIRECTORIES_ONLY);
          int x = dirPicker.showOpenDialog(getParent());   //maybe I don't need this?
          if (x == JFileChooser.APPROVE_OPTION) {
               return dirPicker.getSelectedFile().getAbsolutePath();
          } else return "-1";              //Just to cover all possible conditions
     public void thumbsUp (String chosenDir) {
          // Thumb populater method. It adds each thumb-button to the scroller panel
          thumbs.removeAll();         //Need to remove old directory's buttons
          File selectedDir = new File(chosenDir);
         FileNameExtensionFilter filter = new FileNameExtensionFilter("JPG/GIF/BMP/PNG Images", "bmp", "jpg", "jpeg", "gif", "png");
          File [] dirEntries = selectedDir.listFiles();
          for (File tempFile : dirEntries) {
               if (filter.accept(tempFile) && tempFile.isFile()) {       //That way I only get certain types
                    JButton howToNameMultipleButtons = new JButton();
                    howToNameMultipleButtons.setActionCommand(tempFile.getAbsolutePath());
//                    System.out.println(tempFile.getAbsolutePath());
//                    System.out.println(howToNameMultipleButtons.getActionCommand());
                    howToNameMultipleButtons.setIcon(new ScaledIcon(tempFile.getAbsolutePath(), SIZE));
                    howToNameMultipleButtons.addActionListener(thumbPicksNose);
                    thumbs.add(howToNameMultipleButtons);
          this.setVisible(true);   //Down here so first run through program opens Dialog before showing
     public class dirPickListener implements ActionListener {
          public void actionPerformed (ActionEvent ae) {
               thumbsUp(pickDir());     //Opens Dir selection dialog and feeds the thumbnail populater
     public class thumbSelectedListener implements ActionListener {
          public void actionPerformed (ActionEvent ae) {
               String thumbPicked = ae.getActionCommand();    //Should return path string of thumbButton clicked
               // System.out.println(ae.getActionCommand());    //TSing step; to see if this bit even fires off.
               bigView.setImage(thumbPicked);
               bigView.setToolTipText(thumbPicked);
               // bigView.setBackground(Color.GREEN);
}

Ah! I got some of it figured out at least...
Setting the preferred size parameter has caused the scroll bars to display! :) Thanks for the hint on that.
But I get an error when I try and use the scrollbar policy settings. Here are the results:
Exception in thread "main" java.lang.IllegalArgumentException: invalid verticalScrollBarPolicy
     at javax.swing.JScrollPane.setVerticalScrollBarPolicy(Unknown Source)
     at javax.swing.JScrollPane.<init>(Unknown Source)
     at PhotoGUI.<init>(PhotoGUI.java:70)
     at PhotoBrowser.main(PhotoBrowser.java:15)And the code I used:
scroller = new JScrollPane(thumbs,
                    ScrollPaneConstants.HORIZONTAL_SCROLLBAR_ALWAYS,
                    ScrollPaneConstants.VERTICAL_SCROLLBAR_NEVER);       //Setting the scroll bar pane to view the thumbnail panel
          Edited by: Mole_Hunter on Feb 1, 2010 9:57 AM

Problem changing scroll bar color using UIManager

I am using the following code to change the color of a JScrollBar just before instantiating a JScrollPane:
[ code ]
//set colors
UIManager.put("ScrollBar.thumbLightShadow", ltGrn );
UIManager.put("ScrollBar.thumb", grn );
UIManager.put("ToolBar.thumb", ltGrn );
UIManager.put("ScrollBar.thumbDarkShadow", darkGrn );
UIManager.put("ScrollBar.thumbShadow", darkGrn );
UIManager.put("ScrollBar.thumbHighlight", ltGrn );
//instantiate
JScrollPane scrollPane = new JScrollPane( table );
//reset UIManager
UIManager.put("ScrollBar.thumbLightShadow", null );
UIManager.put("ScrollBar.thumb",null );
UIManager.put("ToolBar.thumb", null );
UIManager.put("ScrollBar.thumbDarkShadow", null );
UIManager.put("ScrollBar.thumbShadow", null );
UIManager.put("ScrollBar.thumbHighlight", null );
[ /code ]
where ltGrn, darkGrn, and grn are various shades of green.
Everything works fine, UNTIL I open another JFrame that is part of the same program. After doing this, the original scroll bar above is still green, EXCEPT the border of it has changed to Metal Theme puple from green. In addition, if that second JFrame has any JScrollBars of it's own, they are Metal Theme purple with a green border! It seems to be a bug since only one part of the JScrollBar changes. If anyone has any suggestions on this I thank you in advance.
AC

When I execute the following I see identical modified scrollbars on the two frames that are created within this little app. I am relatively new to Java, so the design might not be great here, but the code will compile and run as is. You can use this to see if you still see the effect you have described. I am using version 1.4.1_03 on Red Hat Linux 8.0.
import javax.swing.*;
import java.awt.*;
import java.awt.event.*;
import javax.swing.plaf.*;
public class Frame extends JFrame implements ActionListener
     JButton btnOne = new JButton("First Frame");
     JButton btnTwo = new JButton("Second Frame");
     public static void main(String[] args)
          Frame f = new Frame();
          f.setSize(300, 300);
          f.show();
     public Frame()
          setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
          redesignScroll();
          // This method resets the default colors for the scrollbars..
          btnOne.addActionListener(this);
          btnTwo.addActionListener(this);
          Container contentPane = getContentPane();
          contentPane.setLayout(new GridLayout(2, 1, 5, 5));
          contentPane.add(btnOne);
          contentPane.add(btnTwo);
     public void actionPerformed(ActionEvent e)
          if (e.getSource() == btnOne)
               new FirstPopUp();
          else new SecondPopUp();
     private void redesignScroll()
          final Color cBkd = new Color(97, 115, 87);
          UIDefaults defaults = UIManager.getDefaults();
          defaults.put("ScrollBar.thumbHighlight",
                    new ColorUIResource(Color.darkGray));
          defaults.put("ScrollBar.thumbShadow",
                    new ColorUIResource(Color.black));
          defaults.put("ScrollBar.shadow",
                    new ColorUIResource(Color.black));
          defaults.put("ScrollBar.background",
                    new ColorUIResource(cBkd));
          defaults.put("ScrollBar.darkShadow",
                    new ColorUIResource(Color.black));
          defaults.put("ScrollBar.thumb",
                    new ColorUIResource(cBkd));
          defaults.put("ScrollBar.highlight",
                    new ColorUIResource(Color.black));
     private class FirstPopUp extends JFrame
          private JScrollPane sp;
          private String text = "Hello World! First Pop Up!\n ";
          private JTextArea area;
          FirstPopUp()
               area = new JTextArea();
               int i = 0;
               while (i < 20)
                    area.append(text);
                    i++;
               sp = new JScrollPane(area);
               getContentPane().add(sp);
               setSize(200, 200);
               show();
     private class SecondPopUp extends JFrame
          private JScrollPane sp;
          private String text = "Hello World! Second Pop Up!\n ";
          private JTextArea area;
          SecondPopUp()
               area = new JTextArea();
               int i = 0;
               while (i < 20)
                    area.append(text);
                    i++;
               sp = new JScrollPane(area);
               getContentPane().add(sp);
               setSize(200, 200);
               show();
}

WD ABAP scroll bars and buttons don't appear

If I test a transaction and the control or scroll bars don't appear when I test the service via SICF, how can I modifiy it to ensure the controls appear in SAPGUI versus webgui?
Thanks
Mikie

>
mbrogan wrote:
> If I test a transaction and the control or scroll bars don't appear when I test the service via SICF, how can I modifiy it to ensure the controls appear in SAPGUI versus webgui?
>
> Thanks
> Mikie
What? I'm really confused by your question. Is it even about Web Dynpro ABAP? You are talking about SAPGUI vs. Webgui. What does that have to do with Web Dynpro ABAP?

Horizontal scroll bar haing Button and TextFiel

Hi ,
I need a GUI in which
JScrollPane 's Horizontal scrollbar should have a panel with buttons and textfiel to it right
| Panel withi buttons and TextFiel | Horizontal Scrollbar |
|_____________________________|___________________________________|

Type '''about:addons'''<Enter> in the address bar to open your Add-ons Manager.
Hot key; '''<Control>''(Mac:<Command>)''<Shift> A)'''
In the Add-ons Manager, on the left, select '''Extensions.'''
Disable a few add-ons, then '''Restart Firefox.'''
Some added toolbar and anti-virus add-ons are known to cause
Firefox issues. '''Disable All of them.'''
If the problem continues, disable some more (restarting FF). Continue until
the problem is gone. After, you know what group is causing the issue.
Re-enable the last group '''ONE AT A TIME''' (restarting FF) until the problem returns.
Once you think you found the problem, disable that and re-enable all the
others, then restart again. Let us know who the suspect is detective.

All web pages appear with a blinking cursor like in a "word document". i can't scroll down or up using the buttons of my key board. i have to pull down the scroll bar. something in settings has changed. how to correct it??

all web pages appear with a blinking cursor like in a "word document". i can't scroll down or up using the buttons of my key board. i have to pull down the scroll bar. something in settings has changed. how to correct it??
== This happened ==
Just once or twice
== 2 days ago.

See also this article about caret browsing: http://kb.mozillazine.org/Scrolling_with_arrow_keys_no_longer_works
In Firefox 3.6 and later versions you can disable the F7 shortcut that toggles caret browsing by setting the pref accessibility.browsewithcaret_shortcut.enabled to false.
To open the ''about:config'' page, type '''about:config''' in the location (address) bar and press the Enter key, just like you type the url of a website to open a website.
If you see a warning then you can confirm that you want to access that page.

Scroll bar buttons are missing

scroll bar buttons, arrows at the top and bottom of the scroll bar in the Thunderbird inbox, are missing in a linux distrobution. They are present in windows XP. The version is 24.6.0. How can I get them back?

I do not have any linux system, but located this item:
re; openSUSE
http://opensuse.14.x6.nabble.com/Scrollbar-arrows-inT-bird-and-FF-td4999329.html
scroll down as this person fixed the same issue you seem to be experiencing.
Also Linux REdhat Fedora:
http://comments.gmane.org/gmane.linux.redhat.fedora.general/424758
quote:
''In my case, something during the upgrade to f17 has changed xfce's
Appearance/Style to using Adwaita-style. This style lacks arrows
on scrollbars and therefore hardly usable in scenarios like yours or mine.''
''Changing 'Appearance/Style' to a different 'style' through
Application Menu>Settings'>Appearance->Style
brought back the arrows.''

Scroll bar buttons/arrows

Scroll bar buttons (aka arrows) allow for much more precise scrolling than using fingers on a trackpad, dragging the scroll bar, or pressing the arrow keys. These methods are all too jerky, and it's too difficult to scroll to a particular line in a large document. I cannot possibly overstate my frustration resulting from elimination of the buttons. I'm pleading with Apple to restore them. Why not at least make them an option?
Is there some hidden option to get them back or some alternative I'm not aware of?

I do not have any linux system, but located this item:
re; openSUSE
http://opensuse.14.x6.nabble.com/Scrollbar-arrows-inT-bird-and-FF-td4999329.html
scroll down as this person fixed the same issue you seem to be experiencing.
Also Linux REdhat Fedora:
http://comments.gmane.org/gmane.linux.redhat.fedora.general/424758
quote:
''In my case, something during the upgrade to f17 has changed xfce's
Appearance/Style to using Adwaita-style. This style lacks arrows
on scrollbars and therefore hardly usable in scenarios like yours or mine.''
''Changing 'Appearance/Style' to a different 'style' through
Application Menu>Settings'>Appearance->Style
brought back the arrows.''

Scroll bar, buttons and a Custom Component - help

Thanks to another forum I was able to create a scroll panel and add a scroll bar to it. That works fine. Inside the scroll panel I have thumbnails of the product that I'm highlighting. I want to be able to click on the thumbnail and have a full size photo of the product come up in the window next to the scroll panel. I created a custom component that has a stage showing each full size product individually. This worked fine when I simply had buttons and no scroll bar. I could convert the thumbnail to a button and then add interaction so that it would go to the proper state of the custom component. Where I'm having problems is now that I've imbedded the buttons in a scroll panel I'm no longer given the custom component as an option to pick from. I can add interaction, but it only gives me the option of picking one of the pages, and not a component.
I've attached a screen grab to help show what I'm describing.
Any ideas?
Doug

Doug, thanks for asking this question.
Hi ADAM...
It seems that a lot of us are asking the same question: Scrollbar Navigation-Make Actionable
(I created a low-fidelity proof-of-concept to test—using a datalist as you suggested. See link in my posting).
I have reviewed the video you refer to here, but you example still does not allow for individual items in the datalist (scrollbar) to be assigned individual actionable events.
Can you expain your thinking in Option 1, as a workaround? Do you have any other suggestions?
BOTTOM LINE
We are all looking to do the same thing... something we are going to see A LOT MORE of after Uncle Steve's TABLET presentation next week:
A scrolling menu, with selected items in the menu causing "navigation" to a certain point in a scroll panel. (imitating the flick or slide effect of iPhone).
Suggestion: Can you add a field to thedatalist so that when the "repeated item" (in edit mode) is configuredto do an action (i.e., On-Click, Transition to State), we can then assign the state you'd like for each item in thetable itself?
Now the issue is making it change the "State" within another component (i.e. scrolling panel). Can that be done?
Thanks,
- Rick

AdvancedDatagrid scroll bar buttons

Hello Guys, I've created an AdvancedDataGrid and i've populated it with an XML file. I need to increase the size of the Scroll Bar buttons.
Is it possible?
How can I do?
byee!

I do not have any linux system, but located this item:
re; openSUSE
http://opensuse.14.x6.nabble.com/Scrollbar-arrows-inT-bird-and-FF-td4999329.html
scroll down as this person fixed the same issue you seem to be experiencing.
Also Linux REdhat Fedora:
http://comments.gmane.org/gmane.linux.redhat.fedora.general/424758
quote:
''In my case, something during the upgrade to f17 has changed xfce's
Appearance/Style to using Adwaita-style. This style lacks arrows
on scrollbars and therefore hardly usable in scenarios like yours or mine.''
''Changing 'Appearance/Style' to a different 'style' through
Application Menu>Settings'>Appearance->Style
brought back the arrows.''

Missing Print button and scroll bar

I am using Adobe Reader X version 10.1.9 on a Dell laptop and cannot see the print button or the right vertical scroll bar. How do I fix this?

One other thing: I know that WebHelp does not allow a Print
button, and at one point we had to try WebHelp as a substitute
while we solved another bug. This is why I deleted everything in
the output folder (to get rid of WebHelp files that could be
interfering) and reran the output, but no change in the
results.

How to change the title bar wdith , scroll bar widths in tune with a 7" screen

can you please help me customize my user chrome section so that I can REDUCE the WIDTH of the scroll bar ( horizontal and vertical ) . That is , at max the scroll bar can be ___ pixels of __ % of total width. ( prefer the relative reference )
Also the title bar ( that black surrounding area that bears the minimize, maximize,close buttons ) needs its width reduced to half of what it is now. How do I do this ?

No. That doesn't work any more. In current Firefox versions native scroll bars are used and you can't do style those via userChrome.css (user interface; chrome windows) and userContent.css (websites). You can try a large theme if you do not want to make the changes via the Control Panel

I would like to know it it's possible to change the scroll bar from the right part of the firefox browser, to the left part and, if it's possible, how can it be done. Thank you!

The scroll bar (the one used to scroll up and down any kind of website), that is normally in the right part of the firefox browser, would be of much help to me if it could sometimes be moved to the left part of the browser. Is this possible? How can it be done? Can anybody tell me the exact steps to take in order to do this (if it is possible of course)? This would be helpfull to me, since I think that the firefox scroll bar is overlaping the scroll part of the facebook chat sidebar, since I just can see a few people on this facebook chat sidebar and I can´t scroll along it, as I could a while ago. So my guess is that the firefox scroll bar is covering the other. In order to solve it in a simpler way, I guessed that if the firefox scroll bar could be moved to the left side of the browser, this problem could be solved. So, can anybody help me?

http://kb.mozillazine.org/layout.scrollbar.side
Type '''about:config''' in Location (address) bar
filter for '''layout.scrollbar.side'''
Right-click the Preference and Modify it to '''3'''
You may need to reload any pages open to have scrollbar move to left after Preference change.

My firefox browser window will not stay in full screen mode, it keeps reducing itself so I can't use the scroll down button on the side, so I have to constantly minimize and maximize to get to the scroll bar, How can I stop this?

Like I said it happens every few minutes... It is annoying when you are on the internet for more than a few minutes because you constantly have to either minimize it or reduce the screen manually by hitting the button and then maximize it again to get the scroll bar to be in view to use it.

Delete the localstore.rdf file at the following location:
C:\Users\'''USERNAME'''\AppData\Roaming\Mozilla\Firefox\Profiles\'''PROFILE NAME'''
I did this and it fixed it for several days, but it broke again eventually.

Changing scroll bars to buttons

Similar Messages

Maybe you are looking for