Skip navigation
beynar
beynarCalculating status...
Currently Being Moderated

stroke only one side

Jul 4, 2010 4: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

  • BhaskerChari
    Currently Being Moderated
    BhaskerChari,
    Community Member
    Jul 4, 2010 10:34 PM
    Report

    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:
  • beynar
    Currently Being Moderated
    beynar,
    Community Member
    Jul 5, 2010 1:59 AM
    Report

    Thanks for replay @BhaskerChari

    Well I put this code in my mxml file and fb output this error:

    The style 'borderSides' is only supported by type 'mx.containers.Canvas' with the theme(s) 'halo'.

    I'm using Flex SDK 4

    also code assist didn't propose suggest like 'borderSides'

     

    looking forward to yours replay.

    |
    Mark as:
  • beynar
    Currently Being Moderated
    beynar,
    Community Member
    Jul 7, 2010 9:52 AM
    Report

    Nobody know how to solve it?


    |
    Mark as:
  • FTQuest
    Currently Being Moderated
    FTQuest,
    Community Member
    Jul 7, 2010 2:16 PM
    Report

    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:
  • Ivan Latysh
    Currently Being Moderated
    Ivan Latysh,
    Jul 7, 2010 9:29 PM
    Report

    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:
  • beynar
    Currently Being Moderated
    beynar,
    Community Member
    Jul 10, 2010 6:10 AM
    Report

    Thank you @FTQuest your solution works.

    @Ivan Latysh i apply this css for BorderContainer and border apper for each one side instead of right and bottom

    |
    Mark as:
  • Ivan Latysh
    Currently Being Moderated
    Ivan Latysh,
    Community Member
    Jul 10, 2010 6:49 AM
    Report

    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:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Legend

  • Correct Answers - 10 points
  • Helpful Answers - 5 points
Choose your region
Security Contact Adobe Report piracy EULAs Permissions and trademarks Careers

Copyright © 2012 Adobe Systems Incorporated. All rights reserved.

Reviewed by TRUSTe: site privacy statement

Use of this website signifies your agreement to the Terms of Use and Online Privacy Policy (updated 07-14-2009).