Button Properties

Previous  Home topic  Next  Print this topic Send Feedback

Jump to a Section

Main

Style

Navigation

Behavior

 

 

 

Main Section

The Main section contains the name of the button, label, type and more.

Name

Name

Enter a name for the object. This is the name of the object as it will show in field chooser, the Browser bar and other object lists.

 

 

Caption

Caption

Enter the label text to be shown on the button object.

 

 

Button Type

Button Type

Controls the appearance of the button. Button types include: Push Button, Rectangular Mouse Over Button and Rounded Mouse Over Button.

 

 

State

State

Choose from Default, Normal, Disabled or Hidden for button objects.

 

With field state management, you control access to individual objects on the form. You can prevent individual roles from changing, or even viewing, specific data or areas on the form. See Limiting User Access to Form Fields for more information on how to control access to fields.

 

Adding Workflow

The Workflow Diagram

Limiting User Access to Form Fields

Explanation of State Priority

Understanding the Default State

 

Ellipses Button

Click the ellipses button to display the Edit State dialog. Use this option to hide, show or disable buttons depending on the user's role and/or the workflow stage.

 

Loading the Object States Overview

 

 

Style Section

The Style section contains properties that control the font appearance of the button label and more.

Caption

Font Name

 

Choose the name of the font for the button caption.

 

Fonts from the designers local machine will also be available, however if the same font is not installed on the users machine then a standard font will be used to display the data.

 

 

Font Options

Choose the size and style of the font for the button caption.

 

Normal

Enter a Hex color code or click on the color box to pick a default color for the text on the button.

 

 

Over

Enter a Hex color code or click on the color box to pick a color for the text on the button to change to when a form user mouses over it.

 

 

Down

Enter a Hex color code or click on the color box to pick a color for the text on the button when the form user clicks it.

 

 

Border

Color

Enter a Hex color code or click on the color box to pick a border color for the button.

 

 

Corner Radius

Select a numeric value to represent the curvature of the button corners. The higher the number, the more curved the edges of the button will be.

 

 

Background

Normal

The Normal option lets you set the button's default background color(s).

 

There are two color pickers available for this, enabling you to add duo-tone color gradation. The first controls the color for the top half of the button and the second controls the color for the bottom half of the button. For either color picker, you may enter a Hex color code or click on the color box to select the desired color.

 

 

Over

The Over option lets you set the color(s) that will display for the button's background when a form user mouses over the button.

 

There are two color pickers available for this, enabling you to add duo-tone color gradation The first controls the color for the top half of the button and the second controls the color for the bottom half of the button. For either color picker, you may enter a Hex color code or click on the color box to select the desired color.

 

 

Down

The Down option lets you set the color(s) that will display for the button's background when a form user clicks the button.

 

There are two color pickers available for this, enabling you to add duo-tone color gradation The first controls the color for the top half of the button and the second controls the color for the bottom half of the button. For either color picker, you may enter a Hex color code or click on the color box to select the desired color.

 

 

Theme

Reset Button

Resets the appearance options to the default settings configured on the form's Theme properties.

 

Applying or Resetting a Theme

 

 

Navigation Section

The Navigation section provides properties related to positioning of the object, tab order and accessibility.

Position

Top

Shows the number of pixels from the top of the form where the object will be located.

 

Aligning, Spacing and Layering Objects

Left

Shows the number of pixels from the left margin of the form where the object will be located.

 

Aligning, Spacing and Layering Objects

Width

Shows the width of the object.

 

Aligning, Spacing and Layering Objects

Height

Shows the height of the object.

 

Aligning, Spacing and Layering Objects

Layer

Indicates the layer number this object occupies. You can drag an object so that it fully or partially covers another object. Depending on the layer number it occupies, it may be positioned underneath another object.

 

Aligning, Spacing and Layering Objects

Tabbing

Tab Index

Indicates the order in the tabbing sequence that this object will be arrived at when the form user is using their Tab key to navigate through the form fields.

 

Setting or Modifying Tab Stops and Tab Order

Tab Stop

Clear this check box to exclude the object from the tab order altogether.

 

Setting or Modifying Tab Stops and Tab Order

Tooltip

Enter tooltip text to show to a form user when they hover the mouse over the button object.

 

 

Accessibility

Same As Caption

Form users accessing the form with the JAWS accessibility tool will be read the caption of the button.

 

Accessibility and JAWS Compatibility

 

 

Behavior Section

The Behavior section lists possible events on the object that can prompt a behavior to run.

Button is Pressed

This event occurs when a form user clicks the button.

 

How Behaviors Are Triggered

 

 

Button is Shown

This event occurs when the button is shown. This could be when the form is loaded or refreshed.

 

How Behaviors Are Triggered

 

 

Updated: 03/02/2012  Page url: http://www.perfectforms.com/Documentation/manual/html/?fl_button_properties_reference_ta.htm
PerfectForms™ -- forms software, workflow software, and business process management