Skip navigation
beynar
Currently Being Moderated

stroke only one side

Jul 4, 2010 3:17 AM

Hello i would like to do one-side border around to iteam.

I cant find out any property in flex/as reference how to apply stroke only to one side of element.

 

would be glad to hear any tip from you,

Thanks

 

jbeynar

 
Replies
  • Currently Being Moderated
    Jul 4, 2010 9:34 PM   in reply to beynar

    Hi beynar,

     

    You can use the borderSides property to specify the border sides...as shown below:

     

    <mx:Canvas width="400" height="400" borderSides="[left,right,top,bottom]" />

     

    <mx:Canvas width="400" height="400" borderSides="[left,right,top]" />

     

    <mx:Canvas width="400" height="400" borderSides="[left,right]" />

     

    <mx:Canvas width="400" height="400" borderSides="[left,right]" />

     

    You can apply borders to any of the one side...

     

    If this post answers your question or helps, please kindly mark it as such.


    Thanks,

    Bhasker Chari

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 7, 2010 1:16 PM   in reply to beynar

    There are various possibilities.

    For examples you can try either s:Line or s:Path - both would give you plenty of flexibility.

    FTQuest

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 7, 2010 8:29 PM   in reply to beynar

    Looks like you are using Flex 4.

     

    If it is the case, try the following:

    .VBoxBorder {

      borderSkin: ClassReference("mx.skins.halo.HaloBorder");
      borderStyle: solid;
      borderSides: "right bottom";

    }

     

    The trick is to set proper border skin, doc's are lying, halo skin is not the default skin, you have to set it explicitly.

    And yes, flex doc's are extremely poorly written.

     

    Hope this helps.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 10, 2010 5:49 AM   in reply to beynar

    BorderContainer is a part of Spark components, this css is for Halo component that is compiled with Flex 4.

    I am glad that you have found the solution.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points