Field

Field object is used for many purpose in LiveCode, is so rich of option that it's used also for text, scrolling fields and much more.

Basic Properties

• Name
• Label
• tool tip
• Style (see slideshow on the right):
  1/8
  • Push button
  • Square button
  • round button
  • transparent button
  • opaque button
  • shadow button
  • check box
  • radio button
• Style options:
  • visible: if it's set false, it's invisible. When an object is invisible use the stack browser to edit it.
  • opaque: if it's set false, it has the same color of the background
  • show name: if it's set false, the label is not shown
  • auto hilite
  • shared hilite
• shortcut and hint
• Focus with keyboard
  • Show focus border
• Mnemonic
• Default button
• Disabled
• Layer mode
• Behavior

Icons & Border

• Icon
• Hilite Icon: icon when the button is pressed
• Disabled Icon: icon when the button is disabled
• Visited Icon: icon when the button was pressed at least one time. You can reset a visited button setting the visited property to false
• Armed Icon
• Hover Icon: when mouse is on the object
• Three D: effect of the button
• Border: border of the button
• Hilite border: special border when pressed
• Border width
• Shadow: shadow effect of the button
• Shadow offset: distance of the shadow from the button

Colors & patterns

Here you can set the color of vaious elements of the button. You can choose a pattern instead of a color.

Custom properties

Custom properties are the best replacemnte for variable in Livecode. You can use variables in Livecode, but usually they are just temporary; on the contrary cutom properies are real containers for all your data. Easy to recover and to check.

Geometry

The geometry panel permits you to change of various aspect of resizing.

The first behaviour to select is: scaled or moved.

Then there is a linking are image that you can click gray bars to select different aspects.

When a grey bar turns red, it's an absolutely link. That border will be always at the same amount of pixels from the next object/border.

When a grey bar turns red and white, it's an percentage link. That border will be always at the same percentage of pixels from the next object/border.

If item contains text, you can activate prevent clip text, without further option, minimum size is preserved; otherwise you may choose to add a scrollbar, vertical, horizontal or both.

You can also specify a limit for size, mimimum or maximum.

Tip: You can use the Geometry Manager to scale objects with a "divider" bar. Create and script the bar to move, then link the edges of the controls to it, then call revUpdateGeometry each time it moves to have the objects scale automatically.

Graphic effects

Here yo can activate and mix many effects:

• drop shadow
• inner shadow
• outer glow
• inner glow
• color overlay

If you activate the drop shadow, you can manitulape all aspects of it (color, opacity, position, etc.) with the submenu.

Blending

The blending effect is a way to make the object transparent, you can choose between many way to render the resulting object (artihmentic, subpin, etc.). You can choose the percentage of blending your objenct with the background.

Property profiles

All the property of an object are inherited from a master profile, however you can add and change profile. This way all objects will have the same properties, will look the same or act the same.

Size & Position

Here you can

• specify the size of the object

• fit it to text content

• set location using the center of the object or its borders
• lock size and position
• choosing which element is above the others, specifying object layer

Text formatting

Here you can change:

• font type
• font size (you can enter size directly, you are not restricted to the few showed)
• font style:
  • plain
  • bold
  • italic
  • underlined
  • boxed
  • boxed 3D
  • link
  • stroked
• alignment
• margins

You can also change all letter to uppercase, lowercase or else using tha last button.