Adding a child to a Package -- problem...

Question

The package code below is directly out of the Adobe flash help system:
It works fine as an external .as file.
However, I want to add some buttons from the library.  I haven't been able to add another child, no matter where I put the code.  I also tried putting the code to add a button in the internal movie frame script, but when I put ANY script there, I get this error
"1180: Call to a possibly undefined method addFrameScript."
What am I missing?
The add button script, where Sub1_Btn has been exported for Actionscript and set up as a class in the buttons property window.
var Sub1:Sub1_Btn = new Sub1_Btn();
Sub1.x = 10;
Sub1.y = 30;
var Sub1_txt:text = new text();
Sub1_txt.text = "New Text";
Sub1_txt.x = 10
Sub1_txt.y = 30
addChild (Sub1);
The package I mentioned above:
package {
import flash.display.Sprite;
import flash.net.URLLoader;
import flash.net.URLRequest;
import flash.text.StyleSheet;
import flash.text.TextField;
import flash.text.TextFieldAutoSize;
import flash.events.IOErrorEvent;
import flash.events.Event;
import flash.events.MouseEvent;
public class StyleSheet_parseCSSExample extends Sprite {
private var loader:URLLoader = new URLLoader();
private var field:TextField = new TextField();
private var exampleText:String = "<h1>This is a headline</h1>"
                    + "<p>This is a line of text. <span class='bluetext'>"
                    + "This line of text is colored blue.</span></p>";
private var sheet:StyleSheet = new StyleSheet();
private var cssReady:Boolean = false;
public function StyleSheet_parseCSSExample () {
field.x = 10;
field.y = 10;
field.background = true;
field.multiline = true;
field.autoSize = TextFieldAutoSize.LEFT;
field.htmlText = exampleText;
field.addEventListener (MouseEvent.CLICK, clickHandler);
addChild (field)
var req:URLRequest = new URLRequest("test.css");
loader.load (req);
loader.addEventListener (IOErrorEvent.IO_ERROR, errorHandler);
loader.addEventListener (Event.COMPLETE, loaderCompleteHandler);
public function errorHandler (e:IOErrorEvent):void {
field.htmlText = "Couldn't load the style sheet file.";
public function loaderCompleteHandler (event:Event):void {
sheet.parseCSS (loader.data);
cssReady = true;
public function clickHandler (e:MouseEvent):void {
if (cssReady) {
field.styleSheet = sheet;
field.htmlText = exampleText;
var style:Object = sheet.getStyle("h1");
field.htmlText += "<p>Headline font-family is: " + style.fontFamily + "</p>";
field.htmlText+="<p>Headline color is: "+style.color+"</p>";
} else {
field.htmlText="Couldn't apply the CSS styles.";

Answer 1

Hi,
The following code is one way you can set up a scroller, when you add something to the group the scrollbars will appear if that object exceeds the scroller boundaries. When you add the oversized child component(I used a list here for simplicity) the scrollbars will kick in.
David
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
   xmlns:s="library://ns.adobe.com/flex/spark"
   xmlns:mx="library://ns.adobe.com/flex/mx">
<fx:Script>
<![CDATA[
import mx.controls.List;
protected function button1_clickHandler(event:MouseEvent):void
var mylist:List = new List()
mylist.x=0;mylist.y=0;mylist.height=500;mylist.width=500;
grp.addElement(mylist);
]]>
</fx:Script>
<s:Scroller left="10" top="10" width="400" height="400" id="scroller" minViewportInset="1" hasFocusableChildren="true">
<s:Group id="grp" top="0" left="0" bottom="0" right="0"/>
</s:Scroller>
<s:Button x="32" y="446" label="Button" click="button1_clickHandler(event)"/>
</s:Application>