I thought about that, but it's much further off that what that could possibly be.
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 12:36 PM To: 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> .