Custom Scroll Bar

Hi,
I want to implement a custom scroll bar which functions like the one in StartMenu->Programs option. Instead of a vertical scroll bar I want buttons at the top and botton of the frame and on mouse over of it I want to implement the vertical scroll bar functionality. Is there any way to do it in Java. Basically I have a panel where in I have added a JTree component. I want to implement these scroll bars in this panel.
Thanks in advance.

dynamic is the easiest go with that

Similar Messages

  • Custom Scroll Bar (value before mouse buttonrelease)

    Hi Forte Users,
    Has anyone been able to modify the scroll bar so that the value was
    continually updated?
    Basically I want to be able to change a value in a DataField while the
    scroll is moved, not after the mouse button is released.
    The AfterValueChanged event will only be posted once the mouse button is
    released therefore I used a Timer.Tick event to continually poll the scroll
    bar for its value but found that this value also only changed when the
    mouse button was released.
    Any help would be appreciated,
    Douglas Reith
    PricewaterhouseCoopers
    Australia
    e-mail: [email protected]
    The information transmitted is intended only for the person or entity to
    which it is addressed and may contain confidential and/or privileged
    material. Any review, retransmission, dissemination or other use of, or
    taking of any action in reliance upon, this information by persons or
    entities other than the intended recipient is prohibited. If you received
    this in error, please contact the sender and delete the material from any
    computer.

    jQuery Custom Scrollbars
    http://www.net-kit.com/jquery-custom-scrollbar-plugins/
    Nancy O.

  • Custom scroll bar and image window

    Hi Guys!
    Im having trouble finding content on this, basically i want to create a window on my webpage that will scroll horizontally through a series of images, im guessing this may be done via javascript, does anyone know of any tutorials that may help me out. I wouldn't mind having a scrollable div on the page but i can seem to change the css of the scroll bar and feel thsi may cause problems when using various browsers..
    please see the layout attached with the small white line below the image, which will be the knob with a black bar in the background.
    thanks, any help will be greatly appreciated, have a nice day
    Rus

    http://www.solutoire.com/experiments/scrollbar/index.html
    http://www.hesido.com/web.php?page=customscrollbar
    http://www.n-son.com/scripts/jsScrolling/jsScrollbar.html
    You also may want to google "scroll javascript" for more options.

  • Custom scroll bar in edge animate?

    Hello everyone!
    I have been test edge animate for a while now playing with all it's buttons and gadets and I recently came across a java script code which allows the timeline to be controled by the scrollbar, which you can download for youself below. To my understanding it is an early preview of edge commons 9.0 which is being worked on by simonwidjaja and his team.
    http://labs.edgedocks.com/content/gimmick/parallax.zip
    I love the ability to be able to control the timeline by the scrollbar. However this type of effect only looks smooth on browsers with smooth scrolling. And because very few browsers ship with smooth scrolling by default (I believe Firefox is the only one) and very few internet users have the knowedge to turn smooth scrolling on it kind of ruins the parallax effect when it is viewed on a browser that skips 150 px (or in our case many frames of the animation) every time you scroll down.
    Does anyone know either how build a custom scrollbar in edge animate that would be triggered by the mousewheel and keyboard that would control the animation? If so please please please let me know, I have tried doing this myself for about a week and have gotten nowhere.
    Thank you so much for your help!

    I'm desperate for a solution to this, too.
    I've been frying my poor noodle of a brain for days now, researching, reading and experimenting with all sorts of things, but I'm getting absolutely nowhere. I'd love to be able to reproduce something like the smooth mouse wheel scroll which can be seen at www.boycoy.com but using the superb Edge Commons Parallax feature (or something similar?) to run Edge content.
    Any ideas anyone? Not looking for easy fixes, I'm very happy to learn and develop stuff that I can feedback into the mix for all. I just need pointing in the right direction

  • Scroll bar moves when clicked on

    Hello.  I have a custom scroll bar that was made using AS2.  It works fine except that when you click on the bar and move it, the image shifts slightly and then doesn't line up correctly.  I don't know what's causing it to shift.  All registration points are in the upper left hand corner.  I was really hoping someone could help me with this.  Here is the code:
    txt.setMask(mask)
    scrollbar.onMouseDown = function() {
        if (this.hitTest(_root._xmouse, _root._ymouse) && txt._height>mask._height) {
            this.startDrag(false, scrollbarBG._x, scrollbarBG._y, scrollbarBG._x, scrollbarBG._height-this._height)
            txt.onEnterFrame = scrollThumbs;
            dragging = true
    scrollbar.onMouseUp = function() {
        stopDrag()
        dragging = false
        delete this.onEnterFrame;
    function scrollThumbs() {
        var funkyVar = -this._parent.scrollbar._y*(((this._height-this._parent.scrollbar._height)/(this._parent. scrollbarBG._height-this._parent.scrollbar._height))-1)
        this.Y = (funkyVar-this._y)*.2;
        this._y += this.Y;
        if(Math.abs(funkyVar-this._y)<1 && !dragging){
            delete this.onEnterFrame

    Thank you very much for the code.  After what you said, though, I went to find different code.  I used kirupa this time.  I just finished testing it out.  I typed in the code and it went a lot smoother.  However, the scroll bar top is STILL shifting to the side.  So it must mean it's not the code that is messing up?  All the registration points are in the upper left hand corner.  Should the points be somewhere else to stop the shifting?  Here's the code:
    scrolling = function () {
    var scrollHeight:Number = scrollTrack._height;
    var contentHeight:Number = contentMain._height;
    var scrollFaceHeight:Number = scrollFace._height;
    var maskHeight:Number = maskedView._height;
    var initPosition:Number = scrollFace._y=scrollTrack._y;
    var initContentPos:Number = contentMain._y;
    var finalContentPos:Number = maskHeight-contentHeight+initContentPos;
    var left:Number = scrollTrack._x;
    var top:Number = scrollTrack._y;
    var right:Number = scrollTrack._x;
    var bottom:Number = scrollTrack._height-scrollFaceHeight+scrollTrack._y;
    var dy:Number = 0;
    var speed:Number = 10;
    var moveVal:Number = (contentHeight-maskHeight)/(scrollHeight-scrollFaceHeight);
    scrollFace.onPress = function() {
    var currPos:Number = this._y;
    startDrag(this, false, left, top, right, bottom);
    this.onMouseMove = function() {
    dy = Math.abs(initPosition-this._y);
    contentMain._y = Math.round(dy*-1*moveVal+initContentPos);
    scrollFace.onMouseUp = function() {
    stopDrag();
    delete this.onMouseMove;
    btnUp.onPress = function() {
    this.onEnterFrame = function() {
    if (contentMain._y+speed<maskedView._y) {
    if (scrollFace._y<=top) {
    scrollFace._y = top;
    } else {
    scrollFace._y -= speed/moveVal;
    contentMain._y += speed;
    } else {
    scrollFace._y = top;
    contentMain._y = maskedView._y;
    delete this.onEnterFrame;
    btnUp.onDragOut = function() {
    delete this.onEnterFrame;
    btnUp.onRollOut = function() {
    delete this.onEnterFrame;
    btnDown.onPress = function() {
    this.onEnterFrame = function() {
    if (contentMain._y-speed>finalContentPos) {
    if (scrollFace._y>=bottom) {
    scrollFace._y = bottom;
    } else {
    scrollFace._y += speed/moveVal;
    contentMain._y -= speed;
    } else {
    scrollFace._y = bottom;
    contentMain._y = finalContentPos;
    delete this.onEnterFrame;
    btnDown.onRelease = function() {
    delete this.onEnterFrame;
    btnDown.onDragOut = function() {
    delete this.onEnterFrame;
    if (contentHeight<maskHeight) {
    scrollFace._visible = false;
    btnUp.enabled = false;
    btnDown.enabled = false;
    } else {
    scrollFace._visible = true;
    btnUp.enabled = true;
    btnDown.enabled = true;
    scrolling();

  • Scrolling Flash Content With Mouse Scroll Bar

    I created a custom scroll bar in AS2.0 and it works great.
    But now I would like the content to scroll with the mouse scroll
    wheel. Any ideas?

    Anyone know how to fix this on Mac Osx, it works in preview
    but not in safari. Any pointers?
    var mouseListener:Object = new Object ();
    mouseListener.onMouseWheel = function (delta)
    //contentMain._y += delta;
    scrollFace._y -= delta;
    if (scrollFace._y >= bottom)
    scrollFace._y = bottom;
    if (scrollFace._y <= top)
    scrollFace._y = top;
    updateContentPos ();
    Mouse.addListener (mouseListener);
    function updateContentPos ()
    var onePercent = (bottom - top) / 100;
    var scrollPerc = Math.floor ((scrollFace._y / onePercent) -
    37);
    var contentNewY = (contentMain._height * scrollPerc) / 100;
    //trace (scrollPerc + " " + contentNewY)
    contentMain._y = -contentNewY;
    }

  • Help with a scroll bar

    I am designing a website and I would like to include a
    customized scroll bar, I know there is components but I don't like
    the way they look, so I want a scroll bar that I can custumized so
    el have consistency with my webpage design.
    I know that you can do it with actionscript, so there is
    anybody that can help me with the script or give me a like for a
    tutorial.
    Thank you!!!

    I am having trouble getting my website to scroll down in "live" view. 
    Try disabling JavaScript in View > Live View Options.  I had snags in Live View caused by Widgets that linked to scripts on external servers (i.e. FaceBook badges or ADD THIS).  When I disable JavaScript, Live View performs normally.
    Nancy O.

  • Scroll bar visible but not able to scroll in custom screen for IW21

    Hi,
    We are using custom tab (screen exit) in transaction for creating notifications (TCode IW21). Two subscreens are configured to be embedded in the tab, combined area of which is exceeding screen size vertically. The scroll bar is visible in the tab but is not able to scroll using mouse scroll, but can be dragged up and down.
    Does anyone know how to make it scrollable or make the scroll bar visible at application level (not in tab) and make it working?
    Thank you,
    Deepak

    Hello,
    Would you please implement the Methods GET_DATA to get th data from Databas to screen fields and SET_dATA to update thedata from custom screen fields to Data base table in u r case LFB1.
    Regards,

  • 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

  • Scroll over highlight function not working on custom nav bar links

    Hi - I've created a custom nav bar in iWeb (www.HollywoodRC.com). I have it set up so that the text highlights when scrolled over. This function works in iWeb but does not work on my published site in Safari; however, works in my published site on IE. Any ideas on how to get the scroll over highlight to work on my published safari site? All the links work properly.
    Thanks,
    Steve

    No. Things must have changed. I created a hyperlink with a non web safe font, LedgerD, added a drop shadow and published. I also put the same link in a shape. You can see them in this test page: Page-1 . The two items are image files but they do not contain the link text. Very strange. The hyperlink text can't be selected nor dragged to the desktop like other links, like the Click to Play links on the page, however.
    However, I don't know how IE will handle it. According to this IE emulator site, http://ipinfo.info/netrenderer/, IE can see the drop shadow. But it doesn't tell us how the links will work.

  • Custom Horizontal Scroll Bar position on File Open

    Fellow Forum Members,
    I have a lot of PDF files that I want to open in a special way. I want them to open at 150% ZOOM and this was easy enough to setup in the PREFERENCES window.
    However, what is proving to be a big problem is changing how the horizontal scroll bar has a default position all the way to the left. My objective is to have the horizontal scroll bar positioned all the way to the right and at a 150% everytime I open a PDF file.
    The Preferences window doesn't seem to have a horizontal scroll bar position on open setting. Can anyone help me out and tell me how such a custom setting is possible with Acrobat 9 Extended? Any help will be greatly appreciated. Thanks.

    Does anyone have any ideas?

  • Scroll bar in field of custom Infotype

    Hi,
    I have created an infotype with some fields in it. I want one of the field as 'Description' field into it and it should have a scroll bar in it.
    Please suggest how to create a field with a scroll bar.
    The field should be capable of having 300 characters and should have 30 characters in each line.
    Thanks,
    Parul

    Hi Parul,
    For this you may have to use the concept of SAP TextEdit Control while designing the screen. You will also have to use classes and use logic for using such kind of text box.
    Regards,
    Amit Mittal.

  • Different Scroll bars in one file

    I've manually customized the look and feel of the scroll bars for scroll pane component and it works fine. I've two different files that have different visual styles for scroll bars. Now I want to merge these two files meaning I want to have one file with two different styles of scrollbars co-existing. I can resolve the naming conflicts but both of the them are using same asset names and action scripts (I think in the class definition).
    So basically my question if how can I have two different scroll bars implemented in one file?
    Many thanks

    You can make the clip that you want to play at 2 fps seem
    that way by just making it longer. Alternately, you could use a
    timed tween.

  • How to get rid of scroll bars in sub panels when displaying a VI which is part of a class?

    I am writing an application that applies different analyses to a set of data. The program must be flexible configurable. To not clutter the GUI with too much elements I ended up with the idea to load the needed user interfaces for each specific analysis dynamically into a single sub panel when needed. This works well without any problem.
    Due to the fact that all analyses share some common functionality I have decided to use LabVIEW classes for implementation. Each class has one VI representing the user interface to show in the sub panel.
    This works also well BUT the sub panel always shows a horizontal and vertical scroll bar I don't want to see!
    I have already learned that I need to change the user interface VI to a custom "Window Appearance" and disable the "Show scroll bar" properties. But this seems to work only for "normal" VIs but not for VIs that are part of a class.
    Any ideas?
    Ingo
    Solved!
    Go to Solution.

    Thanks Pixar, this was the right tip!
    Although: there seems to be a difference between "normal" VIs and VIs that are members of a class.
    For "normal" VIs it is sufficient to set the property to "Off While Running" and it works as expected.
    VIs part of a class need the "Always Off" setting" which is only accessible via right click on the scroll bars but not via the VI's properties box.
    Thanks and Regards
    Ingo

  • How to get Auto scroll bar in a JSP?

    Hi Gurus,
    I have created a custom jsp page in a B2B application. How to get the auto scroll bar when page is exceeded than it can display?
    Is there any specific tag or div which is to be included to get this scroll bar?
    Thanks a lot in advance!!
    Regards,
    Lakshman.

    Hi Lakshman,
    You can include it in stylsheet and then use that class in your <body> or "div"  tag.
    the CSS command is
    overflow:auto;
    you can use like
    <body style="overflow: auto;"> or -- div style="overflow: auto;" 
    You can declare class in ".css" file
    #c1
    .c1
    <body id="c1>> or <div id="c1">
    <body class="c1>> or <div class="c1">
    You can use either "class" or "id" by adding it to "CSS" file and the use it to any JSP file or by direct aditing "Style" attirbute in tag.
    so when your content is longer then your screen browser will display scroll bar automatically.
    I hope this will help you.
    Thanks and Regards.
    eCommerce Developer
    Edited by: Ecommerce Developer on Jul 9, 2009 5:58 PM
    Edited by: Ecommerce Developer on Jul 9, 2009 5:59 PM

Maybe you are looking for