Design Challenge -- Round Corner mask on images

J. Landman Gay jacque at hyperactivesw.com
Sun Mar 27 23:38:12 EDT 2016


On 3/27/2016 5:26 PM, Sannyasin Brahmanathaswami wrote:

> I'm thinking this is probably (I hope)  not that hard to implement.
>
> it's obviously easy enough to create a background graphic with round
> corners, add a small field on the left site that is transparent, lock
> that, put an image on the right side, make this a small group and
> give the name of a target and we have a nice cool "button" but how do
> I get the image in the right half of the group to take the rounded
> corners of the background graphic?
>

I could reproduce it this way:

Have your designer create the entire content of the image area, 
including the beige left-side label area, but without any text. Import 
the image.

Make a button the same dimensions as the image. Set the button 
properties to:

Showborder: false
Opaque: true
Backpattern: the ID of the image
Margins: 4,4,250,4
Textsize: 28
Label: set it in the msg box or script:
    set the label of btn x to "Three" &cr& "Line" &cr& "Label"

You can't type in a multi-line label in the inspector, but you can set 
one via script.

This gives you a regular button that you can attach a script to normally.

-- 
Jacqueline Landman Gay         |     jacque at hyperactivesw.com
HyperActive Software           |     http://www.hyperactivesw.com




More information about the use-livecode mailing list