facebook

Round Custom Button

  1. MobiOne Archive
  2.  > 
  3. Feedback & Suggestions
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #330182 Reply

    fchong
    Member

    Hi there,

    Just thoght whether there are plans to add in a round button instead of just rectangle, square.

    regards

    Hong

    #330194 Reply

    support-michael
    Keymaster

    Tweaking the border radius, ht and width can result in round buttons.

    Attachments:
    You must be logged in to view attached files.
    #330217 Reply

    fchong
    Member

    hi Wayne

    Thanks for the info. I did manage to get the rounded corners but not the circle where you put radius = 75. I just got a big rounded corners.

    I set my width =0, Radius =75, Width = 211 height = 250.

    appreciate if you could let me know the round button setting. TQ

    #330224 Reply

    support-michael
    Keymaster

    @fchong

    I agree the dimensions are a little tricky to define a circular button. I appears that the radius value is really a diameter value (checking w/ dev team to understand this better). Here are some hints for creating a round button:

    0) set the button.height = button.width (i.e., a square)
    1) border.radius = button.width – (2 * border.width)

    example:
    width = 75
    height = 75
    border.width = 1
    border.radius = 73

    if border.radius > width – border.width then the low level webkit radius rendering will fail and a square will be rendered.

    #330276 Reply

    fchong
    Member

    Thanks for the assistance. This one round can only be used for this size. Maybe the technical team can come out with one that allow us to size and resize it.

Viewing 5 posts - 1 through 5 (of 5 total)
Reply To: Round Custom Button

You must be logged in to post in the forum log in