Button element
Compose Enterprise is going through a design update. The illustrations on this page might be of the old design, but the information is up to date. Thank you for your patience during this update!
Create or open a previously created form and navigate to the Builder section of the form builder. You will find the button in the Elements menu on the right hand side. Click to add the button to the canvas.
Select the newly created button in order to access its Properties menu under the Elements menu.
Properties - Builder | |
|---|---|
Text | Write the label you want the button to have in the published form in the textbox under Text. The new label will appear in the canvas when you press enter or move to the next setting. |
Override Width | Choose how wide the button should be. If you check off this check box a new field will appear and you can enter the desired number of characters (in measurement of em – 2em = 2 times the size of the current font). |
The button should trigger | This setting is equivalent of an Events Menu. Script - Select if you want the button to trigger a script. The script for the event can be entered in the code window. The code window can be expanded by clicking the open button. Generic service - Select if you want the button to trigger a generic service call. See the Generic services (form and workflow population) user guide for more information. Service - Currently outdated. |
Properties – Help/Style | |
|---|---|
Help Text | Toggle Display Help and write a Help Text for guiding the end-user. The help text is available to the user next to the element by clicking the icon. |
Tooltip | Toggle Display Tooltip and write a Tooltip for guiding the end-user. The tooltip is available to the user by hovering over the element. |
Style – Tag Names | Insert tags which will be translated into CSS class names for the implementation elements in the respondent-GUI. The feature comes in handy when you are customizing a skin. |
Hint Text | Toggle Display Hint and write a Hint Text for guiding the end-user in writing the right answer for this question. Choose the width and position of the hint text in the Width and Position fields. This only limits the visual width of the hint text. The hint text can be visible to the user to the right or at the bottom of the element. |
For more guidance on shaping form content through guiding texts and styling, check out the user guides through the documentation page Help and Style - guide the end-user through the form.
Properties – Conditions | |
|---|---|
Display Condition | You can choose to hide and show elements depending on different conditions. |
Enable Condition | You can enable and disable elements depending on different conditions. |
Information about changing display settings can be found in the Display/Enable conditions and Condition scripting user guides.
There is no advanced functionality for the button element even though it has an Advanced tab.