# Styling a scrollbar, how?

**URL:** <https://forum.kirupa.com/t/styling-a-scrollbar-how/25014>\
**Category:** flash\
**Created:** [July 8, 2003, 3:37pm UTC](https://forum.kirupa.com/t/styling-a-scrollbar-how/25014 "2003-07-08T15:37:50Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![cheddar](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/cheddar/32/267_2.png) [@cheddar](https://forum.kirupa.com/u/cheddar)\
**Post date:** [July 8, 2003, 3:37pm UTC](https://forum.kirupa.com/t/styling-a-scrollbar-how/25014/1 "2003-07-08T15:37:50Z")

</div>

I’m back again with another question 🙂

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?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 8, 2003, 3:52pm UTC](https://forum.kirupa.com/t/styling-a-scrollbar-how/25014/2 "2003-07-08T15:52:12Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 8, 2003, 4:00pm UTC](https://forum.kirupa.com/t/styling-a-scrollbar-how/25014/3 "2003-07-08T16:00:18Z")

</div>

> \*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.  
> 🙂 \*\*

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

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 8, 2003, 4:24pm UTC](https://forum.kirupa.com/t/styling-a-scrollbar-how/25014/4 "2003-07-08T16:24:51Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 8, 2003, 4:26pm UTC](https://forum.kirupa.com/t/styling-a-scrollbar-how/25014/5 "2003-07-08T16:26:05Z")

</div>

> \*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.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 8, 2003, 4:27pm UTC](https://forum.kirupa.com/t/styling-a-scrollbar-how/25014/6 "2003-07-08T16:27:06Z")

</div>

[http://www.macromedia.com/devnet/tip/013.html](http://www.macromedia.com/devnet/tip/013.html)

🙂

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 8, 2003, 4:27pm UTC](https://forum.kirupa.com/t/styling-a-scrollbar-how/25014/7 "2003-07-08T16:27:14Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 8, 2003, 4:32pm UTC](https://forum.kirupa.com/t/styling-a-scrollbar-how/25014/8 "2003-07-08T16:32:04Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 8, 2003, 4:33pm UTC](https://forum.kirupa.com/t/styling-a-scrollbar-how/25014/9 "2003-07-08T16:33:55Z")

</div>

Thats why I quit using those components  
🙂

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 8, 2003, 4:38pm UTC](https://forum.kirupa.com/t/styling-a-scrollbar-how/25014/10 "2003-07-08T16:38:07Z")

</div>

Hmm i got the arrow of the scrollbar red 🙂

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 8, 2003, 4:38pm UTC](https://forum.kirupa.com/t/styling-a-scrollbar-how/25014/11 "2003-07-08T16:38:46Z")

</div>

[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

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 8, 2003, 4:41pm UTC](https://forum.kirupa.com/t/styling-a-scrollbar-how/25014/12 "2003-07-08T16:41:01Z")

</div>

Thx digitalosophy… though i hate dat scrollbar component 😛

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 8, 2003, 4:43pm UTC](https://forum.kirupa.com/t/styling-a-scrollbar-how/25014/13 "2003-07-08T16:43:22Z")

</div>

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

Your Welcome 🙂

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 8, 2003, 4:44pm UTC](https://forum.kirupa.com/t/styling-a-scrollbar-how/25014/14 "2003-07-08T16:44:10Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 8, 2003, 4:44pm UTC](https://forum.kirupa.com/t/styling-a-scrollbar-how/25014/15 "2003-07-08T16:44:37Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 8, 2003, 4:48pm UTC](https://forum.kirupa.com/t/styling-a-scrollbar-how/25014/16 "2003-07-08T16:48:55Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 8, 2003, 4:50pm UTC](https://forum.kirupa.com/t/styling-a-scrollbar-how/25014/17 "2003-07-08T16:50:39Z")

</div>

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).

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 8, 2003, 4:55pm UTC](https://forum.kirupa.com/t/styling-a-scrollbar-how/25014/18 "2003-07-08T16:55:32Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 8, 2003, 6:17pm UTC](https://forum.kirupa.com/t/styling-a-scrollbar-how/25014/19 "2003-07-08T18:17:12Z")

</div>

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

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?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 8, 2003, 6:30pm UTC](https://forum.kirupa.com/t/styling-a-scrollbar-how/25014/20 "2003-07-08T18:30:56Z")

</div>

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

```php

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>

```

[Next page](https://forum.kirupa.com/t/styling-a-scrollbar-how/25014.md?page=2)
