Save Button Control

Description

This control represents the save button for the Save/Restore Feature. When this feature is activated, the save button is displayed.

In the WYSIWYG View, the toggle hidden controls icon on the toolbar behaves as follows:

On: the button is displayed when the save/restore feature is activated (runtime behaviour)
Off: the button is always displayed

The control can be displayed as a button or as a clickable image. When displayed as an image, each image is displayed with a language dependent alternate text taken from system text 240.

Note: A save button is also included in the Page Navigation Panel Control.

Properties

Style Tab – Styling Assistant

Property	Description	Name¹	Type¹	Get¹	Set¹	Get/Set Values¹
Text	Sets the text properties for the button: font, size, color, bold, italic etc. See text properties.
Background	Sets the background properties for the button. See background properties.
Border	Sets the border properties for the button. See border properties.
Padding & Margin	Padding is the space inside the border. Margin is the space beyond the border. See padding and margin properties.
Advanced Properties:
Style	CSS class and inline style for the button.	cssClass style	Character	Yes	Yes	As per HTML class parameter As per HTML style parameter
Display As Image	Indicates that the button is displayed as an image. The image URL is then configured using the Image URL property.	displayAsImage	Boolean	Yes	Yes
Image Url	Specifies the URL for the image when Display as image is selected.	imageURL	Character	Yes	Yes	See URL properties for more information.

Bootstrap

These properties are only available when a form is configured to use bootstrap i.e. the framework property in Form Properties is configured to use bootstrap (by default this property is inherited from the Presentation Template).

See Using Bootstrap with Verj.io.

Property	Description	Name¹	Type¹	Get¹	Set¹	Get/Set Values¹
Style	Sets the Bootstrap style. This results in the addition of the appropriate bootstrap classes. See Bootstrap buttons	bootstrapStyle	Character	Yes	Yes	Primary Secondary Success Danger Warning Info Light Dark Link Outline Primary Outline Secondary Outline Success Outline Danger Outline Warning Outline Info Outline Light Outline Dark
Size	Sets the Bootstrap size. This results in the addition of the appropriate bootstrap classes. See Bootstrap buttons	bootstrapSize	Character	Yes	Yes	Large Small
State	Sets the Bootstrap state. This results in the addition of the appropriate bootstrap classes. See Bootstrap buttons	bootstrapState	Character	Yes	Yes	Active Disabled

Html Element Properties Tab

This allows you to add element properties to the root element of the Control – see Html Element Properties for more information.

Button tab

Property

Description

Name¹

Type¹

Get¹

Set¹

Get/Set Values¹

Display as image

Indicates that the button is displayed as an image. The image URL is then configured using the Image URL property.

displayAsImage

Boolean

Yes

Image URL

Specifies the URL for the image when Display as image is selected.

imageURL

Character

Yes

See URL properties for more information.

Texts tab

Property

Description

Name¹

Type¹

Get¹

Set¹

Get/Set Values¹

Save

The save button text. There is only save text for each form and this is shared by all Save Button Controls.

¹ See accessing control properties from scripts

Examples of setting properties via API based language:

controls.SAVEBUTTON1.textColor = "black";

controls.SAVEBUTTON1.backgroundColor = "yellow";

Examples of setting properties via FPL:

set SAVEBUTTON1.textColor = 'black';

set SAVEBUTTON1.backgroundColor = 'yellow';

Right Click Menu Actions

Click here for right-click menu actions available to all controls.

There are no specific right click actions for this control.

Appearance in Outline View

A Save Button Control is shown with the control name in brackets: