Page 1 of 1

remove border from image control...

Posted: Thu Feb 20, 2014 5:39 am
by tjo
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.

Re: remove border from image control...

Posted: Thu Feb 20, 2014 6:06 am
by Simon
Hi TJ,
In the inspector > Style > Transparent Button

Simon

Re: remove border from image control...

Posted: Thu Feb 20, 2014 6:24 am
by tjo
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.

Re: remove border from image control...

Posted: Thu Feb 20, 2014 7:04 am
by Simon
Hi TJ,
Check your settings against this:
Untitled 1.zip
LC 6.5
(20.67 KiB) Downloaded 223 times
Dimon

Re: remove border from image control...

Posted: Thu Feb 20, 2014 7:10 am
by tjo
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.