Custom scrollbar

Good day
based on this post
http://forums.adobe.com/message/5526380#5526380
about the custom scrollbar thanks to zaxist for providing just one question how can i stop the scrollbar from duplicating when a button that takes me to a LABEL on the timeline is clicked because that is were my scrollable text is at the scrollbar works but it just duplicate itself on click.
am using this code
yepnope({nope:[ 'jquery.mCustomScrollbar.css',
                                                   'jquery.mousewheel.min.js',
                                                   'jquery.mCustomScrollbar.js',
                                                   'jquery-ui-1.8.21.custom.min.js',
                                                   'jquery-1.8.3.min.js',
                                                  ],complete: init});
          function init (){
                              sym.$("Fordnews").mCustomScrollbar({
                                        scrollInertia:500,
                                        scrollEasing:"easeOutCirc",
                                        scrollButtons:{
                                                  enable:true
thanks for your time
st

import javax.swing.*;
import java.awt.*;
import java.awt.event.*;
class Testing
  JButton btnAtTop, btnAtBottom;
  public void buildGUI()
    JScrollPane sp = new JScrollPane (new JTextArea(20,20));
    sp.getVerticalScrollBar().setUI(new javax.swing.plaf.metal.MetalScrollBarUI(){
      protected JButton createIncreaseButton(int orientation){
        btnAtBottom = super.createIncreaseButton(orientation);
        return btnAtBottom;
      protected JButton createDecreaseButton(int orientation){
        btnAtTop = super.createDecreaseButton(orientation);
        return btnAtTop;
    JFrame f = new JFrame();
    f.getContentPane().add(sp);
    f.setSize(400,300);
    f.setLocationRelativeTo(null);
    f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    f.setVisible(true);
    btnAtTop.addActionListener(new ActionListener(){
      public void actionPerformed(ActionEvent ae){
        System.out.println("Going up");
    btnAtBottom.addActionListener(new ActionListener(){
      public void actionPerformed(ActionEvent ae){
        System.out.println("Going down");
  public static void main(String[] args)
    SwingUtilities.invokeLater(new Runnable(){
      public void run(){
        new Testing().buildGUI();
}

Similar Messages

  • HTML Frames not using custom scrollbar in Flex 3 mx:HTML

    I've been working on an app that uses a custom skin in Flex 3. The app has a help window. The help contains an HTML with frames. Problem is, the main app vertical scrollbar custom skin is being ignored for the HTML Frames scrollbar (what looks like the classic version of Halo - maybe). This only happens with frames. It happens no matter how or where I place my HTML or HTMLLoader. If I dont have frames the custom scrollbar is used. Is there a node im missing in my skin css (obviously not VScrollBar or ScrollBar - the two standard used by Flex)? or some other way to connect the HTML Frames scrollbar to my custom skin.
    I'm not a noob but not an expert.
    Thanks.
    See attached image for example.

    Take the code of the jsp file :
    <%@ page language="java" %>
    <%@ taglib uri="WEB-INF/struts-html.tld" prefix="html" %>
    <html>
       <head>
         <title> First Struts Application </title>
       </head>
         <body>
            <table width="500" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td> </td>
            </tr>
            <tr bgcolor="#36566E">
              <td height="68" width="48%">
                <div align="left">
                  <img src="images/hht.gif" width="220" height="74">
                </div>
              </td>
            </tr>
            <tr>
             <td> </td>
            </tr>     
           </table>
           <html:form action="Lookup"
                      name="lookupForm"
                      type="wiley.LookupForm" >
           <table width="45%" border="0">
            <tr>
              <td>Symbol:</td>
              <td><html:text property="symbol" /> </td>
            </tr>
             <tr>       
              <td colspan="2" align="center"><html:submit/> </td>
             </tr>       
            </table>              
          </html:form>
         </body>
    </html>

  • How to create a custom scrollbar?

    I don't have much knowledge on using Adobe Edge but I do have a custom scrollbar that I created in Flash Catalyst that I would like to make viewable on just an html site. Here's the flash based scrollbar on my site
    http://www.justdesignstudio.net/about.html
    Is it possible to create the exact same scrollbar in Adobe Edge? If so, how do I go about doing this?
    Justin

    Hi.
    Heathrowe has helped me with something similar, recently.
    You should check out Heathrowe's tutorials on scrollbars.
    All credits to him.

  • Flex 4: Custom ScrollBar not working in Custom DropDownList

    Hello,
    I'm having an odd issue that I just cannot figure out. I have a custom DropDownList .as component (to pass color values) and a custom skin. In this skin I am using a custom Scroller (same AS file component with mxml skin). When I use this configuration, clicking on the scrollbar just closes the DropDown. If I remove the skin from my custom scrollbar it works, which leads me to believe it has something to do with the DropDown skin. Even if I revert my custom Scroller to the spark Scroller, it still doesn't work. I've narrowed it down to what seems like a problem with my DropDownList skin.
    Not really sure what code to put here, but all I've been doing is right clicking my project and making new ActionScript components and MXML skins from the default skin. Here is my DropDownList skin, not sure if I should paste any other code? I have no idea what would be causing this, so I don't really know what code to place.
          [HostComponent("ccm.DropDown.DropDownList")]          

    Woops, the code didn't place correctly, here it is:
    <s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
        xmlns:fb="http://ns.adobe.com/flashbuilder/2009" alpha.disabled=".5" xmlns:Scroller="ccm.Scroller.*" xmlns:DropDown="ccm.DropDown.*">
        <fx:Metadata>
              [HostComponent("ccm.DropDown.DropDownList")]
         </fx:Metadata>
        <!-- host component -->
         <fx:Script fb:purpose="styling">
              <![CDATA[           
                   import flash.filters.BitmapFilterQuality;
                   import flash.filters.BitmapFilterType;
                   import mx.controls.Alert;
                   import spark.filters.*;
                   /* Define the content fill items that should be colored by the "contentBackgroundColor" style. */
                   static private const contentFill:Array = [];
                    * @private
                   override public function get contentItems():Array {return contentFill};
                    * @private
                   override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
                        openButton.setStyle("cornerRadius", getStyle("cornerRadius"));
                        super.updateDisplayList(unscaledWidth, unscaledHeight);
              ]]>
         </fx:Script>
         <s:states>
              <s:State name="normal" />
              <s:State name="open" />
              <s:State name="disabled" />
         </s:states>
         <!---
         The PopUpAnchor control that opens the drop-down list.
         <p>In a custom skin class that uses transitions, set the
         <code>itemDestructionPolicy</code> property to <code>none</code>.</p>
         -->
         <s:PopUpAnchor id="popUp"  displayPopUp.normal="false" displayPopUp.open="true" includeIn="open"
                           left="0" right="0" top="0" bottom="0" itemDestructionPolicy="auto"
                           popUpPosition="below" popUpWidthMatchesAnchorWidth="true" >
              <!---
              This includes borders, background colors, scrollers, and filters.
              @copy spark.components.supportClasses.DropDownListBase#dropDown
              -->
              <s:Group maxHeight="134" minHeight="22" >
                   <s:Rect id="fill" left="1" right="1" top="1" bottom="0" bottomLeftRadiusX="16.5" bottomRightRadiusX="16.5" topLeftRadiusX="16.5" topRightRadiusX="16.5" >
                        <s:fill>
                             <s:SolidColor color="0xFFFFFF" />
                        </s:fill>
                        <s:filters>
                             <s:GlowFilter
                                  color="0x000000"
                                  alpha=".35"
                                  blurX="6"
                                  blurY="6"
                                  strength="1"
                                  quality="{BitmapFilterQuality.HIGH}"
                                  inner="true"
                                  knockout="false"/>
                        </s:filters>
                   </s:Rect>
                   <!--- @private -->
                   <Scroller:Scroller id="scroller" left="8" top="8" right="8" bottom="8" hasFocusableChildren="false" minViewportInset="1"
                                          showButtons="false"
                                          trackColor="{hostComponent._trackColor}"
                                          thumbColor="{hostComponent._thumbColor}"
                                          skinClass="ccm.Scroller.ScrollerSkin">
                        <!--- @copy spark.components.SkinnableDataContainer#dataGroup-->
                        <s:DataGroup id="dataGroup" itemRenderer="ccm.DropDown.DropDownItemRenderer">
                             <s:layout>
                                  <s:VerticalLayout gap="0" horizontalAlign="contentJustify"/>
                             </s:layout>
                        </s:DataGroup>
                   </Scroller:Scroller>
              </s:Group>
         </s:PopUpAnchor>
         <!---  The default skin is DropDownListButtonSkin.
         @copy spark.components.supportClasses.DropDownListBase#openButton
         @see spark.skins.spark.DropDownListButtonSkin -->
         <DropDown:DropDownButton id="openButton" left="0" right="0" top="0" bottom="0" focusEnabled="false"
                                        skinClass="ccm.DropDown.DropDownButtonSkin"
                                        buttonColor="{hostComponent._buttonColor}"
                                        /> 
         <!--- @copy spark.components.DropDownList#labelDisplay -->
         <s:Label id="labelDisplay" verticalAlign="middle" maxDisplayedLines="1"
                    mouseEnabled="false" mouseChildren="false"
                    left="12" right="30" top="2" bottom="2" width="75" verticalCenter="1" />
    </s:SparkSkin>

  • Can I create a custom scrollbar for my spark datagrid

    Basically I'm trying to customize the look of my spark datagrid.
    I'd like to change the header appearance and I'd also like to create a custom scrollbar.
    If only Catalyst would implement a custom datagrid component. I mean the datagrid is a very popular component, isn't it?
    Thanks
    kristin

    You need the password for free apps as well as for paid apps. The only ways that you can control what your child downloads is for you to supervise while the downloading is taking place or by totally restricting download apps with restrictions.
    When you enter your password and download content, you have 15 more minutes to continue downloading before you have to enter the password again. So if you download and app - then give the iPad to your child - he or she can continue downloading apps or music or any content for the next 15 minutes without any restrictions. IF you sign out of your account, then the child can no longer download. IMHO - You should NOT give your password to your child. That really is not a good practice.
    You can set restrictions on the iPad so that the child cannot download any apps at all. Go to Settings>General>Restrictions>On. Then you will have to enter a passcode for the device which you do not want to forget (if you do, you have to restore the device) so if you do this remember your passcode. You can then go to the apps settings within the restrictions and Enable Restrictions and turn off Installing Apps.
    This article will provide more information for you.
    http://netsecurity.about.com/od/frequentlyaskedquestions/a/How-To-Setup-Parental -Controls-On-An-Ipad-Ipod-Touch-Or-Iphone.htm

  • Moving a clip with a custom scrollbar

    This is a newbie question.
    I've devised a custom scrollbar in this
    test site (in section
    Ego). The scrollbar is a movie symbol containing another symbol,
    the scroll button. The scrollbar has code for moving the scroll
    button and it works.
    Now, on the left, you see a long text that I want to scroll
    with the scroll button. Pretty simple.
    The text is a movie clip containing several textfields.
    So... how to synchronize both? Probably with a listener that
    will modify the _y position of the movie clip according to a
    movement ratio. I'm a little bit confused.
    The text movieclip is called: 'contenu_mc'
    The scroll bottom is called: 'goupillon_mc' (but is inside
    'defilement_mc', the whole scrollbar)

    As long as it has room in the timeline to move it, do the following:
    1. Select the clip
    2. Press +5. (period) and then enter.
    You clip will then move 5 seconds forward in the timeline.
    Hope that helps you.

  • Custom Scrollbar Broken in 11.5

    It appears as though the "Custom Scrollbar" library behavior is slightly broken in Director 11.5. It works sometimes, but other times it behaves erratically - text scrolls down but not up, or jumps around - arrows work properly but dragger doesn't, etc...
    The script says it hasn't been updated since 2000
    Has anyone else seen this, and does anyone have a fix? Thanks!

    Thanks for the replies. I'm seeing the issue in both authoring (mac) and in projectors (mac & win). It's a text member containing static text. The font is Arial, with variations in size, color, and length.
    The arrows seem to generally work OK - the biggest problem is with the dragger. If you drag it up and down without letting go it usually works, but if you drag it too the bottom and let go and then re-grab it and try to move it back to the top in stops working.
    Attachments are disabled in the forums so I've temporarily made a test file available, here.
    Any help would be appreciated. Thanks!

  • Custom Scrollbar Help

    Hello! Does anyone know any decent AS2 custom scrollbar tutorials?  I'm looking to create a basic scrollbar that has a white up arrow and a white down arrow, but none of the tutorials I've tried end up working properly..... I've done way more complex stuff without any issues, so I don't know why I'm having so much trouble with scrollbars.    Any help or suggestions would be much appreciated!
    Thank you,
    Nicole

    Thanks!  unfortunately you have to shell out $20 to view the tutorial found on that web page, but I did find another one that worked after I played around with it for a very, very long time.  I'll post it incase anyone else would find it useful:
    http://www.kirupa.com/developer/flash8/scrollbar.htm
    After I altered the colors, content, and sizing, I saved the scroll area as it's own .swf.  I then loaded it as an external movie clip into another page on my Flash site and it worked perfectly!

  • Spry Accordion with custom scrollbar

    I'm trying to find a Spry Accordion with a custom scrollbar.
    There are other accordion scripts out there but I am most
    comfortable working with the Spry script. I cant seem to find any
    of these with a custom scrollbar. Can someone here help?

    Mr. Andersson wrote:
    > I'm trying to find a Spry Accordion with a custom
    scrollbar. There are other
    > accordion scripts out there but I am most comfortable
    working with the Spry
    > script. I cant seem to find any of these with a custom
    scrollbar. Can someone
    > here help?
    Spry has no custom scroll bars. Currently Spry (as of 1.6.1)
    doesn't have drag and drop which would be required for a custom
    scroll bar. Best you might be able to do would be to try to style
    the browser provided scroll bars, but that's not valid CSS, and I
    know that Firefox doesn't show the styled scrollbars (IE does).
    Take a look at this page in IE:
    http://www.iconico.com/CSSScrollbar/
    Danilo Celic
    |
    http://blog.extensioneering.com/
    | WebAssist Extensioneer
    | Adobe Community Expert

  • How to get custom scrollbar in captivate

    I am working with Adobe captivate V 3.0. I need custom
    scrollbar by which i can scroll some images.
    Does this software provide this facility? If Yes, how can i
    get it?
    Thanks!

    Hi semaphorian and welcome to our community
    Assuming I'm understanding what you are asking, Captivate in
    and of itself does not provide such a facility.
    Now that I've tossed that out, I should probably state what I
    understood you to ask. When you asked if Captivate could use a
    custom scrollbar to scroll images, I'm assuming you mean to ask if
    you are able to insert an image that is actually larger than the
    slide itself. Then you would use a scroll bar to pan the image to
    bring the hidden areas into view.
    I do suppose it's possible that you meant to ask if you could
    have a series of images similar to a slide show. Then use a scroll
    bar to move from image to image. And if that is what you are
    asking, I'm thinking that Captivate could actually accomplish that.
    Basically you would simply insert an image on each slide (or create
    a project based on images) and use a playback control as the
    *scrollbar* to move from slide to slide and display the different
    images.
    Hopefully something here was helpful to you... Rick

  • Custom Scrollbars in Firefox using HTML and CSS

    With the updated Firefox I can no longer use my custom css scrollbars. Are the completely gone or is there a new way to build them?
    ::-webkit-scrollbar {
    width: 5px;
    /* Track */
    ::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.8);*/
    -webkit-border-radius: 0px;
    background-color:#fff;
    border-radius: 0px;
    /* Handle */
    ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background:#fc8a3a;
    }

    See if this works;
    '''[https://addons.mozilla.org/en-US/firefox/addon/noiascrollbars/ NewScrollbars (aka NoiaScrollbars)]''' {web link}
    The "NewScrollbars"-extension replaces the default
    scrollbars of Firefox and Thunderbird with
    colorized ones (partly) known from "Noia themes".

  • Customized scrollbar for af:table,af:panelgroup & af:panelbox

    Hi All,
    Im using Jdev 11.1.15 version. My requirement is to customize the scroll bars in Table,PanelGroup & Panelbox. like replacing the background of the scroll with custom image and the scroll bar with custom scroll bar image.
    Any inputs on this much appreciated.
    Thanks in Advance.
    Kris.

    Hi Kris,
    I am able to change the scroll bar colors with below code for document and dialog components. Expecting ADF allows below code can be applied for af:table, af:panelgroup & af:panelbox components.
    af|document{
    scrollbar-arrow-color: #000000;
    scrollbar-3dlight-color: #CCCCCC;
    scrollbar-darkshadow-color: #999999;
    scrollbar-face-color: #D4D0C8;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #CCCCCC;
    scrollbar-track-color: #404040;
    af|dialog{
    scrollbar-arrow-color: #000000;
    scrollbar-3dlight-color: #CCCCCC;
    scrollbar-darkshadow-color: #999999;
    scrollbar-face-color: #D4D0C8;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #CCCCCC;
    scrollbar-track-color: #404040;
    Thank you.
    Regards,
    Mogilicherla Suman Kumar

  • Create custom scrollbar for Spark Datagrid

    I had a custom scroll bar for a MX datagrid.  But recently I got the new Flash Builder 4.5 and it said to use the Spark Datagrid component instead.  So I changed everything to Spark, but now I can't find any info on customizing the scroll bar.  Is this possible?  Should I go back to mx?
    According to the documentation in Flash Builder:
    "The Spark DataGrid control provides the following features:
    - Custom skins to control all aspects of the appearance of the DataGrid control"
    So I'm hoping it's possible but I can't find any info either way.

    Thanks.  I'm not sure exactly how I did it, but I started with this document in Flash Builder Help:
    "Setting a custom horizontal scroll bar skin on a Spark List control in Flex 4"
    I copied the code and changed "s|List" to "s|Datagrid", modified it accordingly for a vertical scroll bar, and I deleted references to "base color" so that it would compile.   Then, I copied in VScrollBarTrackSkin.mxml and VScrollBarThumbSkin.mxml from the Flash Builder directory: Adobe Flash Builder 4.5\sdks\4.5.1\samples\themes\zen\src\zen\skins.  And I removed the references to the swf files so that it would compile.  Then I embedded my own png images, e.g.: source.up="@Embed(source='/images/thumb.png')". And I got a scrollbar!
    Only problem is the example does not have up and down controls.  But I figured this out from looking at the zen skins (VScrollBarSkin / HScrollBarSkin) and copying in the code for the up and down buttons as well.  Now it's working pretty good.
    [I did not use any of the Flash Builder wizards/GUI to create the skins or files.  I just created the files individually (as in File - New - File).  Perhaps there's a better way to do it, but this worked for me.]
    I'm not sure why you suggested looking at "ScrollerSkin".  This didn't lead me anywhere, though perhaps I was not clear in my question.  But I greatly appreciate your answer, for saying that this is possible, otherwise I would have given up!

  • How do I make a custom Scrollbar Text area in FlashCC HTML5 Canvas?

    Hello,
    I need to make a scrollbar for a long text area. I wonder how can I achieve this with HTML5 canvas in Flash CC2014?
    Thanks,
    Rodrigo

    the text looks ok to me, http://www.kglad.com/Files/forums/test2.html
    but yes, you can scroll a movieclip too.

  • Tutorial on: Easy to use custom scrollbars

    Hey everyone i seen a few discussions around that people need customscrollbars
    i have now gathered to must easy to use out of the box project
    It works down to IE6 and works in all device - nicescroll
    $(function() {                
       $("#thisdiv").niceScroll({ 
         cursorcolor:"#00F",      
         cursoropacitymin: 0.3    
    Do a ready function and then call nicescroll on your element inside
    remember to add the nicescroll lib
    which you can get here
    add it inside the head after jquery but before
    you call it so it could look like this
    <html>
    <head>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
        <script type="text/javascript" src="your/path/jquery.nicescroll.js"></script>
        <script type="text/javascript" src="your/path/jquery.main.js"></script>
    </head>
    <body>
         <div id="thisdiv">
              Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
              tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
              quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
              consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
              cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
              proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
         </div>
    </body>
    </html>
    To see more go to the libary's home
    at: http://areaaperta.com/nicescroll/
    Best regards
    SP

    On the home page on the free to register technology network
    http://www.oracle.com/technetwork/middleware/bi-publisher/overview/index.html
    you will find resources such as
    * Oracle BI Publisher Datasheet - a 3 page overview document
    * Oracle BI Publisher Overview Presentation - (Recorded Presentation with Sound - 18 min)
    * Oracle BI Publisher - Benefits - Flash
    * Oracle BI Publisher - Quick Tour - Flash
    some sample reports
    http://www.oracle.com/technetwork/middleware/bi-publisher/xmlpsamples-099828.html
    and a tutorial with screen shots
    Getting Started with Oracle BI Publisher 11g
    http://st-curriculum.oracle.com/obe/fmw/bi/bip/bip11g/gettingstarted/gettingstarted.htm

Maybe you are looking for

  • IOS App 8.1.5 Remote Desktop can't connect to Windows 7 Pro after upgrade. Error 0x00000507

    Nothing has changed between my network, Windows 7 computer or my iPad besides the upgrade of the ios app software to 8.1.5.  Did not used to have any issues connecting but now when I try to connect, I get the above error when logging in. I have tried

  • Can you listen to music without the headphones?

    Can you listen to music on the iPod Classic without the headphones?

  • DW v8 Won't Let Me "Put" Files

    I have just upgraded from an earlier version of Dreamweaver to v8, along with switching from Windows PC to Mac OSX. In my previous version, I had no trouble clicking the 'up-down' arrows to 'put' files onto my remote server via ftp. I have set up the

  • My MacBook Pro has started spontaneously 'dying'

    Hi, I have an early 2011 15" MacBook Pro, and about three weks ago the screen suddenly went completely black. I can't remember what I was doing at the time, but I don't think I was inputting in any way. The only way I could revive it was to press and

  • Lightroom recognition of folder source

    Recently I copied a large number of TIF and JPEG photos from 6 different EHDs into my HP Personal EHD that slips easily into the computer bay. In this way I had hoped to have all of these phtotos easily accessible and recognizable using LR 2.1 rather