Jan 22 2010

Scrollbar Class

Category: Utilsali @ 8:34 pm

Pure coding AS3 regSimpleScroll (regular simple scrollbar) class or in simple words let’s say scrollbar class.

8/22/2010 UPDATE

  • modifying mask size on runtime is now available.
  • getting mask width on run time, before and after addChild (all of the inputs are actully live and editable before and after addChild)
  • set vertical and horizontal percentage of the scrollbar on run time
  • Everything is completely live and OOp
  • Listened to your needs, Made an easier and cleaner content window, just copy and paste :)

Lucky you! what? you may say why? right?
Well, I must say, you’re lucky because you are about to seeing the MOST POWERFUL AS3 SCROLLBAR COMPONENT in the world!! Yep, you heard it right.

Forget about any scrollbar you had seen before, this component has been built in 40 days, YES you heard it right, 40 days for just a scrollbar.

Now that it’s finished I can’t just call it a scrollbar but I think it’s LIVE BEAST!

Live because you can set all inputs at runtime .
Live because it cares for your CPU usage.

A beast because it has a full interactive communication with the status of your content.
A beast because you can use your imagination to give it different styles.

And, aha, it’s not only ONE product (powerful scrollbar), but also the content window that used the scrollbar in itself is included in the package too. you don’t even need to open Adobe flash or something as the content window is completely dynamic and easy to be modified…(gets its content from a XML file and its styls are from a CSS file) I have explained how to modify it in the package for beginner users, so feel relax because everything is as easy as 123.

JUST CHECK IT OUT HERE

Alright, about the scrollbar… It was very hard for me to figure out how to showcase all of its features, so I hope I have been made it simple and understandable.

Please take your time and test the features and hit the purchase button quickly as I have spent 40 solid days to blow a sprite into the beast to make it a live.

What you have is the scrollbar inputs and outputs, the only things to make it work :)

I introduce you with its feature and YOU check out this creature.

Main Features:

- mask width set, dynamically and abstract
- mask height set, dynamically and abstract
- scrollbar space, a space between the scrollbar and content
- scroll animation interval
- mouse wheel speed set
- scroll ease type set, there are a lot of scrolling ease types that you must check them all, Elastic, Bounce, Regular, Expo and more…
- orientation set, you want your scrollbar to be vertical or horizontal or both and automatic, auto
- drawing disable scrollbar option, if you are on auto orientation and you check the disable scrollbar, if for example your content doesn’t need horizontal scrollbar the component draws you a disable horizontal.
- blur effect option

Scrollbar Background Features:

- roll over effect type, you want it to have glow and change its color when you roll over on it? easy, you have it, it’s all in your hands, different roll over effect types
- change roll over effect color
- change roll over effect alpha (strength)
- roll over glow blur set
- roll over glow strength set
- background curve amount set
- background width amount set
- background alpha amount set
- background color set

Scrollbar Slider Features:

- roll over effect type, you want it to have glow and change its color when you roll over on it? easy, you have it, it’s all in your hands, different roll over effect types
- change roll over effect color
- change roll over effect alpha (strength)
- roll over glow blur set
- roll over glow strength set
- slider curve amount set
- slider width amount set
- slider height amount set, you set that you want to have auto height or not, if not, you give the height a number to have your own favorite slider height
- slider alpha amount set
- slider color set

Scrollbar Buttons Features:

- roll over effect type, you want it to have glow and change its color when you roll over on it? easy, you have it, it’s all in your hands, different roll over effect types
- change roll over effect color
- change roll over effect alpha (strength)
- roll over glow blur set
- roll over glow strength set
- buttons layout set, you want to have triangle or circle buttons, it’s all depends on you
- buttons space, a space between buttons and scrollbar body
- buttons size amount set, you set that you want to have buttons or not at all, if not, the buttons do not be created at all and you won’t see any buttons anymore, or you give an size amount to have the buttons again
- buttons alpha amount set
- buttons color set

Simply I can say that it’s not a simple scrollbar but a live beast.

It’s completely abstract and completely customizable.

DOCUMENTATION

Read the regSimpleScroll Documentation here. or download them for your offline review here.

BUY NOW

Currently selling on Activeden

Regards,
Ali

Tags: , , , , , , , , , , , , , , , , , , ,

84 Responses to “Scrollbar Class”

  1. Tony says:

    Where can we download or purchase this class?

  2. Tim says:

    Any idea of when it will be available? I want to use it in a project due 1/3. Any possibility of buying the current version so that i can allready incorporate it and replace with the finished component ?

  3. Tim says:

    I see you added the scrollbar to the shop, but it still says UNDER CONSTRUCTION – PLEASE CONTACT US BEFORE PURCHASING ANYTHING. Can i order it now ? :)

  4. Scott says:

    How can i make the scroller expand to 100% width and height? (i’m aware of the DOCtype issue)

  5. Scott says:

    I think i have the 100% issue solved. Is there a way i can load an SWF into my XML content?

    • ali says:

      Hi Scott,

      in the sample files, as you know the content window sample gets information from the XML file and the XML file can load photos not SWF files, but you can use scrollbar class itself to have your own content that should be a DisplayObject and you can scroll anything that you like, in your content you can load SWF and anything else :)

  6. Scott says:

    Ok, all seems to be functioning well. Could you point me in the direction for more info about 100% height and/or width? Maybe how to resize to 100% height but maintain a proportional SWF?

    Oh and great job on the component.

  7. whsecurity says:

    Can the scrollbar function in a fullscreen site? And if so what happen if the user resize the browser? How i can make the scrollbar resize with the window(ex. i set the scrollbar = stageHeight)?

    Nice work!

  8. ali says:

    Hey Scott and whsecurity:

    You can have a 100% scrollbar like below:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    stage.scaleMode = StageScaleMode.NO_SCALE;
    stage.align = StageAlign.TOP_LEFT;

    import com.doitflash.events.ScrollEvent;
    import com.doitflash.consts.Orientation;
    import com.doitflash.consts.Ease;
    import com.doitflash.utils.scroll.EffectConst;
    import com.doitflash.utils.scroll.RegSimpleConst;
    import com.doitflash.utils.scroll.RegSimpleScroll;

    var _regSimpleScroll:RegSimpleScroll =  new RegSimpleScroll();
    var _myContent:MyContent = new MyContent(); // the content you want to scroll

    this.addChild(_regSimpleScroll);

    this.stage.addEventListener(Event.RESIZE, onStageResize);

    // set inputs
    _regSimpleScroll.maskContent = _myContent;
    _regSimpleScroll.orientation = Orientation.AUTO; // accepted values: Orientation.AUTO, Orientation.VERTICAL, Orientation.HORIZONTAL
    _regSimpleScroll.scrollSpace = 20; // max value is RegSimpleConst.SCROLL_MAX_SPACE
    _regSimpleScroll.drawDisabledScroll = true;
    _regSimpleScroll.maskWidth = stage.stageWidth - _regSimpleScroll.scrollBarWidth - _regSimpleScroll.scrollSpace;
    _regSimpleScroll.maskHeight = stage.stageHeight - _regSimpleScroll.scrollBarWidth - _regSimpleScroll.scrollSpace;

    function onStageResize(e:Event):void
    {
        _regSimpleScroll.maskWidth = stage.stageWidth - _regSimpleScroll.scrollBarWidth - _regSimpleScroll.scrollSpace;
        _regSimpleScroll.maskHeight = stage.stageHeight - _regSimpleScroll.scrollBarWidth - _regSimpleScroll.scrollSpace;
    }

    As you see I have set a RESIZE listener to listen when ever the stage width and height changes, then I set the scrollbar width and height according to stage.

    the important part is only two lines that set the scrollbar width and height:

    1
    2
    _regSimpleScroll.maskWidth = stage.stageWidth - _regSimpleScroll.scrollBarWidth - _regSimpleScroll.scrollSpace;
    _regSimpleScroll.maskHeight = stage.stageHeight - _regSimpleScroll.scrollBarWidth - _regSimpleScroll.scrollSpace;
  9. whsecurity says:

    Goodmorning! One more question: I want to control the position of the content with buttons how i can do that?
    Example I want to move the content 20% how i can do that since i try the code from your example that moves the content 13% and nothing happens

    • ali says:

      by pressing scrollbar buttons you just move the content, but to set the content position exactly, you can set it by calling “scrollManualY” property:

      1
      _regSimpleScroll.scrollManualY = 20;

      You can use “scrollManualY” property to set content vertical position and “scrollManualX” to set its horizontal position, I hope that helped, I have done this in the sample files that you download in the pack :)

      • whsecurity says:

        I have seen the sample files and i have understand how you do it but I dont want to use the command in an external actionscript file. I want to use the _regSimpleScroll.scrollManualY = 10; to my actually fla file and call it with a mouse click. So far I haven’t any results. I try to manually set the content position but when i try to call an other position works odd

  10. whsecurity says:

    And something else: can I use a different method than scrollManualY? I mean a method that doesn’t use percent but actually pixels

    • ali says:

      scrollbar has only scrollManualY that uses percent, and for sure you can call the setters from your original FLA file, it’s a class.

      if you take a look at the RegSimpleScroll documentation, I have wrote an example that all of the codes have been written in the FLA file.

      You can also call the setters when ever you like to do, for example from a mouse event that you have set before… it’s a class, you can do anything that you like with it just like the classes that flash itself had created.

  11. Jen says:

    Hi Ali,
    Great scrollbar – I’m wondering how I can change the look of the arrow buttons – I don’t see a source file to use for reskins. I want to change the graphic itself, not just the color.
    Thanks!
    Jen

    • ali says:

      Everything is dynamic and abstract, you can have 2 different look of scrollbar buttons by now, triangle and circle or you can have no buttons…
      To have circle buttons you can modify the “btnLayout” setter:

      1
      _regSimpleScroll.btnLayout = RegSimpleConst.CIRCLE;

      and to remove the buttons you can set their size to 0:

      1
      _regSimpleScroll.btnSize = 0;
  12. Jason says:

    Hello,

    I really like your scrollbar utility and have modified it to fit the project I’m currently working on, but I have no idea how to implement it. Is there any documentation or tutorials that show how to place the content window in the timeline? I’m really lost and can’t see what I’m doing wrong. Here is the code nested 3 MCs deep where I’d like the XML content window to display:

    import com.doitflash.events.ScrollEvent;
    import com.doitflash.consts.Orientation;
    import com.doitflash.consts.Ease;
    import com.doitflash.utils.scroll.EffectConst;
    import com.doitflash.utils.scroll.RegSimpleConst;
    import com.doitflash.utils.scroll.RegSimpleScroll;

    var _regSimpleScroll:RegSimpleScroll = new RegSimpleScroll();
    var _myContent:MyContent = new MyContent();

    //this.addChild(_regSimpleScroll);

    It throws this descriptive error when the loader finishes loading the index.swf:
    TypeError: Error #1009: Cannot access a property or method of a null object reference.
    at FLA()

    So perhaps I’m doing something wrong with the FLA.as?

    Any help or insight is appreciated.

    Thanks,
    Jason

    • ali says:

      Hi Jason,

      Maybe you didn’t export your content for actionSpript in library.

      You content: var _myContent:MyContent = new MyContent(); Needs to be recognizable for flash, so go to library and right click on it and select properties, from there tick export for actionScript in the name of ” MyContent”

      Maybe it can be the reason, I hope it helped :)

      • Jason says:

        Hey Ali,

        Thanks for your quick response. The properties were set correctly, I don’t know what it could have been. I did however, get it to work by loading the swf from your included example folder (samples) after I tweaked some settings and then commented out these two lines in FLA.as which for some reason gave the 1009 error after it was loaded:

        stage.scaleMode = StageScaleMode.NO_SCALE;
        stage.align = StageAlign.TOP_LEFT;

        I appreciate your help and thanks again!
        Jason

  13. Samuel says:

    Hi, I’ve just purchased your scrollbar. Can you tell me if (and how) I can import the swf with the scrollbar into the stage of my main fla stage?

    Can it be done this way:

    http://www.iheartactionscript.com/loading-an-external-swf-in-as3/

  14. Samuel says:

    I’ve got another question: is it possible to use an embedded font? If so, how?

    Thanks a lot.

    • ali says:

      Everything is clearly explained in the package with examples and instructions in order to how you can use the scrollbar, and you can also take a look at the class Documentation for more examples and more info about every little tiny thing about the scrollbar class and related classes…

      If you have any other questions, let me know and contact me from my profile page: http://activeden.net/user/tahadaf?ref=tahadaf and I’ll let you know my freelancing rate.

  15. BezerBezer says:

    Ali,

    Hi I bought your scroll bar — it is quite well designed. I think I made a mistake or my programming skill are weak. Can this be used for xml content? And if so is there some documentation on that? Sorry for the dumb question, I’m a designer by trade, not a programmer.

    Best & thank you,
    BezerBezer

  16. BezerBezer says:

    Sorry, to clarify, I see that some xml is used, but I cannot see how to get the scroll bar onto my stage. I am used to components and was expecting this to be the same. Sorry to be a pain — just trying to make my deadline!

    Thanks for your help Ali,
    BezerBezer

    • ali says:

      Yes, you can use it as a XML content like the one I have created in sample files.
      In sample files the simplest way to have the contentWindow in your own flash project is to load the contentWindow SWF file externally in your own project.

      load SWF files like this:

      1
      2
      3
      4
      5
      6
      7
      8
      9
      var _main:Sprite; // to save the loaded SWF file as Sprite
      var _swfLoader:flash.display.Loader = new flash.display.Loader();
      _swfLoader.contentLoaderInfo.addEventListener(Event.INIT, onComplete);
      _swfLoader.load(new URLRequest(yourSwf.swf));

      function onComplete(e:Event):void
      {
          _main = e.target.content; // save the loaded SWF
      }

      I hope it helped :)

  17. Jk_ says:

    Hi Ali,

    I bought your ScrollBar class through FlasDen. Really amazing work!

    I know how time-consuming can scrollbar development can be. You did it great.

    However, I can’t find out how to remove the buttons from the scrollBar itself?

    I’m sure it’s pretty obvious.

    Thanks in advance,

    Jk_

  18. Jk_ says:

    Ok thanks, I’m going to test that!

    A small other thing : sometimes when I use text-align:justify within my CSS, the text is trunked on the right of the text field.

    Even tough, I increase the size of the mask it’s still trunked. Is there an easy way of avoiding this problem?

    Cheers,

    Jk_

  19. Raul Jimenez says:

    Hi, I’m very interesting in your ScrollBar Class.
    The project in wich I’m going to use your class is using TweenLite.
    Is your Class using it too?

    Do you believe if I will have any problem with TweenLite?

  20. Jk_ says:

    @Raul Jimenez > Yes it uses TweenLite.

    Jk_

  21. ali says:

    @ JK and Raul: Nope, scrollbar class uses TweenMax and no matter which tween engine it’s using, it will work in any AS3 project as it’s an independent component.

    @JK: Unfortunately, that’s the TextField problem in Flash, I can fix that in freelancing rate, contact me through my profile page for more talks.

  22. Raul Jimenez says:

    I’m working with v. 11.37 of TweenMax and the scroll works with v. 10.092

    I’ve changed the “imports” at utils.scroll.Buttons.as

    At utils.scroll.RegSimpleScroll.as I’ve changed the “imports” too and I use killTweensOf instead of removeTween.

    Are these changes enough to make the scroll work with v. 11.37?

    Thanks.

    • admin says:

      Raul, the TweenMax we’ve used is in Version 11.131

      you’re not allowed to change the package path to our classes unless you have purchased the extended license.

      • Raul Jimenez says:

        I’ve just purchased your component and downloaded scrollbar-class-abstract-ease-blur-source.zip from http://activeden.net/

        Class gs.tweenMax in src folder says that it is version 10.12. Would you send me the component version that uses TweenMax 11.31 with the path pointing to com.greensock instead of com.gs?

        Thanks

  23. Raul Jimenez says:

    Thank you very much for your responses.

    How can I download the last version? From activeden.net?
    Do you notice us when the last version is available in this forum?

    • ali says:

      Yes, we have used the last Tweenmax version, but the recent update will come up with the latest version of Tweenmax and with some more improvements. we announce new events in our newsletter, please register from the right sidebar, and also follow us on Facebook and Twitter for the latest announcements.

  24. JB says:

    I am experiencing a strange problem with the ScrollBar (which is very nice, by the way).

    The problem is: The masked area to the MovieClip I need to scroll is not initially visible. If I scroll down and the back up, then the masked area becomes visible. Its original state, however, is not visible.

    What could be going on? Thank you!

    • ali says:

      I couldn’t get what you mean exactly, but for your information scrollbar itself creates a mask for you in width and height that you give it to and put maskContent under the mask…
      Would you please explain more if I couldn’t answer you right.

      • JB says:

        Hi Ali,

        Thank you for the reply.

        This is a really strange problem: I have a MovieClip on stage and through code I apply a ScrollBar object to it. When I test the movie, the ScrollBar object is visible, but not the MovieClip. If I scroll down and then back up, the MovieClip becomes visible. It is as if the ScrollBar is setting the visible property of the MovieClip on stage and the initial value is false. I know that’s not the case, but that’s the behavior I get.

        I have created a very simple Flash file that replicates the problem. I’d be glad to send it to you.

        • ali says:

          I’ve got your file and here is your problem: You have set the maskContent the name of your movieClip on stage that its x and y properties are not default that means they’re not 0, so that is why you couldn’t see it under the mask of scrollbar…

          As we have mentioned in the scrollbar Documentation examples and package examples you can give the instance of your content class to the scrollbar and that is the best way and gives you more flexibility when working with codes.

          1
          2
          3
          4
          var _myContent:MyContent = new MyContent(); // initialize your content class

          _regSimpleScroll.maskContent = _myContent; // set the instance of your class as the maskContent
          this.addChild(_regSimpleScroll);
  25. JB says:

    I see. So you don’t set the x and y properties of _myContent. You assign _myContent to your instance of RegSimpleScroll and then set the x and y properties of the RegSimpleScroll instance itself. My fault, I should have paid more attention to the documentation. Thank you Ali!

    *** INCORRECT ***
    var _regSimpleScroll:RegSimpleScroll;
    _regSimpleScroll.maskContent = _myContent;
    _myContent.x = 100;
    _myContent.y = 200;

    *** CORRECT ***
    var _regSimpleScroll:RegSimpleScroll;
    _regSimpleScroll.maskContent = _myContent;
    _regSimpleScroll.x = 100; //Can be any value you want
    _regSimpleScroll.y = 200; //Can be any value you want

  26. steve snead says:

    I a newbie at flash as3 but I try to scale you product to fit an area on stage. I not sure how to set the size of the scollbar. I you could point me in the right direction that would be great. Thanks.

    • ali says:

      In the package and class documentation examples and here in comments I explained how to set the scrollbar inputs, etc…

      for setting the size of the scrollbar you just simply set these 2 inputs:

      1
      2
      _regSimpleScroll.maskWidth = 200; // set the scrollbar width
      _regSimpleScroll.maskHeight = 300; // set the scrollbar height

      And again if you had any other problems, first looking at the class documentations is a great help, then if you couldn’t find your answers I’m here for help :)

      Regards,
      Ali

  27. DaveL says:

    Hey Ali,
    Again another designer here finiding it difficult to impliment the scroll bar in my site. Here is my problem:

    I need to have 4X scrollbars on my site at a set size of 670 x 325.

    I’ve followed the instructions from the ‘ReadMe.txt’ in the sample folder and have managed to get the content to display on my site – but it messes up all of my current alignment and fills the screen.

    What .as files do I have to look at to sort this?

    Cheers for your time.
    Dave

  28. Nathan Crowe says:

    Hi,

    I recently purchased via ActiveDen, and I’ve just an issue with resetting the scrollManualY. Currently it can’t be changed again if you set it the same as it was originally set on setup for example:

    private function _setup():void {

    _regSimpleScroll.scrollManualY = 0;
    }

    private function _reset():void {

    _regSimpleScroll.scrollManualY = 0;
    }

    see RegSimpleScroll.as line 17

    A dispose function or something similar would be useful as well, I know it removes it self but for convenienve perhaps? Unless I am missing something… But well done, really helped me out!

  29. Daniel says:

    Hi Ali, just purchased your class, it’s great thanks.
    Was wondering how I would go about resetting/removing it from the stage when new content is loaded?

    • Daniel says:

      to clarify, i’m wondering, if the same swf is loaded multiple times with different content, will the scrollbar remove itself automatically, or just keep adding on top of the previous one?

      • ali says:

        All of the Sprites or Movie clips in flash are the same… when you addChild them somewhere else they will be automatically removed from the previous place and scrollbar class is not an exception.

  30. antonin says:

    hello,
    first of all, thanks for this plugin. I have a question : i want to use my own buttons not your triangle or circle ? can we use same event like your?
    is this function ? —> private function moveContent(e:MouseEvent):void, if i transform to public function, did it works?
    thank you

    • ali says:

      you can’t have different other button shapes for scrollbar. but you can also remove them by setting the btnSize to 0.

      1
      _regSimpleScroll.btnSize = 0; // 0 means no buttons, max value is RegSimpleConst.BTN_MAX_SIZE, min value is RegSimpleConst.BTN_MIN_SIZE
  31. Ayobami Oke says:

    I purchased your scrollbar from activeden today. I’m new to flash, I thought I could just use it as a component. Please in simple terms, 1. how do I get this to scroll a movieclip on my stage? 2. How can I reuse it on a multiplepage flash website?
    Thanks.
    Ayo

    • ali says:

      for getting started with the scrollbar please take a look at the sample files and class Dcumentations.

      Just to help you on your way I have to say that this scrollbar accepts DisplayObject as maskContent that means can scroll MovieClips too… and for using it more than once in a project you just need to create an other instance of it like using other classes in language programming.

  32. dennis says:

    Hey Ali this is awesome. And it has come in handy a few times. But now i seem to be stumped. I have it loading in thumbnails but now all the thumbnails have lost their MouseEvents. I tried to look to see if you set the mouseEnabled = false or mouseChildren. But you never did. Anyway you could help me out?

    Thanks so much,
    Dennis

    • ali says:

      I couldn’t get what you mean exactly by thumbnails and… but as far as I got loading other stuff in your codes and having problem with other things have nothing to do with the scrollbar.

  33. Jon says:

    Hi Ali

    Recently bought your scrollbar. I appreciate all the work you put into it. Although, I am getting this error when I implement it into my own application:

    “mask content is removed, please set the mask content again.”

    I traced the error back to the scrollbar class, where its called when the _maskcontent is null. The only area I saw where _maskcontent is set to null is in the gc() function. Im not sure if the problem is caused by premature garbage collecting or something else. I have tried multiple MovieClips (all exported to as3) but to no avail. Any insight would be much appreciated.

    • ali says:

      this happens when you have somewhere removechild() the scrollbar and again you have addChild() the scrollbar… in this situation I made the class in the way that it removes the _maskContent itself and you should set it again. I have done this to prevent accidental garbage collection.

      setting the _maskContent again will fix the problem :)

      • Paul says:

        Hi. I bought the scroller on ActiveDen and I’m having the:

        “mask content is removed, please set the mask content again.”

        problem as well.

        I’m trying to scroll content in my Section class, which is managed by a SectionManager. SectionManager instantiates the Sections I need and stores them in an array. They are added and removed from the stage as you navigate the site.

        The scroller and the content show up initially but once the Section is removed, then added again, the scrollable content and the scroller are missing.

        My sections are stored in an array so accidental garbage collection shouldn’t be an issue.

        It seems really odd that removing the parent movieclip that contains the scroller component would remove that scroller and it’s scrollable content like that. Managing garbage collection in your code makes sense, but I should be able to add and remove it’s parent as I need without needing to write special code to reset the maskContent for the component any time it’s parent or any of it’s ancestors are added/removed from the stage.

        Or am I missing something? Can we get a fix for that?

        Thanks,
        Paul

        • ali says:

          after removing the scrollbar from Stage, you must set its content again. in this way your problem will be fixed.

          • Paul says:

            I ended up doing that but still contend that this type of garbage collection is a bit heavy handed. Adding the scroller’s parent, or any of it’s ancestors to or from the display list should not affect the functionality or display of the scroller.

            In my project, it was an easy fix. But if I had a scroller nested several levels deep and needed to add/remove it’s ancestor, each time I’d do that, I’d need to tunnel into where the scroller is and set the mask content again. When I create an object and add it to the stage, I expect it to be there later in the condition I left it in.

          • ali says:

            I didn’t say in your project needs to garbage collect or not! there’s nothing to do with your project… I hope you got what I said, I said that this is the way that the scrollbar works, if you have removed it, you should set its content mask the next time you use it! that’s it, that’s how it works.

            Ali

  34. Chris says:

    Hi
    Im using the contentWindow scroller in my fla and struggling to style the xml. Seems to ignore all styles. Do you have any examples or documentation? Thanks

  35. Roberto Tauille says:

    Hello bought activeden in its class and have a question, could you give an example with dynamic content?

    I’m having trouble because it has a mc unnamed instance.

    • ali says:

      This class supports DisplayObject as its content… if you want to use scrollbar class for other works rather than using it as a content window (the content window sample files are ready in your download package and you don’t need to know Flash if you simply want to modify its content and use it inside your HTML files) you need to know a little bit flash and AS3 to use it…

      You can find sample codes to see how to use the scrollbar class inside the sample/src folder. just open up the classUsage.fla and see the FLA codes inside its Document class “ClassUsage.as”

      You can also see the class documentation by unzipping the documentation.zip file. thanks a lot.

  36. Mike says:

    Hi Ali

    I bought your scrollbar.
    But bold not working !
    <![CDATA[- Austrian monk Gregor Mendel begins his studies of variation.]]>

    if I put this
    <![CDATA[- Austrian monk Gregor Mendel begins his studies of variation.]]>
    then text is bolder but unfortunately also italic

    • ali says:

      if you have bought My super scrollbar… the content window sample file supports BOLD, as you can see I have used BOLD in the sample file. thanks.

      Ali

      • Mike says:

        still does not work bold, bold only when the text is italic.
        can you show example or some demo

        • ali says:

          font embedding can be the issue, make sure you have embedded all of the font family styles inside your FLA… and also let me mention that the content window has nothing to do with the scrollbar itself, I have just put it inside the package as a sample and bonus.

  37. Abdulhadi says:

    purchased your scrollbar from activeden last night
    I add rows to movieclip, each row height 50, I setup Scroll y=50
    ever thing is ok ntill I scroll down and then up again the first row not display !! (only I can see part of it on top)

    • ali says:

      your maskContent y or x property should be 0 if you want to see it properly inside the scrollbar. the problem is from the content that you have set, the only thing that scrollbar do is to get the content width and height and scroll it inside. the issue gets back to y or x properties for sure. thanks a lot.

  38. Abdulhadi says:

    Update;

    MovieClip.y=50, after scroll down then up again MovieClip.y=0 !! whey it reset to zero ?

    • ali says:

      you mean after scrolling up your content y changes to 0? if so, the issue is from the content itself. something should be wrong with the content. as I said the only thing the scrollbar do is to get the content width and height.

  39. Abdulhadi says:

    Can you please add more styles for scroller?

  40. mydeadpixel says:

    Just bought your scroller, works like a treat! I just have one questions…

    Is there anyway I can target the up and down button and bind it to my keyboard up down button i.e.

    stage.addEventListener(KeyboardEvent.KEY_DOWN, stage_keyboard);
    function stage_keyboard(evt:KeyboardEvent):void
    {
    if (evt.keyCode == 38)
    {
    trace(“UP keyboard pressed”);
    _regSimpleScroll.upButtonClick;
    }
    else if(evt.keyCode == 40)
    {
    trace(“DOWN keyboard pressed”);
    _regSimpleScroll.downButtonClick;
    }
    }

    I’m a bit of an as3 noob btw.

    Cheers mate

    G

    • ali says:

      I have to say my scrollbar is OOP enough that everything is possible with it :)

      instead of writing this:

      1
      _regSimpleScroll.upButtonClick;

      write this:

      1
      2
      _regSimpleScroll.scrollManualY -= .5; // min value is 0, max value is 100
      if (_regSimpleScroll.scrollManualY < 0)  _regSimpleScroll.scrollManualY = .01;

      in this way, when you press up key, .5 percent will be subtracted from the scrollbar scrollManualY… and you do the vice versa for the down key.

  41. Henry says:

    Hi There,

    I am using you great scroller , But how do I tell it that I dont want any bottons ..just the scroller ?

    Thanx in advance

    /Henry

Leave a Reply

*