# Looking for Scroller w/ Easing tutorial

**URL:** https://forum.kirupa.com/t/looking-for-scroller-w-easing-tutorial/185406
**Category:** flash
**Created:** [April 13, 2006, 2:58am UTC](https://forum.kirupa.com/t/looking-for-scroller-w-easing-tutorial/185406 "2006-04-13T02:58:34Z")
**Posts on this page:** 18
**Page:** 1

<div class="post-metadata">

### Author: ![FrankieB](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/frankieb/32/1238_2.png) [@FrankieB](https://forum.kirupa.com/u/FrankieB)
#### Post date: [April 13, 2006, 2:58am UTC](https://forum.kirupa.com/t/looking-for-scroller-w-easing-tutorial/185406/1 "2006-04-13T02:58:34Z")

</div>

Just as the title says. I am using Flash 8, and I am looking for a tutorial that covers using a scroller with easing applied to text that is being dynamically loaded in through XML. Any help would be greatly appreciated.

Thanks.

---

<div class="post-metadata">

### Author: ![scotty](https://avatars.discourse-cdn.com/v4/letter/s/91b2a8/32.png) [@scotty](https://forum.kirupa.com/u/scotty)
#### Post date: [April 13, 2006, 4:37am UTC](https://forum.kirupa.com/t/looking-for-scroller-w-easing-tutorial/185406/2 "2006-04-13T04:37:05Z")

</div>

Have you thought about using Claudio’s scroller?

> **[Scroller by Claudio](https://www.kirupa.com/forum/showthread.php?t=27214)**
>
> Got a web design/development question or just want to hang out with the most awesome people on the planet? Drop on in!

scotty(-:

---

<div class="post-metadata">

### Author: ![FrankieB](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/frankieb/32/1238_2.png) [@FrankieB](https://forum.kirupa.com/u/FrankieB)
#### Post date: [April 13, 2006, 9:48pm UTC](https://forum.kirupa.com/t/looking-for-scroller-w-easing-tutorial/185406/3 "2006-04-13T21:48:18Z")

</div>

Hey Scotty,

I have but I am really not sure what is going on. That is a really long thread and I am not sure what to read/which files to glance at, etc. That and towards the end it looks like people are having a hard time getting CSS to work, which I need to have working. Are there specific posts I should look at?

---

<div class="post-metadata">

### Author: ![Martha\_Stewart](https://avatars.discourse-cdn.com/v4/letter/m/58956e/32.png) [@Martha\_Stewart](https://forum.kirupa.com/u/Martha_Stewart)
#### Post date: [April 13, 2006, 11:58pm UTC](https://forum.kirupa.com/t/looking-for-scroller-w-easing-tutorial/185406/4 "2006-04-13T23:58:10Z")

</div>

There is also another tutorial on easing scrollbar.

[http://www.kirupa.com/forum/showthread.php?t=206127](http://www.kirupa.com/forum/showthread.php?t=206127)

Hope that helps.

Martha Stewart.

---

<div class="post-metadata">

### Author: ![FrankieB](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/frankieb/32/1238_2.png) [@FrankieB](https://forum.kirupa.com/u/FrankieB)
#### Post date: [April 14, 2006, 1:24am UTC](https://forum.kirupa.com/t/looking-for-scroller-w-easing-tutorial/185406/5 "2006-04-14T01:24:46Z")

</div>

I was just looking at that.

How would I go about implementing some CSS formatted XML into this? I’m sorry I am familiar with CSS and XML but actionscript still troubles me.

Thanks.

---

<div class="post-metadata">

### Author: ![scotty](https://avatars.discourse-cdn.com/v4/letter/s/91b2a8/32.png) [@scotty](https://forum.kirupa.com/u/scotty)
#### Post date: [April 14, 2006, 7:01am UTC](https://forum.kirupa.com/t/looking-for-scroller-w-easing-tutorial/185406/6 "2006-04-14T07:01:33Z")

</div>

As ong as you use CDATA and a html enabled textfield, there shouldn’t be any problems I think. I fyou want to use different fonts, be sure you have all fonts embedded, you can use dummy textfields for this.

scotty(-:

---

<div class="post-metadata">

### Author: ![FrankieB](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/frankieb/32/1238_2.png) [@FrankieB](https://forum.kirupa.com/u/FrankieB)
#### Post date: [April 15, 2006, 8:38am UTC](https://forum.kirupa.com/t/looking-for-scroller-w-easing-tutorial/185406/7 "2006-04-15T08:38:54Z")

</div>

Hey scotty.

I’m trying to combine different .fla’s I am finding all over the place and I am not having any luck. I took kirupa’s scroller w/ the easing and tried to make it load XML and can’t even get it to do that. I actually can’t get it to load anything, mainly because I’m a moron.

---

<div class="post-metadata">

### Author: ![scotty](https://avatars.discourse-cdn.com/v4/letter/s/91b2a8/32.png) [@scotty](https://forum.kirupa.com/u/scotty)
#### Post date: [April 15, 2006, 9:18am UTC](https://forum.kirupa.com/t/looking-for-scroller-w-easing-tutorial/185406/8 "2006-04-15T09:18:50Z")

</div>

Post your files?

scotty(-:

---

<div class="post-metadata">

### Author: ![FrankieB](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/frankieb/32/1238_2.png) [@FrankieB](https://forum.kirupa.com/u/FrankieB)
#### Post date: [April 15, 2006, 6:17pm UTC](https://forum.kirupa.com/t/looking-for-scroller-w-easing-tutorial/185406/9 "2006-04-15T18:17:31Z")

</div>

Uh…I don’t want to sound noobish but its just the code from that kirupa scroller with easing and some XML code I had from another example. The only problems I seem to have is getting the XML to show, in the dynamic text field, inside of the movie clip, as per kirupa’s scroller. I can get it to show as long as it isn’t in the movie clip.

---

<div class="post-metadata">

### Author: ![scotty](https://avatars.discourse-cdn.com/v4/letter/s/91b2a8/32.png) [@scotty](https://forum.kirupa.com/u/scotty)
#### Post date: [April 15, 2006, 6:31pm UTC](https://forum.kirupa.com/t/looking-for-scroller-w-easing-tutorial/185406/10 "2006-04-15T18:31:55Z")

</div>

Did you embed the font, cause it’s working for me…

scotty(-:

---

<div class="post-metadata">

### Author: ![FrankieB](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/frankieb/32/1238_2.png) [@FrankieB](https://forum.kirupa.com/u/FrankieB)
#### Post date: [April 15, 2006, 6:50pm UTC](https://forum.kirupa.com/t/looking-for-scroller-w-easing-tutorial/185406/11 "2006-04-15T18:50:30Z")

</div>

Yes sir. Still not having any luck.

---

<div class="post-metadata">

### Author: ![scotty](https://avatars.discourse-cdn.com/v4/letter/s/91b2a8/32.png) [@scotty](https://forum.kirupa.com/u/scotty)
#### Post date: [April 15, 2006, 7:22pm UTC](https://forum.kirupa.com/t/looking-for-scroller-w-easing-tutorial/185406/12 "2006-04-15T19:22:11Z")

</div>

Here’s an example of Claudio’s scroller with xml and CSS 🙂

scotty(-:

---

<div class="post-metadata">

### Author: ![FrankieB](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/frankieb/32/1238_2.png) [@FrankieB](https://forum.kirupa.com/u/FrankieB)
#### Post date: [April 15, 2006, 7:41pm UTC](https://forum.kirupa.com/t/looking-for-scroller-w-easing-tutorial/185406/13 "2006-04-15T19:41:55Z")

</div>

Hey scotty,

Thanks for this example. It makes more sense to me seeing the code and how it works, except…

the CSS isn’t working. I fixed all the code in the CSS file to this

```auto

.headerText {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 15px;
  color: #FF0000;
}

.bodyText {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  color: #0000FF; 
}
a:link {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  color:#0000FF;
}

a:hover {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  color:#FF0000;
}

```

and I changed the XML to this

```auto

<?xml version="1.0" encoding="UTF-8"?>
<test>
	<txt><![CDATA[<span class="headerText">Hi there</span><br /><a href="http://www.kirupa.com">Kirupa</a>]]>
	</txt>
</test>

```

When I left it the way you had it the CSS didn’t work at all. The text showed but it wasn’t styled. Now that I changed it to how CSS should look and what not, the text now doesn’t show at all either.

Sigh.

---

<div class="post-metadata">

### Author: ![scotty](https://avatars.discourse-cdn.com/v4/letter/s/91b2a8/32.png) [@scotty](https://forum.kirupa.com/u/scotty)
#### Post date: [April 15, 2006, 7:56pm UTC](https://forum.kirupa.com/t/looking-for-scroller-w-easing-tutorial/185406/14 "2006-04-15T19:56:55Z")

</div>

Weird, it wasn’t styled in the swf as well?  
Change your CSS like this

```auto
.headerText {
  font-family: Arial;
  font-size: 15px;
  color: #FF0000;
}

.bodyText {
  font-family: Arial;
  font-size: 12px;
  color: #0000FF; 
}
a:link {
  font-family: Arial;
  font-size: 12px;
  color:#0000FF;
}

a:hover {
  font-family: Arial;
  font-size: 12px;
  color:#FF0000;
}

```

and it will work (embed the font)

scotty(-:

---

<div class="post-metadata">

### Author: ![FrankieB](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/frankieb/32/1238_2.png) [@FrankieB](https://forum.kirupa.com/u/FrankieB)
#### Post date: [April 15, 2006, 8:15pm UTC](https://forum.kirupa.com/t/looking-for-scroller-w-easing-tutorial/185406/15 "2006-04-15T20:15:44Z")

</div>

Ok this is strange. when I change the font on the dummy FoundrySansBold text field my styled text stops working. If I leave it at FoundrySansBold (which I don’t have) it for some reason styles the text? :h: This makes no sense to me lol.

---

<div class="post-metadata">

### Author: ![scotty](https://avatars.discourse-cdn.com/v4/letter/s/91b2a8/32.png) [@scotty](https://forum.kirupa.com/u/scotty)
#### Post date: [April 15, 2006, 8:22pm UTC](https://forum.kirupa.com/t/looking-for-scroller-w-easing-tutorial/185406/16 "2006-04-15T20:22:33Z")

</div>

Skip the dummy field and change the font in the main mc textfield to Arial and embed it.  
Or leave the dummy field and change it there to Arial.

scotty(-:

---

<div class="post-metadata">

### Author: ![FrankieB](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/frankieb/32/1238_2.png) [@FrankieB](https://forum.kirupa.com/u/FrankieB)
#### Post date: [April 15, 2006, 8:47pm UTC](https://forum.kirupa.com/t/looking-for-scroller-w-easing-tutorial/185406/17 "2006-04-15T20:47:42Z")

</div>

Sweet that worked. Now one last question if you don’t mind.

If I don’t want to use Arial how would I get that to work?

EDIT: Hey scotty nevermind. I just removed the font tags from the CSS document. Thanks a lot buddy!!!

---

<div class="post-metadata">

### Author: ![scotty](https://avatars.discourse-cdn.com/v4/letter/s/91b2a8/32.png) [@scotty](https://forum.kirupa.com/u/scotty)
#### Post date: [April 15, 2006, 9:38pm UTC](https://forum.kirupa.com/t/looking-for-scroller-w-easing-tutorial/185406/18 "2006-04-15T21:38:04Z")

</div>

you’re welcome :thumb:
