Right, but I mean I can't seem to find the method or properties to find
the panel's scrollbars in the Panel content area - nothing I could find
in the help docs.  
 
Got it working because I made the dumb mistake of calling width on the
UIComponent instead of the panel itself.  
 

Jason Merrill 
Bank of America 
GT&O L&LD Solutions Design & Development 
eTools & Multimedia 

Bank of America Flash Platform Developer Community 


Interested in innovative ideas in Learning?
Check out the GT&O Innovative Learning Blog
<http://sharepoint.bankofamerica.com/sites/ddc/rd/blog/default.aspx>
and & subscribe
<http://sharepoint.bankofamerica.com/sites/ddc/rd/blog/_layouts/SubNew.a
spx?List=%7B41BD3FC9%2DBB07%2D4763%2DB3AB%2DA6C7C99C5B8D%7D&Source=http%
3A%2F%2Fsharepoint%2Ebankofamerica%2Ecom%2Fsites%2Fddc%2Frd%2Fblog%2FLis
ts%2FPosts%2FArchive%2Easpx> . 




 


________________________________

        From: flexcoders@yahoogroups.com
[mailto:[EMAIL PROTECTED] On Behalf Of Eric Cancil
        Sent: Tuesday, February 19, 2008 2:50 PM
        To: flexcoders@yahoogroups.com
        Subject: Re: [flexcoders] Drawing in Panel Insanity
        
        

        You can access their height and width directly.
        How did you get it working?
        
        
        On Feb 19, 2008 1:11 PM, Merrill, Jason
<[EMAIL PROTECTED]
<mailto:[EMAIL PROTECTED]> > wrote:
        

                

                Hey Eric, I didn't thank you for your help.... thanks.
I have it working now.
                 
                By the way, is there a way to get the scrollbar's width
(for the vertical scrollbar) and height style (for the horizontal scroll
bar) in the container form of the panel?
                 

                Jason Merrill 
                Bank of America 
                GT&O L&LD Solutions Design & Development 
                eTools & Multimedia 

                Bank of America Flash Platform Developer Community 


                Interested in innovative ideas in Learning?
                Check out the GT&O Innovative Learning Blog
<http://sharepoint.bankofamerica.com/sites/ddc/rd/blog/default.aspx>
and & subscribe
<http://sharepoint.bankofamerica.com/sites/ddc/rd/blog/_layouts/SubNew.a
spx?List=%7B41BD3FC9%2DBB07%2D4763%2DB3AB%2DA6C7C99C5B8D%7D&Source=http%
3A%2F%2Fsharepoint%2Ebankofamerica%2Ecom%2Fsites%2Fddc%2Frd%2Fblog%2FLis
ts%2FPosts%2FArchive%2Easpx> . 




                 


________________________________

                        From: flexcoders@yahoogroups.com
<mailto:flexcoders@yahoogroups.com>  [mailto:flexcoders@yahoogroups.com
<mailto:flexcoders@yahoogroups.com> ] On Behalf Of Eric Cancil
                        Sent: Tuesday, February 19, 2008 12:36 PM
                        To: flexcoders@yahoogroups.com
<mailto:flexcoders@yahoogroups.com> 
                        Subject: Re: [flexcoders] Drawing in Panel
Insanity
                        
                        

                        You're probably not taking in account the
panel's border thickness properties.  When you get the panel's width
it's including the border (not just where the content is being drawn
like youre imagining).  To get the true width of the content area youd
need to subtract getStyle("borderThicknessRight") and
getStyle("borderThicknessLeft").
                        Hope this helps
                        Eric Cancil
                        
                        

                        On Feb 19, 2008 12:29 PM, Merrill, Jason
<[EMAIL PROTECTED]
<mailto:[EMAIL PROTECTED]> > wrote:
                        

                                

                                So I've been writing an Actionscript
component that extends UIComponent and is wrapped inside a Panel tag.
The UIComponent has code that draws a flowchart of sorts into the
content area of the Panel, based on a dataprovider it's bound to.
Everything works fine there, and the drawn graphics change when the
dataprovider changes automatically.  The drawn objects also stay within
the boundaries of the Panel content area, thanks to some help on this
list with overriding some protected methods.  
                                 
                                The problem I still have though, is
getting the drawn content to stay centered in the content area,
including when the Panel is resized (either by resizing the browser
window, since the Panel's width is 100%, or by moving an HDividedBox
divider that separates it from other panels), or when the drawn content
changes size.  I can measure the size of the drawn content easily enough
using the getBounds() method of Rectangle class, but not the Panel's
content area - the width and height seem to be way off when I measure
them.
                                 
                                The other problem is getting the
scrollbars to be accurate.  I'm getting really confused by Panel's
unscaledWidth, unscaledHeight, measuredWidth, measuredHeight, width,
height, explicitWidth, and explicitHeight properties and how they all
relate to each other.  Is there someone who can explain how the panel's
content area size is calculated and also the scrollbars?
                                 
                                Here is some code snippets from my
class:
                                 
                                override protected function
updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void 
                                {
        
super.updateDisplayList(unscaledWidth, unscaledHeight); 
                                       reposition();
                                       measuredWidth = unscaledWidth;
                                       measuredHeight = unscaledHeight; 
                                }
                                 
                                override protected function
measure():void
                                {
                                             var rect:Rectangle =
getBounds(this);
                                             measuredWidth = rect.width;
                                             measuredHeight =
rect.height;  
                                           var flowchartRect:Rectangle =
getBounds(_flowchart);
                                           _flowchartWidth =
flowchartRect.width;
                                           _flowchartHeight =
flowchartRect.height;
                                }
                                 
                                private function
reposition(e:Event):void
                                  {
                                   measure();
                                   _flowchart.x =
(width/2)-(_flowchart/2);
                                   _flowchart.y =
(height/2)-(_flowchart/2);
                                  }
                                 
                                Thanks,
                                 

                                Jason Merrill 
                                Bank of America 
                                GT&O L&LD Solutions Design & Development

                                eTools & Multimedia 

                                Bank of America Flash Platform Developer
Community 


                                Interested in innovative ideas in
Learning?
                                Check out the GT&O Innovative Learning
Blog
<http://sharepoint.bankofamerica.com/sites/ddc/rd/blog/default.aspx>
and & subscribe
<http://sharepoint.bankofamerica.com/sites/ddc/rd/blog/_layouts/SubNew.a
spx?List=%7B41BD3FC9%2DBB07%2D4763%2DB3AB%2DA6C7C99C5B8D%7D&Source=http%
3A%2F%2Fsharepoint%2Ebankofamerica%2Ecom%2Fsites%2Fddc%2Frd%2Fblog%2FLis
ts%2FPosts%2FArchive%2Easpx> . 

                                


                        

                


        

         

Reply via email to