Comments on: Setting the border thickness in a Flex Panel container http://blog.flexexamples.com/2008/01/12/setting-the-border-thickness-in-a-flex-panel-container/ Just a bunch of Adobe Flex Examples Sun, 12 Feb 2012 14:19:03 +0000 hourly 1 By: Demmie http://blog.flexexamples.com/2008/01/12/setting-the-border-thickness-in-a-flex-panel-container/comment-page-1/#comment-10058 Demmie Mon, 17 Oct 2011 16:37:49 +0000 http://blog.flexexamples.com/2008/01/12/setting-the-border-thickness-in-a-flex-panel-container/#comment-10058 thanks a ton for this example. thanks a ton for this example.

]]> By: Sankara narayanan http://blog.flexexamples.com/2008/01/12/setting-the-border-thickness-in-a-flex-panel-container/comment-page-1/#comment-8268 Sankara narayanan Fri, 27 Aug 2010 08:59:04 +0000 http://blog.flexexamples.com/2008/01/12/setting-the-border-thickness-in-a-flex-panel-container/#comment-8268 @Peter, Will file a bug soon. Thanks. Reagrds, Sankara narayanan Ekambaranathan. @Peter,
Will file a bug soon.
Thanks.
Reagrds,
Sankara narayanan Ekambaranathan.

]]> By: Peter deHaan http://blog.flexexamples.com/2008/01/12/setting-the-border-thickness-in-a-flex-panel-container/comment-page-1/#comment-8260 Peter deHaan Thu, 26 Aug 2010 15:10:52 +0000 http://blog.flexexamples.com/2008/01/12/setting-the-border-thickness-in-a-flex-panel-container/#comment-8260 @Sankara narayanan, I can see the issue in Flex 3.5, but cannot see a workaround apart from changing the borderWidth to 2px (which still shrinks to 1px at certain widths). Can you please file a bug at http://bugs.adobe.com/flex/ and attach your test case above. Thanks, Peter @Sankara narayanan,

I can see the issue in Flex 3.5, but cannot see a workaround apart from changing the borderWidth to 2px (which still shrinks to 1px at certain widths).

Can you please file a bug at http://bugs.adobe.com/flex/ and attach your test case above.

Thanks,
Peter

]]> By: Sankara narayanan http://blog.flexexamples.com/2008/01/12/setting-the-border-thickness-in-a-flex-panel-container/comment-page-1/#comment-8259 Sankara narayanan Thu, 26 Aug 2010 08:17:17 +0000 http://blog.flexexamples.com/2008/01/12/setting-the-border-thickness-in-a-flex-panel-container/#comment-8259 Hi Peter, I have set borders gor my grid items. But when i resize the application, the border also got resized. (in some cases the border disappears too ! I thought , the grid items got overlapped !! But it is not actually.) How can i avoid this ? My code goes like : <pre lang="mxml"> <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" xmlns:Test="Test.*" xmlns:components="components.*" backgroundColor="#FFFFFF"> <mx:Style> .myGridItem { background-color : #F1F7F3; border-color: #70B794; border-sides : right,bottom; border-style :solid; border-thickness : 1; color: #000000; vertical-align : middle; } </mx:Style> <mx:Grid width="100%" horizontalGap="0" verticalGap="0"> <mx:GridRow width="100%"> <mx:GridItem width="14%" styleName="myGridItem"> <mx:Text text="DATE VALUE"/> </mx:GridItem> <mx:GridItem width="36%" styleName="myGridItem"> <mx:Text text="DATE VALUE"/> </mx:GridItem> <mx:GridItem width="14%" styleName="myGridItem"> <mx:Text text="AMOUNT VALUE"/> </mx:GridItem> <mx:GridItem width="36%" styleName="myGridItem"> <mx:Text text="AMOUNT VALUE"/> </mx:GridItem> </mx:GridRow> <mx:GridRow width="100%"> <mx:GridItem width="14%" styleName="myGridItem"> <mx:Text text="DATE VALUE"/> </mx:GridItem> <mx:GridItem width="36%" styleName="myGridItem"> <mx:Text text="DATE VALUE"/> </mx:GridItem> <mx:GridItem width="14%" styleName="myGridItem"> <mx:Text text="AMOUNT VALUE"/> </mx:GridItem> <mx:GridItem width="36%" styleName="myGridItem"> <mx:Text text="AMOUNT VALUE"/> </mx:GridItem> </mx:GridRow> <mx:GridRow width="100%"> <mx:GridItem width="14%" styleName="myGridItem"> <mx:Text text="DATE VALUE"/> </mx:GridItem> <mx:GridItem width="36%" styleName="myGridItem"> <mx:Text text="DATE VALUE"/> </mx:GridItem> <mx:GridItem width="14%" styleName="myGridItem"> <mx:Text text="AMOUNT VALUE"/> </mx:GridItem> <mx:GridItem width="36%" styleName="myGridItem"> <mx:Text text="AMOUNT VALUE"/> </mx:GridItem> </mx:GridRow> <mx:GridRow width="100%"> <mx:GridItem width="14%" styleName="myGridItem"> <mx:Text text="DATE VALUE"/> </mx:GridItem> <mx:GridItem width="36%" styleName="myGridItem"> <mx:Text text="DATE VALUE"/> </mx:GridItem> <mx:GridItem width="14%" styleName="myGridItem"> <mx:Text text="AMOUNT VALUE"/> </mx:GridItem> <mx:GridItem width="36%" styleName="myGridItem"> <mx:Text text="AMOUNT VALUE"/> </mx:GridItem> </mx:GridRow> </mx:Grid> </mx:Application> </pre> Thanks in advance. Reagrds, Sankara narayanan Ekambaranathan. Hi Peter,
I have set borders gor my grid items.
But when i resize the application, the border also got resized.
(in some cases the border disappears too ! I thought , the grid items got overlapped !! But it is not actually.)
How can i avoid this ?
My code goes like :

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
                layout="vertical" xmlns:Test="Test.*" 
                xmlns:components="components.*" backgroundColor="#FFFFFF">
 
    <mx:Style>
 
        .myGridItem
        {
            background-color : #F1F7F3;
            border-color: #70B794;
            border-sides : right,bottom;
            border-style :solid;
            border-thickness : 1;
            color: #000000;
            vertical-align : middle;
        }
 
    </mx:Style>
 
    <mx:Grid width="100%" horizontalGap="0" verticalGap="0">
        <mx:GridRow width="100%">
            <mx:GridItem width="14%" styleName="myGridItem">
                <mx:Text text="DATE VALUE"/>
            </mx:GridItem>
            <mx:GridItem width="36%" styleName="myGridItem">
                <mx:Text text="DATE VALUE"/>
            </mx:GridItem>
            <mx:GridItem width="14%" styleName="myGridItem">
                <mx:Text text="AMOUNT VALUE"/>
            </mx:GridItem>
            <mx:GridItem width="36%" styleName="myGridItem">
                <mx:Text text="AMOUNT VALUE"/>
            </mx:GridItem>
        </mx:GridRow>
        <mx:GridRow width="100%">
            <mx:GridItem width="14%" styleName="myGridItem">
                <mx:Text text="DATE VALUE"/>
            </mx:GridItem>
            <mx:GridItem width="36%" styleName="myGridItem">
                <mx:Text text="DATE VALUE"/>
            </mx:GridItem>
            <mx:GridItem width="14%" styleName="myGridItem">
                <mx:Text text="AMOUNT VALUE"/>
            </mx:GridItem>
            <mx:GridItem width="36%" styleName="myGridItem">
                <mx:Text text="AMOUNT VALUE"/>
            </mx:GridItem>
        </mx:GridRow>
        <mx:GridRow width="100%">
            <mx:GridItem width="14%" styleName="myGridItem">
                <mx:Text text="DATE VALUE"/>
            </mx:GridItem>
            <mx:GridItem width="36%" styleName="myGridItem">
                <mx:Text text="DATE VALUE"/>
            </mx:GridItem>
            <mx:GridItem width="14%" styleName="myGridItem">
                <mx:Text text="AMOUNT VALUE"/>
            </mx:GridItem>
            <mx:GridItem width="36%" styleName="myGridItem">
                <mx:Text text="AMOUNT VALUE"/>
            </mx:GridItem>
        </mx:GridRow>
        <mx:GridRow width="100%">
            <mx:GridItem width="14%" styleName="myGridItem">
                <mx:Text text="DATE VALUE"/>
            </mx:GridItem>
            <mx:GridItem width="36%" styleName="myGridItem">
                <mx:Text text="DATE VALUE"/>
            </mx:GridItem>
            <mx:GridItem width="14%" styleName="myGridItem">
                <mx:Text text="AMOUNT VALUE"/>
            </mx:GridItem>
            <mx:GridItem width="36%" styleName="myGridItem">
                <mx:Text text="AMOUNT VALUE"/>
            </mx:GridItem>
        </mx:GridRow>
    </mx:Grid>
 
</mx:Application>

Thanks in advance.
Reagrds,
Sankara narayanan Ekambaranathan.

]]> By: Brian http://blog.flexexamples.com/2008/01/12/setting-the-border-thickness-in-a-flex-panel-container/comment-page-1/#comment-8122 Brian Fri, 16 Jul 2010 18:17:15 +0000 http://blog.flexexamples.com/2008/01/12/setting-the-border-thickness-in-a-flex-panel-container/#comment-8122 Hi Radek There e is a side effect to using negative values. As the panels top border is reduced, it overlaps the actual panel itself, and in my case, mouse events at the top of the panel stopped being triggered. Took me ages to figure out until I increased the top border value (strange but true!!). Brian Hi Radek

There e is a side effect to using negative values.
As the panels top border is reduced, it overlaps the actual panel itself, and in my case, mouse events at the top
of the panel stopped being triggered. Took me ages to figure out until I increased the top border value (strange but true!!).

Brian

]]> By: flexet http://blog.flexexamples.com/2008/01/12/setting-the-border-thickness-in-a-flex-panel-container/comment-page-1/#comment-7277 flexet Wed, 17 Mar 2010 10:01:44 +0000 http://blog.flexexamples.com/2008/01/12/setting-the-border-thickness-in-a-flex-panel-container/#comment-7277 Thanks for this example. Saved time :) Thanks for this example. Saved time :)

]]> By: radek http://blog.flexexamples.com/2008/01/12/setting-the-border-thickness-in-a-flex-panel-container/comment-page-1/#comment-2275 radek Mon, 02 Mar 2009 18:31:47 +0000 http://blog.flexexamples.com/2008/01/12/setting-the-border-thickness-in-a-flex-panel-container/#comment-2275 I try to set '-' value, and its work :) for example borderThicknessTop="-10" ! I try to set ‘-’ value, and its work :) for example borderThicknessTop=”-10″ !

]]>