change the size of the box in a checkbox

Kay C Lan lan.kc.macmail at gmail.com
Tue Oct 4 07:43:39 EDT 2005


On 10/4/05, rev at armbase.com <rev at armbase.com> wrote:
>
> Hi All
> I would like to make the box in a checkbox bigger. In the IDE I can make
> the
> checkbox bigger, but this only increases the boundary and the text area
> but not
> the check section.
>
> Is this possible?
>
> I suppose I could always make a group with a label area and two buttons,
> one
> blank and one with a X on it, and then resize these and use a hide show
> script,
> however, is there an easy way? :-)
>
> Cheers
> Bob


Much better way is to create three larger images (.gif) that will be needed
for the different states the button can have. Open the Property Inspector,
select a button and check out 'Icons & Borders'. What you need is images for
the first three; Icon, Hilite Icon and Disabled Icon.

For the Mac you'd use GraphicConverter to create them, on Windows, any
graphics program that can save to .gif. It's not that hard as you are only
dealing with 3 colours and very basic graphics, probably 15 to 20 min if
it's your first try.

The three images you need to create are, a black box = Icon, a gray box =
Disabled Icon, a black box with a black X = Hilite Icon. When it comes to
save, select 'Save As...' , select the GIF as the format and that should
automatically append .gif to the name you choose.

Start of by trying a 15 x 15 pixel image at 72 ppi. I think the standard one
is about 10 x 10 (100 total area) so 15 x 15 (225 total area) will appear at
least twice as big.

Once you have created the images you need to import them into your stack
'Image Library'. If you haven't done that before go to the Rev 'Development'
menu and select 'Image Library'. Select the 'Image' tab. Select 'This Stack
- <your stack name>' from the option button. This should enable the 'Import
File...' button at the bottom of the window. When selected you should have
the opportunity to navigate to wherever you saved the files you created.

Once all three images are in the Image Library, create a Check Box. Go to
'Icon & Boarders' and click on the little 'wand' at the right of the
editable fields - select the appropriate icon for the first three fields.
You'll need to select 'This Stack' from the option button.

Resize the button as necessary. Once done you should be able to click on it
and the X will appear, and if you disable it (Message Box or Property
Inspector) it will go to an empty gray box. If you don't like what you've
done, resetting the icon numbers to zero will default back to normal.

HTH
PS I wouldn't have been so verbose if it was easy to find how to import
images into the Image Library in the Help Docs, but several 'Filters' and
'Searches' didn't reveal what I know is there.



More information about the use-livecode mailing list