# Scrollbar Tutorial

**URL:** https://forum.kirupa.com/t/scrollbar-tutorial/22189
**Category:** random
**Created:** [May 31, 2003, 7:01pm UTC](https://forum.kirupa.com/t/scrollbar-tutorial/22189 "2003-05-31T19:01:20Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![SBV](https://avatars.discourse-cdn.com/v4/letter/s/a88e4f/32.png) [@SBV](https://forum.kirupa.com/u/SBV)
#### Post date: [May 31, 2003, 7:01pm UTC](https://forum.kirupa.com/t/scrollbar-tutorial/22189/1 "2003-05-31T19:01:20Z")

</div>

Ive made a scrollbar for my site, it works, but how do i change the size of the font and such?

---

<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: [May 31, 2003, 7:02pm UTC](https://forum.kirupa.com/t/scrollbar-tutorial/22189/2 "2003-05-31T19:02:59Z")

</div>

The same way you would with any text…

---

<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: [May 31, 2003, 7:16pm UTC](https://forum.kirupa.com/t/scrollbar-tutorial/22189/3 "2003-05-31T19:16:17Z")

</div>

Doesnt seem to work for me, ive tried tags, i’ve even tried Format\>Font, nope… Not working.

---

<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: [May 31, 2003, 7:22pm UTC](https://forum.kirupa.com/t/scrollbar-tutorial/22189/4 "2003-05-31T19:22:05Z")

</div>

I assume you mean you added the scrollbar UI component to a textbox. If so, then you should be able to change the font used etc. from the properties panel of the textbox…

---

<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: [May 31, 2003, 7:24pm UTC](https://forum.kirupa.com/t/scrollbar-tutorial/22189/5 "2003-05-31T19:24:51Z")

</div>

Why did you post this in Random? If this is a Flash problem it belongs in the section with the correct Flash version you are using.

I am going to assume your using the scrollbar component and thus assume to move this to the Flash MX section.

As for your problem, right click on your textbox, open the properties panel, edit away. Just note that if you are using dynamic text and it is a font others won’t have installed on their system you will need to click on the “character…” button and choose to embed the font outlines.

---

<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: [May 31, 2003, 7:30pm UTC](https://forum.kirupa.com/t/scrollbar-tutorial/22189/6 "2003-05-31T19:30:00Z")

</div>

[http://www.kirupa.com/developer/mx/dynamic\_scroller.htm](http://www.kirupa.com/developer/mx/dynamic_scroller.htm)

When i edit the .txt document font, nothing changes…

I tried right clicking but the font is different to what actually comes up…

…

---

<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: [May 31, 2003, 7:32pm UTC](https://forum.kirupa.com/t/scrollbar-tutorial/22189/7 "2003-05-31T19:32:00Z")

</div>

Look at step ii. Look at the diagram - you can set the font there and that will affect what font is shown in the dynamic text box you have created.

Editing the font in the text file that is loaded will do nothing (as far as I know - unless there is some nifty html code trick); you need to edit the property of the dynamic text box you have created in Flash MX.

Hope this helps,  
JK.

---

<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: [May 31, 2003, 7:36pm UTC](https://forum.kirupa.com/t/scrollbar-tutorial/22189/8 "2003-05-31T19:36:03Z")

</div>

You can enable HTML text formatting for dynamic text, but if all the text is going to be the same, it’s better/easier to edit it in the .fla file.

---

<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: [May 31, 2003, 7:40pm UTC](https://forum.kirupa.com/t/scrollbar-tutorial/22189/9 "2003-05-31T19:40:42Z")

</div>

Easyier to update the site this way. 😃

Anyway, i got it working, but now when i press enter (start a new line) On the flash movie, it makes about 6 lines down.

Also there is an indent from the left which is annoying also.

---

<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: [May 31, 2003, 7:41pm UTC](https://forum.kirupa.com/t/scrollbar-tutorial/22189/10 "2003-05-31T19:41:42Z")

</div>

Yeah, it likes to do that. You can fix that by HTML enabling your textbox and using the \<BR\> to go to a new line instead of hitting enter.

To stop the ident, don’t put a space after the = sign.

---

<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: [May 31, 2003, 7:43pm UTC](https://forum.kirupa.com/t/scrollbar-tutorial/22189/11 "2003-05-31T19:43:39Z")

</div>

Here is some info on html formatting text…

The .html property…  
[http://www.macromedia.com/support/flash/action\_scripts/actionscript\_dictionary/actionscript\_dictionary744.html](http://www.macromedia.com/support/flash/action_scripts/actionscript_dictionary/actionscript_dictionary744.html)

The .htmlText property…  
[http://www.macromedia.com/support/flash/action\_scripts/actionscript\_dictionary/actionscript\_dictionary745.html](http://www.macromedia.com/support/flash/action_scripts/actionscript_dictionary/actionscript_dictionary745.html)

The tags that can be used…  
[http://www.macromedia.com/support/flash/ts/documents/htmltext.htm](http://www.macromedia.com/support/flash/ts/documents/htmltext.htm)

---

<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: [May 31, 2003, 7:45pm UTC](https://forum.kirupa.com/t/scrollbar-tutorial/22189/12 "2003-05-31T19:45:25Z")

</div>

Come one, come all, to see the magnificent lostinbeta with the answers to every Flash MX question you can imagine on his fingertips :thumb: :).

---

<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: [May 31, 2003, 9:11pm UTC](https://forum.kirupa.com/t/scrollbar-tutorial/22189/13 "2003-05-31T21:11:37Z")

</div>

Well…

---

<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: [May 31, 2003, 9:12pm UTC](https://forum.kirupa.com/t/scrollbar-tutorial/22189/14 "2003-05-31T21:12:11Z")

</div>

Here is the notepad document…

Btw ive removed the p align thing now…

---

<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: [May 31, 2003, 10:08pm UTC](https://forum.kirupa.com/t/scrollbar-tutorial/22189/15 "2003-05-31T22:08:44Z")

</div>

Did you html enable yout textbox and tell it to read your text as htmlText and not just text? (as per the links I posted in my last post)

---

<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: [May 31, 2003, 10:48pm UTC](https://forum.kirupa.com/t/scrollbar-tutorial/22189/16 "2003-05-31T22:48:19Z")

</div>

Do i add anything to action script or click the tag sign?

Tag sign: \<\>

---

<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: [May 31, 2003, 10:57pm UTC](https://forum.kirupa.com/t/scrollbar-tutorial/22189/17 "2003-05-31T22:57:52Z")

</div>

To HTML enable the text box, click the HTML enable button in the properties panel. This is what you’re calling the “tag” button I believe 🙂 (it has the symbol \<\>).

As for telling it to read it as HTMLtext, I’m not sure yet. I think you should read the information on the links lostinbeta provided because it is undoubtedly covered there.

---

<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: [May 31, 2003, 11:04pm UTC](https://forum.kirupa.com/t/scrollbar-tutorial/22189/18 "2003-05-31T23:04:32Z")

</div>

Correction:  
The button is actually “Render text as HTML” not Enable HTML. This might also cover the HTMLtext bit but I doubt it. I think you may have to ActionScript that part… again, refer to the links (I don’t have time to read the information right now since I’m off for some zzzz’s).

Good luck,  
JK.

---

<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: [May 31, 2003, 11:11pm UTC](https://forum.kirupa.com/t/scrollbar-tutorial/22189/19 "2003-05-31T23:11:41Z")

</div>

Not working still…

---

<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: [May 31, 2003, 11:22pm UTC](https://forum.kirupa.com/t/scrollbar-tutorial/22189/20 "2003-05-31T23:22:04Z")

</div>

On the source files on the tutorial, it works fine, ive tried everything the same on mine, but the text is still got a margin on the left and has massive games when i press enter…

Yes the text is aligned to the left…

[Next page](https://forum.kirupa.com/t/scrollbar-tutorial/22189.md?page=2)
