Create/ Add New Code and Label Buttons
Create/Add New Code Button
To create a code button, click and drag the code button icon in the tool bar to the body of the code window.
Create or Add a New Label Button, Inactive or Active Button
To create or add ato the Code Window, click and drag the label button icon in the tool bar to the body of the code window. Or create a and then use the Inspector Panel to change it to a Label button, an or an
Create an Inactive or Action Button
Create a code button, then use the Inspector to change it to an Inactive button or an Action button.
Click on the button and drag it to the required location in the window or use the arrow keys to move more precisely.
Move a Group of Buttons
- Hold down the Command key and select the buttons you want to move, or click and drag over the group using the lasso bounding box to make the selections.
- Click and drag the buttons to the required position.
- To duplicate a button and its properties, select the button by clicking on it once.
- Press the key and click and drag the duplicate to another location within the .
- Name the new button. All the properties will be the same as the original except for the Hot Key and the linking. A Hot key can only be allocated once per code window.
- To duplicate a button from one code window to another, press the key and click and drag the duplicate to the new window.
Duplicate a Group of Buttons
To duplicate a group of selected buttons from one code window to another, press and hold thekey and click on each button in the group, next press the Option key and click and drag the group to the new window.
Every button created in the code window is on a separate layer. These layers are not visible, and this architecture can be used to your advantage if required. It is sometimes useful to overlap buttons or hide them.
- To move a button to the top layer, highlight the button, press Control key.
- To move a button to the bottom layer, highlight the button, press key.
- To move one layer at a time, press the Control key and press Arrow Up to move the layer up 1 level at a time or press Control key and press Arrow Down to shift the layer down 1 level at a time.
Note: In a Code Window you may select multiple buttons either by using the Apple “lasso” function or by holding down the Command key and individually clicking the desired buttons.
Resize a Button
- Click and drag on a resizing knob on any side or corner of the button.
- Drag the button to the desired size.
Delete a Button
Click on the button and press Delete on the keyboard.
Edit a Button
To edit the properties of a button, open the Inspector . Edit a button during any mode by selecting a contextual menu accessed by right clicking on the button.
Add Background to the Code Window
You may select a color or an image as a background for your.
In Edit Mode, click the Settings button at the right of the.
To select a color for the background, click on the “Background Color” box to open a palette.
To select an image, click on the Image box to open a file list menu, or click on an image and drag and drop it into the box. Use the dropdown menu attached to the box to manipulate the image.
The Inspector Panel
With Edit mode selected in the toolbar, click on any button to select it. A selected button will be surrounded by 8 resizing knobs. Open the Inspector panel by clicking on the Inspector icon in the toolbar or by double clicking on the selected button.:
By default the Inspector panel will open with the Edit properties view open. This panel contains 4 sections :
In the Inspector Panel any box or radio button which can be activated or deactivated is referred to as a “property” because such action will change the property of the button.
To speed up the editing process, leave the Inspector Panel open and click on another button in the code window. This saves the previous button properties and switches to the selected button.