Flash :: UIScrollBar Component Skinning

Skinning A UIScrollBar
I used to work with Flash MX2004 and a downloaded scrollbar I could skin by changing the actual movieclips. Pretty straight-forward.

But now I'm wondering about the UIScrollBar in Flash 8. Is it possible to change everything about that scrollbar? The shape, size, colors, ... not just a silly color when you click on the buttons by using a Theme. If so, how do I do this?

Hope you guys can help me because google is failing me

Flash 8 - Skinning UIScrollBar
HIi all,

I'm using the UIScrollBar in Flash 8 Professional but I want to change the colours it is using from grey to a custom orange colour. I have searched for ages but cant find anything that is helping, seems like there was a way to do it in MX to do it but this does not follow through to 8.

Any help would be much appreciated.

Cheers,
JK

Skinning The UIScrollBar, Alter Width
Hi,
I've created a custom skin for the UIScrollbar by altering a copy of the corresponding halotheme. This has worked great, although I now wish to decrease the width of the scrollbar (to around half).
I can't do this as, the skin was made using the halotheme and, according to livedocs, you can only alter the width of those made with another FLA..

Quote:

Note, however, that with the Halo theme, the width of a vertically oriented scroll bar must be 16 pixels, and the height of a horizontally oriented scroll bar must also be 16 pixels. These dimensions are determined strictly by the current theme used with the scroll bar. Only the dimension of a scroll bar that corresponds to its length can be changed.

As my own skin was made using the halo theme, I therefore cannot alter the width, although this implies that it is possible using something other than halo.

How is this achieved?

Any ideas are much appreciated,
Thanks

Skinning The UIScrollBar, Alter Scroll Width
Hi guys,
Have been playing around customising various components using Lee's 'Skinning V2 copmonents' tutorial and was wondering if anyone knows how to affect the UIscrollbar width in F8?
I've sucessfully created a custom bar but now want to change the horizontal width..

If anyone has any ideas, i'd be much obliged..
Thanks

[F8] Help With UIscrollbar Component
I'm having problems with the UIScrollbar component in F8 and urgently require some assistance.

I have a dynamic text box with the UIScrollbar component attached to the side saved as a mc.

upon loading this mc.preload looks up a text file and loads it's content.

at the top of my page I have other clips that look dynamic content into what will become my buttons.

when the user selects a button it loads the desired clips (all based upon mc.preload) which in turn look to the text file and load there dynamic content.

The problem I have is....

my first clip mc.box1 loads fine and the srollbar works fine.
any of my subsequent clips load the text content fine, but the sroll bar doesn't work and so the user is unable to read all the text.

has anyone else had any problems with the UIscrollbar component and how can I go about changing this?

Thanks in advance for any help.

UIscrollbar Component
Hi,

I've got some little issues with the scrollbar that would be nice if they were solved.
First off, I load my text with xml in a textfield. With AS3.0 I attach the scrollbar to the textfield. I'm using the standard code found in the help files for this.
First problem, which I actually think has more to do with the xml. My text fits perfectly in the textfield, yet the scrollbar is visible. It seems to me that the xml file or the textfield adds an extra line or something. Is there a way I can tell the scrollbar that it doesn't have to take the last line in account.

Seconde problem is more of an user experience problem with the scrollbar. Some of my xml files contain a lot of text. As a result, the bar of the scrollbar itself get very tiny. It's already the size of the scroll up and scroll down button. Is there a way that I can set a minimum size for the height of the bar? Now it's rather difficult to drag.

Thnx in advance.

Cheers

UIScrollBar Component
I'm having trouble getting this thing to scroll can anyone guide me in setting this component up. I'm trying to scroll a long block of text.

Using The UIScrollBar Component
i am trying to attach the UIScrollBar to a movieclip, i want the scroll bar to slide the movie clip relative to the scroll. If anybody has experience with this or can't point me in the drection of a good tutorial i would appriciate it.

I have seen this done easily with text but can't find anything about doing it with a movieclip!

How To Use UIScrollBar Component?
How do i use a UIScrollBar component?

Component Skinning Help
Hello everyone..

Can anybody help me?

I need to skin some components like the textarea and the combobox.

Now as I seen in ultrashock you can change the skin "easilly" by changing a theme. The problem is pro example the textarea aren't in the themes!!!

So how can i skin this control without this. (i can change the scrollbars by changing the assets of the scrollbar), but i cannot change the text (or i can't find a place to do it) in there.

I know that you can do it by code, but the problem is that i need to give this to a designer who don't know actionscript to change the aspect of things, so i don't know what to do since i can't change some stuff in "design mode".

Thanks.

Component Skinning
Hi,
I have following problem:
I'm trying to remove the border of a scrollbar and of a scrollpane, i've already done that with following code:

my_component.setStyle("borderStyle","none");

It worked pretty well, but now my component is inside a mc, and althoug i place this code in the frame where the component is placed nothig happens.

Does somebody know what is wrong?

The second question: Is there any easy way to change the scrollbar of a scrollpane, or maybe a whay to create my own scrollpane?

Thanks a lot,
Peter

Skinning A Component With AS
Hi all,

I'm trying to change the graphics on the UIScrollBar component (which is attached to a scrollpane). Problem is, any that I specify an alternate movieclip (skin) for are not showing up. For example, if I specify the mouse over clip for the scrollbars arrows, they disappear.

I opened the standard and halo theme provided FLA files and copied the entire ScrollBar Assets folder over to my project. I altered the graphics and just tried it like this (making sure asset MCs were export in first frame). That had no effect. I then specified some changes in the init portion of my createClassObject() (e.g. {ScrollUpArrowOver:"SomeValidLinkageID"}) but the clip just keeps disappearing. Since the change is global to my whole project I started adding it to the prototype (e.g. mx.controls.UIScrollBar.prototype.upArrowOverName = "SomeValidLinkageID";), and that does (you guessed it), the same thing.. disappears!

How can I change the graphics on a scrollpane components scrollbar that I'm dynamically adding via createClassObject()??

Thanks for any info!

edit:

I should note that if I comment out the prototype lines or the init object declarations and such, the scrollpanes scrollbar goes back to normal. So I'm sure I'm affecting the right scrollpane with the code. I copied the assets from the FLAs flash comes with (via open external library and dragging into my project) so I'm sure the movieclips I'm using are good (I didn't make 'em). I didn't make any drastic changes to the movieclips, I literally changed the themeColor of the clips, just to see if I could do it so it can't be some wacky movieclip issue. I also tried enabling export on first frame for each clip I'm using as a skin (and tried with export in first frame disabled) and neither have any effect.

Edited: 05/20/2008 at 10:16:34 AM by ominous93

Having An Issue With UIScrollbar Component
I'm using Flash MX 2004pro. I'm loading in an external .txt file that is 95 lines long. The UIScrollbar is working but ends the scroll at approximately line 65. I can't find a parameter to change to increase the scroll length. Anyone know how to fix this?

Thanks.

Problems With The UIScrollBar Component
HELP ME! HELP ME! HELP ME!

I only have a day to finish a project and I am cursing the day the creator of the UIScrollBar was born. Not really, but, it is being annoying.

The scroll bar doesn't show up. I have used it before and never got this kind of trouble. I am placing the scrollbar into a movie that will be loaded into another one. There is only the text box (with text already in it) and the scroll bar...what gives?

Any help would be appriciated.

UIScrollbar Component - No Resize ?
I have a simple dynamic text box with a UIscrollbar attached to it. I need the scrollbar to keep its size when the the movie is scaled or resized.
Example: Download the attached file, open the .swf from your computer, scale the window and see how the scrollbar gets bigger.

How can I prevent the scrollbar from getting bigger?

OR

How can I make the scrollbar smaller so that when the whole movie is scaled bigger the scrollbar appears smaller then usual? (I tried making the scrollbar smaller in the .fla file but when I published it the size was still the same)

Resetting A UIScrollbar Component (?)
I have a handful of frames, each with different text boxes named the same thing (scroller) and sized and positioned the same. The only difference is the content, and it's all put into the movie before runtime - nothing dynamic.

I'm wanting to add a scrollbar to the side. What I've done is placed the UIScrollbar component on the stage and pointed it at the correct target (scroller). When the scrollbar is inactive, I want it to be invisible, so I have a function that's called when the button to change the frame is pressed.

PHP Code:

function checkScrollBar() {
    trace('Scrollbar visible: '+scrollbar.downArrow_mc.enabled);
    if (scrollbar.downArrow_mc.enabled == false) {
        scrollbar.visible = false;
    } else {
        scrollbar.visible = true;
    }
}

The trace action works fine, but no matter what the scrollbar's downArrow_mc.enabled property always returns as false, and thus the scrollbar is 1) never visible and 2) not becoming active when new text is loaded. Obviously if I alleviate problem 2, problem 1 will also be solved.

Is there a method to reset or refresh the UIScrollbar component? I tried using ActionScript to "remind" it of the target instance, hoping that would do the trick but I had no luck.

I don't have a lot of time to spend on this job and figured implementing the UIScrollbar component would be easier for me than creating it with ActionScript. But if the component wasn't built for more advanced use, maybe I should bite the bullet and use ActionScript implementation instead of just dragging it onto the stage.

How To Add UIScrollBar Component To Movieclip
how to add UIScrollBar component to movieclip so that scrollbar would control movieclip*s timeline.
basicly all i want to do is to achieve this effect:
http://www.templatemonster.com/flash...tes/16609.html (scrolling on first page that loads)
so if you know any easier way to do i pls tell
i know how to add scroll bar to dynamic text but i guess i need it to control timelien of mc

What Is The Best Way To Resize The UIScrollbar Component
I have a website with a bunch of different dynamic text boxes - it is in the same place but calls different text on different pages. Along with the dynamic text box I have an instance of the UIScrollbar. However, some of my text boxes are different sizes to match different 'pages', so I have to resize my scrollbar to match the text box. As a relative newbie, I am working using the timeline for my pages, and not all in actionscript or anything.

-What is the best way of doing this? Dragging to change the size of the instances, typing the sizes in on the properties panel, or using actionscript (my_component.setSize) to size them? It seems if I use the properties panel to change the size of my text boxes, then my type appears in all different sizes even though it is formatted to be a certain size throughout. I would like my scrollbars to look consistent if possible.

How To Scroll The UIScrollBar Component To The Top?
I'm using the UIScrollBar with a dynamic text field. If content gets scroll by the user, and then the text fiel dis update with new text, the new text remains "pre-scrolled". So, obviously, I want to set the scroll position to 0 every time I update the content in that field. But how do you do this?
Is this something I do to the text field or to the UIScrollBar component?
What is the method?

Could somebody please give me an example?

Thanks in advance...

UiScrollBar Component Editing?
I tried to search for this, but no luck. Previously in Flash MX when i created a Scroll component, it created a folder with the graphics of the scroll bar. Now in Flash MX 2004, I dont get anything, In the library i can only see a UIScrollBar component but i cant edit it in no ways.

Please help me fast..

UIScrollBar Component Question
At design time, If I attach a UIScrollBar component with a dynamic text field and pre-populate text into the text field and test the movie, works fine.

BUT.... if I create an empty dynamic text field then attach a UIScrollbar. At run time, I load the text field from an external text file, The UIScollBar is greyed out,

why ??? Please advise.

By the way, I am using Flas MX Professional.

Thanks

UIScrollBar Component Not Working?
I was happily working away in Flash 8 and then went to drag the UIScrollBar component but all it shows is a white rectangle on the stage?

Where are the up and down arrows gone???

Is it possible to download this component again from Macromedia???

If so, please can someone post a link to the standard UIScrollBar component download?

Hope someone can help me?

Thanks.

B

UIScrollbar Component Won't Scroll
Hello I am new to flash 8 and need some help.

I have a dynamic text box that is loading an external .txt and I am (trying) to use the scrollbar component.

the first problem is it seems not to load all of the text, or scroll to reveal it all. it works fine when i test movie, but not when i post it live.

the second problem is sometimes the scrollbar doesn't show up right away, i have to click on another button and then click back to get it to show up.

would it have something to do with my publish settings? I have looked at it on a mac and a pc, explorer, firefox and safari.

www.icpsgroup.com/new ,pm me for fla.

can anyone help? I have tried everything and can't figure this out! thank so much in advance!

Reposition UIScrollBar Component With AS?
I need to move the scrollbar draggy thing to the top of it's track when I change the content of the textfield it's applied to. I'm sure there must be a way to do this, but the information for this component on adobe's site is down. Anyone know?

Edit: the adobe crap went back and I figured it out. .scrollPosition = 0 and .scroll = 1 on the textfield.

Customizing UIScrollbar Component
Ok, I've looked all over, tried this and that... but I can't get this to work.

I'm trying to set the global settings for specific styles to recolor the UIScrollbar component.

Can anyone give me some info on how this works?

Skinning The Scrollbar Component
Is there any way to 'correctly' skin macromedia's scrollbar component.

I don't mean just change the collors through actionscript, but I mean changing its entire look.

I've done it a few times by searching the library for anything relating to it and then changing the symbols from there, but its really messy, and I have a feeling thats not the right way of doing it.

Can anyone point me to some tutorials on how to do this correctly?

Thanks!

Skinning A Button Component
Okay I have been trying to skin the button component, but it appears that since MM uses the drawing features of flash to draw a button component that it is impossible to get rid of the default background.

Code:
// I am dynamically adding a button and setting it's skin movies like this
var NextButton = new Object();
NextButton.falseUpIcon = "MyUpIcon";
NextButton.falseDownIcon = "MyDownIcon";
NextButton.trueUpIcon = "MyUpIcon";
createClassObject(mx.controls.Button, "MyButton", 0, NextButton);
MyButton._x = 200;
MyButton._y = 200;
MyButton.trackAsMenu = true;
MyButton.onPress = function()
{
trace("hello");
}
Still though the button draws it's default border. Can anyone tell me of a better way to accomplish this with the component button?

Skinning Scroll Bar Component
whats the easist way to edit the appearence of the scrollpane component?

Component Skinning Issue
Hi all, firstly, y has component skinning become so hard???

I am using a scrollpane in my movie, when i drag the slider (or bring the pane into focus) i get an ugly green line around the scrollpane box.

I would ideally like to edit the box so you cant see it against a white bg, but just getting rid of the green line would be a help! I have attached an image for you to see.

Si

Skinning A TextArea Component...?
I´m using a textArea component in my scene...I´ve imported the theme "SampleTheme.fla", edited the scrollBar assets and dragged them into my new *.fla.
Now - why aren´t these changes in my new *.fla when I run the movie?!
Is there any code I need to apply to my component on stage to make it use my modified theme?!

Skinning Scroll Bar Component Mx 04
i can't get the scroll area of any componet to change??
i tryied _global.style.setStyle("scrollTrackColor", "0xD3DDE7");

but nothing hapened?

i would like to change the scrollTrackColor and the thumb gripper thing that mooves inside it... i would like to do it with script.

please help

i have been working from here http://livedocs.macromedia.com/flash...tml/wwhelp.htm

n8o

MX2004 Component Skinning
Hi,

I know how to change the skins of the Halothemes of components. However, i have a problem changing the appearance of the combobox component. The MX component had a rectangular shape with a black border but the MX2004 combobox has a fuzzy round shape border. How do i change that? Do not tell me to use the MX components ( ).

Thanks for any advice.

Skinning The Alert Component
This I use for skinning my buttons

mx.controls.Button.prototype.falseUpSkin = "BlueButtonUpSkin";

How can I get this to work on the buttons inside the alert component. ??

Ive tied this:
mx.controls.Button.prototype.Alert.buttonUp = "BlueButtonUpSkin";

eg this http://livedocs.macromedia.com/flash...=00002076.html

Have a nice day :-)

More Component Skinning/styling ?'s
more component skinning/styling ?'s

I cant seem to find out how to:

1.) change my drop down box to have SQURE corners instead of the halo ones.. I want 'simple' ones I guess..

2.) cant figure how to change the BORDER of the comboBox..I can change it for the drop down of the comboBox..but not the comboBox itself.

and 3.. I still cant figure out how to change the scrollbar in the tree component.

PLEASE..anyone..throw me a bone here..

[F8] List Component Skinning
Is there a way to make the background color alternate per item? and how can i change those colors?

Skinning ProgressBar Component
Hey all,

I have a nice little flash slideshow that uses the ProgressBar Component to give the user an indication that something's going on as all the images pre-load.

I want to skin the ProgressBar Component so that it looks like the "Apple-style" indeterminate spinning gear (basically, a circular indeterminate progress indicator rather than a bar).

I thought I could just assign a new MovieClip of a spinning gear to the progress bar's indeterminate state, but that doesn't seem to work (code follows):

pBar.progBarIndName = "SpinningGear";

Where "SpinningGear" is the linkage identifier of the movie clip I'd like to use.

Any thoughts? I've seen this style of indeterminate progress used a lot online and would appreciate any light you can shed on this.

Component Skinning.. It Can't Be Thát Hard, Can It?
Hi all,

I've got a question that's been bothering me waaaaaay to long:

Since flash 8 I haven't been able to customize my components properly..
Basically what I want is not to 'style' the components saying 'borderColor = bla bla'
but to create my own truly custommade buttons/borders & backgrounds but with
all the backend functionality of the components.

Do I do this by making my own 'theme'? that I save here:

C:Program FilesMacromediaFlash 8enConfigurationComponentFLAmyOwnTheme.fla

If so, how do I attach this theme to a component?
Does anyone know where I can find a step-by-step explanation of the implementation
of this? Or are there easier ways of doing this?

Thanks,
Albert

Component Skinning Tutorial?
Can someone point me to a GOOD component skinning tutorial?
Maybe I'm an idiot, but it doesn't seem obvious to me...thx!

Skinning Datagrid Component
Hi there,
I am working on a project in which data will be fetched via php and then should be displayed as a vertical list. I am using Datagrid Component, my ques is: is it possible to dynamically dispaly data thru php in a Datagrid comp; if yes, how? And how to skin this comp so as to match the design that I am attaching here. The design is of the scrollbars only, the background should be grey.
Pls help me out.

Component Skinning Tutorial?
Can someone point me to a GOOD component skinning tutorial?
Maybe I'm an idiot, but it doesn't seem obvious to me...thx!

Textarea Component Skinning
Hi,

I need to use two differently skinned textareas in one flash movie. I've renamed the first textarea to textarea1 in the library, but when I drag a new textarea onto the stage, it tries to replace the first textarea.

Is there a way to load two so that I can customize each?

Thanks!

Skinning Datagrid Component
I'm trying to customize the datagrid component. I've gone through skinning tutorials online and what little there is in Macromedia's own docs. My biggest complaint is that the SampleTheme.FLA file they provide as an example doesn't even work with the datagrid. In the sample theme file, they've changed the background header graphic but it doesn't actually change a datagrid component's header background (it still uses the deafult Halo theme when rendered). I'm not sure how they expect users to skin components if they can't get it right themselves.

OK - sorry. Done with my griping. Back to the issue.

Has anyone tried skinning a datagrid? Here's what I did:

- created a new doc
- dragged a datagrid onto the stage (this happens whether the datagrid is attached to a dataprovide or not),
- open the SampleTheme.FLA's library as an external library (in this file, the datagrid asset for the background graphic has been changed)
- dragged in the Flash UI OCMponents 2 folder to my original doc
- exported
- Results: the border and scrollbars of the datagrid change, but not the headers. Those still have the Halo theme applied.

My guess is that somewhere in the component actionscripts, the headers are not "listening" to the new graphics. Does anyone have any idea what this could be?

AAARGH! I'm just a designer.

Trouble With Component Skinning...
imported comboBox assets from haloTheme and edited the ComboThemeColor1 MC from the acid green to an orange to match my site. Then I checked the linkage and made sure it was set to Export in First Frame. But when i view my movie - its still acid green... any suggestions on what I'm overlooking? below is directions I was following. The only think different i did was bring in elements from HaloTheme instead of SampleTheme (I like the look of halo better).

# Select File > Import > Open External Library, and select the SampleTheme.fla file.

This file is located in the application-level configuration folder. For the exact location on your operating system, see About themes.
# In the theme's Library panel, select Flash UI Components 2/Themes/MMDefault and drag the Assets folder of any components in your document to the library for your document.

For example, drag the RadioButton Assets folder to the ThemeApply.fla library.
# If you dragged individual component Assets folders to the library, make sure the Assets symbol for each component is set to Export in First Frame.

For example, the Assets folder for the RadioButton component is called RadioButton Assets; it has a symbol called RadioButtonAssets, which contains all of the individual asset symbols. If you set Export in First Frame on the RadioButtonAssets symbol, all individual asset symbols will also export in the first frame.
# Double-click any skin symbol you want to modify to open it in symbol-editing mode.

For example, open the States/RadioFalseDisabled symbol.
# Modify the symbol or delete the graphics and create new graphics.

You may need to select View > Zoom In to increase the magnification. When you edit a skin, you must maintain the registration point in order for the skin to be displayed correctly. The upper-left corner of all edited symbols must be at (0,0).

For example, change the inner circle to a light gray.
# When you finish editing the skin symbol, click the Back button at the left side of the edit bar at the top of the Stage to return to document-editing mode.

Skinning Button Component In L.I
Hi,

This topic is a little advanced. I been working for the last three days on trying to find a way to customize the skin of the Button component in the Learning Interactions (LI) that ships with flash. The procedures in flash documentation (customizing components) are helpful and helped me customize the RadioButton and checkBox components very fine, but when it came to the Button components things are a way more challenging.

You can find the LI in the common library of flash. The codes of placed within two movie clips, but most variables are scoped to _root. The codes are respectively within the "superClass" clip timeline (see "controls" folder in library), and for each Quizz template complementary codes is on the timeline of the mc embedded (ctrl+B, then double-click the instructions graphic ).

Something in the code overrides the normal Button Component Behavior and look in a way that i cannot skin it with normal procedures described in the documentation,nor even after following the very nice pieces of expert advices in this article (http://www.adobe.com/devnet/flash/articles/skinning_2004.html).

Well now i have tried guys, but i seem like not able to find a way around this.Maybe you guys won't beleive me, but i sleep in the night and i dream iam still working on this, maybe i even talk i dunno lol. If you can please have a look at and help me that would be very great. It is an important project for me, and iam blocked in a key step in a long pipeline. Lemme remind the question: How would you alter the graphic of this component Button and replace it by your own look?

Thank you

Skinning Flash CS3 Component
I posted this in General but haven't gotten a reply, and now I'm beginning to wonder if this must be accomplised with ActionScript.

It's great that you can double click a component, open it up, and put your own artwork right in there and set the 9-slice scaling guides so it behaves properly. Lightyears better than trying to skin in any previous version of Flash.

But, the rendered SWF does not seem to respect my artwork dimensions. For instance, I have a Slider component for which the default track is about 3px tall. I have my own artwork which is about 6px tall. While I can put my artwork in the skin and it scales perfectly, it squashes it down to 3px tall when rendered. Likewise, my 9x12 thumb gets scaled when rendered to 13x13(which is the default skin's thumb size) when rendered. Although the graphics appear the right size in Flash authoring, it appears to get scaled at runtime.

How do I avoid this? How do I define the base dimensions for the skin graphics?

Thanks for any advice.

Post in General forum:
http://www.adobe.com/cfusion/webforums/forum/messageview.cfm?catid=194&threadid=1324684

Skinning Accordion Component
ahh, so i make this great Accordion Component for this site i'm working on. maybe i'm searching for wrong terms, but i can't find how to skin this thing?

i tryed a few properties like background color, etc. but it doesn't work.

do i have to make a style sheet or something?

please advise,
digit''al

Datagrid Component Skinning
Hey guys,

I'm trying to skin the datagrid component using the Themes style of dragging and dropping in MX 2004, and that works fine except for the top bar / header field of the datagrid. Even though I change the assets in the Datagrid Assets folder, it won't update.

Is that part of the component's skin located in another folder? I tried using styles to change it but I couldn't find the right property. Help!!

--EP