remove border from image control...

Got a LiveCode personal license? Are you a beginner, hobbyist or educator that's new to LiveCode? This forum is the place to go for help getting started. Welcome!

Moderators: FourthWorld, heatherlaine, Klaus, kevinmiller

Post Reply
tjo
Posts: 16
Joined: Wed Feb 12, 2014 12:08 am

remove border from image control...

Post by tjo » Thu Feb 20, 2014 5:39 am

I tried replacing some of the square buttons on my app with circular images I created by using Import As Control > Image file...
following the instructions found here: http://lessons.runrev.com/s/lessons/m/4 ... und-images.
I got everything to work. I turned off the Three D, Border and Hilite Border properties and set the Border width to 0 for the button control, as instructed.

The image control functions as expected, however there is still a thin black square surrounding my round button image that defines the area of the actual control. I really just want a nice round button, without the square box. Is there a way to achieve this?

Thanks in advance to anyone who can offer suggestions or advice,

TJ.

Simon
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 3901
Joined: Sat Mar 24, 2007 2:54 am

Re: remove border from image control...

Post by Simon » Thu Feb 20, 2014 6:06 am

Hi TJ,
In the inspector > Style > Transparent Button

Simon
I used to be a newbie but then I learned how to spell teh correctly and now I'm a noob!

tjo
Posts: 16
Joined: Wed Feb 12, 2014 12:08 am

Re: remove border from image control...

Post by tjo » Thu Feb 20, 2014 6:24 am

Hi Simon,

Thanks for your advice. I checked and I did already have the Style set to Transparent Button.

I was just trying various things and I noticed that if I import the image as a New Referenced Control there is no surrounding box, but that may just be because it's really only an image and I have not actually referenced it to any controls. I believe the box is the outline of the actual control, as I can resize it by going to the Property Inspector>Size & Position for the button control.

Any other ideas?

Thanks again,

TJ.

Simon
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 3901
Joined: Sat Mar 24, 2007 2:54 am

Re: remove border from image control...

Post by Simon » Thu Feb 20, 2014 7:04 am

Hi TJ,
Check your settings against this:
Untitled 1.zip
LC 6.5
(20.67 KiB) Downloaded 219 times
Dimon
I used to be a newbie but then I learned how to spell teh correctly and now I'm a noob!

tjo
Posts: 16
Joined: Wed Feb 12, 2014 12:08 am

Re: remove border from image control...

Post by tjo » Thu Feb 20, 2014 7:10 am

OK, I figured it out. The buttons were all set as "default button" in the basic properties. Deselecting "default button" got rid of the box.

Thanks for your help Simon.

TJ.

Post Reply