Button library

Button library contains the image buttons for the actions of the modules. The buttons have to be uploaded to the button library before they can be selected in the module�s settings.

If no image is used for a button the link text (if written) appears instead of the button.

TIP: You can use box properties of the CSS-style to create a button-like style. (See: Setting the box style properties)

Adding a button to the button library

1. Click the add button button once to open the Button properties window.
   
2. Specify the Button name
   
3. Specify the Button text.
   If no image is specified for the button this text is shown as a link.
   
4. Select the Style for the button
   If no image is selected the Button text is shown with the selected style.
   You can also apply box styles to a button.
   
5. You can set the button�s border thickness.
   The color of the border is defined in the style.
   
6. Use the Instructions field to write the name for the button that is visible in the select boxes that are used by modules to select the button.
   
7. You can write Javascript in the onClick Javascript text area.
   
8. Click the Browse� button of the Add button field to open the file chooser for specifying the button image. (See: Using the file chooser)
   
9. Add the mouseover image in the similar way.
   The mouseover image becomes visible when the mouse is moved over the button.
   
10. Click the save button once to add the button to the button directory.

Editing button properties

1. Click the button name or the button image once to open the Button properties window.
   
2. You can edit the button name.
   Do not use any special characters or word spaces in the color�s name.
   
3. You can edit the button text.
   If no image is used for the button this text is shows as a link.
   
4. You can change the style of the button
   If no image is selected the Button text is shown with the selected style.
   You can also apply box styles to a button.
   
5. You can change the button�s border thickness by specifying the new value (in pixels)..
   The color of the border is defined in the style.
   
6. You can edit the instructions text that is used by to modules for selecting the button.
   
7. You can edit the onClick Javascript of the button
   
8. Click the Browse� button of the Add button field to open the file chooser for selecting or uploading the new button image (See :Using the file chooser)
   
9. You can change the mouseover image in the similar way.
   
10. Click the save button once to save the changes.

Deleting buttons

1. In the Buttons view, click the select boxes active to select the buttons to be removed
   TIP: Clicking the small green square above the checkboxes inverts the selection
   
2. Click the delete button below the button list once.
   The alert window appears.
   
3. Confirm the operation