Styling a scrollbar, how?

programming flash
1

I’m back again with another question :slight_smile:

Does anyone know how I would go about changing a scrollbar component? Instead of having the big box with borders around it, I want something very simple. Basically just a scrollbar, even with that I don’t want any arrows or anything just a little bar the user can dgar up and down.

I checked the site and found the great tutorial on using the scrollbar component with dynamic text. This is perfect for what I want, it’s just I don’t like the scrollbar style.

Can anyone help me out?

2

I dont know if you can actually customize the scrollbar component. I guess it would be easier if you design your own scrollbar.
:slight_smile:

3

*Originally posted by claudio *
**I dont know if you can actually customize the scrollbar component. I guess it would be easier if you design your own scrollbar.
:slight_smile: **

Dude don’t say that. I really want a nice and clean scrollbar :*(

4

you can open the library, go into scrollbar components folder and change one by one. delete the arrow, delete the box, do whatever you want.

5

*Originally posted by Neo-Geo *
**you can open the library, go into scrollbar components folder and change one by one. delete the arrow, delete the box, do whatever you want. **

Cool!

Thanks, that was a lot simpler than I would have thought.

Thanks.

6

http://www.macromedia.com/devnet/tip/013.html

:slight_smile:

7

Oh, never thought of dat… but its a pain in the a ss! :stuck_out_tongue:

8

it such a tedious process, but i learned it from macromedia

9

Thats why I quit using those components
:slight_smile:

10

Hmm i got the arrow of the scrollbar red :slight_smile:

11

[AS]
globalStyleFormat.face = 0xECECEC;
globalStyleFormat.highlight = 0xC0CCD8;
globalStyleFormat.highlight3D = 0xC0CCD8;
globalStyleFormat.darkshadow = 0x000000;
globalStyleFormat.shadow = 0x4E657C;
globalStyleFormat.arrow = 0x484848;
globalStyleFormat.foregroundDisabled = 0xC0CCD8;
globalStyleFormat.scrollTrack = 0xEBEBEB;
globalStyleFormat.focusRectInner = 0xDBDCE5;
globalStyleFormat.focusRectOuter = 0x9495A2;
globalStyleFormat.background = 0xC0CCD8;
globalStyleFormat.selectionUnfocused = 0xff0000;
globalStyleFormat.border = 0x4E657C;
// applying changes that we made to
globalStyleFormat.applyChanges();
[/AS]

its rather easy actually

12

Thx digitalosophy… though i hate dat scrollbar component :stuck_out_tongue:

13

lol yea it tool me a while 2, but the same applies to textFormat’s. That’s how I learned.

Your Welcome :slight_smile:

14

oh and BTW, that applies to all components, not textfields.

15

Digital: That changes the colors, but editing the symbols directly allows you to change the look.

16

yes your right LIB, i miust have misread this thread a bit, you can do that, but I found it to be a major pain in the you know what.

17

Yes, it is quite a pain to do, I will admit that.

But if you want a new look, it is easier to edit the symbols rather than building your own scrollbar similar to the scrollbar component altogether (if you don’t know AS).

18

oh ya def, custom scrollers are definatly tricky, especially if you want them to work correctly with out glitches

19

Got it working now with new scrollers and even text loaded in from a text file :slight_smile:

I do have a little problem though, I am using a text file to hold the text. Every time I put a space in the text file the gap that flash displays is a lot bigger.

Example.

Text in the text file :-

Cheddar’s stuck again with another problem.

What a surprise i’m stuck again.

Text outputed by Flash :-

Cheddar’s stuck again with another problem.

What a surprise i’m stuck again

Does anyone know why this is happening?

20

Here’s an example of a text file that i used recently


faqText=
<font color="#FF0000"><b><u>4/22/03?</u></b></font><br>
<font color="#000000"><b>Where do I submit form num#155?</b></font><br>
<font color="#FF0000"><b><u>4/15/03?</u></b></font><br>
<font color="#000000"><b>Where can I find UPS tracking Numbers?</b></font><br>
<font color="#FF0000"><b><u>4/05/03?</u></b></font><br>
<font color="#000000"><b>How long will it take to get form num#2700 approved?</b></font><br>