Property name

Detail

Component ID defined in SkyVisualEditor

Display Settings

Button's display setting (Show/Hide) can be dynamically controlled.
Click the button to show Display Setting screen.
Please refer to < (2)-b-1. Display Settings > for more information

Value

The button Label

Tooltip

Message to show on mouseover event

Action

Set the action to perform on clicking the button.
{!deleteRecord} is the standard delete operation in Salesforce

Left(X)

Set the horizontal placement on the screen for the Free Layout

Top(Y)

Set the vertical placement on the screen for the Free Layout

Resizable

Overwrite the width of the custom button

Width [px]

Width of the custom button

Button style

Overwrite the style of the custom button

Color

Choose a color from the selector or input it directly in hexadecimal.
※Button style needs to be select to use this property

Font weight

Choose between Normal and Bold
※Button style needs to be select to use this property

TabIndex

Set the cursor move order when pressing the Tab key

Click Action

Choose a type of the process when clicking a button.
・Page Transition
・Call JavaScript/Apex

Page Transition

Select a page to be transitted or specifying URL when clicking a button.
For details about how to specify the transition screen, refer to < (20)-b-1. URL Editor >.
Shown only when Page Transition is selected

Open new window

Display a transition page in a new window.
Shown only when Page Transition is selected.

OnClick

Define the function to call when the user clicks the button
by clicking the to bring up the JavaScript editor.

【JavaScript editor】

Setting name	Detail
Edit PageScript	Open page script editor. For more details, refer to < (6) Page Script >
Function	Show functions defined in page script editor.
Insert	Insert selected function into the JavaScript canvas.
Clear	Clear the JavaScript canvas
JavaScript canvas	JavaScript coding area
Output `return false`	Insert "return false;" in last line of JavaScript. Because the custom button is of type submit, if you do not have a return false as your last line, the page will process and html post upon clicking the button.

action

Call methods defined in < (3) Extended Apex class >.

OnComplete

You can set the JavaScript processing that follows the action after the On Click Property or Action Property.
See OnClick property on how to write the codes.

Confirm dialog box

A dialog box will display to confirm to proceed or halt the Custom Button's command.
Default setting: Off

Edit confirm message

You can edit the message in the Confirm dialog box.
Default setting: Off

*Available only when the Confirm dialogue box is turned on.

Confirm message

Sets the Confirm message. Click the button to display the message editor.
A Line break command ”\n” is allowed to use.

*Available only when the Edit confirm message Property is turned on.

Complete dialog box

Show Complete dialogue box after the Custom Button's processing is complete.
The dialogue box will not display if the processing involves page transition actions.

Default setting: Off

Edit complete message

You can edit the message in the Complete dialog box.
Default setting: Off

*Available only when the Complete dialogue box is turned on.

Complete message

Sets the Complete message. Click the button to display the message editor.
Line break command ”\n” is allowed to use.

*Available only when the Edit Complete message Property is turned on.

Style Class

Set Stylesheet. Click the button to display the Style Class editor.
Please see < (9)-c. Style Class > for more information.

Additional Attributes

Set the attributes for Visualforce Tags and HTML Tags.
SkyVisualEditor generates Visualforce pages using Visualforce Tags and HTML Tags, however, some attributes are not set using the GUI. This feature will help you edit the attributes.

*This feature is not supported under SkyVisualEditor Standard Support policy.
It is suggested for developers with a good understanding of Visualforce pages and HTML. Please be aware that the page may be corrupted if there are conflicts in the attribute settings.

Setting name	Details
Add Button	Add Tag's attribute record
Key	Set the Key name for the attribute
Value	Set the Value for the attribute key
Delete Button	Delete the record

Additional Style

Set the style attribute for Visualforce tags and HTML tags.

サポートされていないブラウザーです