(9) Property

Use properties to finely tune your layout's functionality and look and feel.


The table below lists all of the properties available and their purpose.

Property name

Detail

Common




ID

Object field ID defined in SkyVisualEditor

Object

Object defined in Salesforce

Field Label

Field label defined in Salesforce

Field

Field API name defined in Salesforce

Click button to open “Select Field” dialogue box to change the existing items.

Pease refer to < (9)-d. API reference name for Items >

Layout






Left(X)

Set horizontal position on the screen

Top(Y)

Set vertical position on the screen

Specify Width

Select to set the width size of a field.
If not specified, the width size will change based on the width of Salesforce select list.

Width [px]

Set width of field

Height [px]

Set height of field

Line Length

Define after how many characters to line beak.
Note this property is only displayed when the page property is set to display as a PDF,
the field is deployed as a view only field and the Fixed Width property is not set.

Text






Edit Label

Allow the label to be modified

Label

The text displayed on the page

HTML Escape

Show HTML as plain text or interpret it as HTML

Label setting

Set label styling (Color,size,thickness)

Color

Set the color of the element either from the palate or by inputting the hex code directly.

※Will not be reflected in Dependent Fields set on the field.

Font Size

Select the Font size. The below are valid options.
1.0em,6pt,8 pt, 9pt, 10 pt,11 pt,12 pt,14 pt,16 pt,18 pt,
20 pt,22 pt,24 pt,26 pt,28 pt,36 pt,48 pt
※Will not be reflected in Dependent Fields set on the field.

Property name

Detail

Text







Font Weight

Set the character style
・Bold =Button character is bold style.
・Normal =Button character is normal style.
※Button style needs to be on to use this function.

UnderLine

Underline a string.

As Link

Show Text[Output] of relational objects as a link to the relational object.
※Only the Name field is shown

Open New Window

Detail screen is shown in a new window or in another tab
※Available when As Link option is selected for lookup fields, Parent-Child fields, and Name fields.

TextAlign

Set horizontal position on the screen

View As RadioButton

Change from picklist to Radio button
※Shown only when a picklist is used
※Can not be used in the PDF page.
※It is not available the "Opportunity. Phase".
※Cannot be used with Dependent Fields set on the field.
※Cannot be used on custom fields in an org with a namespace set.

Show "None"

You can show or hide "-none-" in a picklist or radio button in Salesforce standard object.
※Show only when picklist items are selected.
※Cannot be used with Dependent Fields set on the field.

View As Checkbox

Change from multiple-picklist to Checkbox
※Shown only when a picklist is used
※Can not be used in the PDF page.
※Cannot be used on custom fields in an org with a namespace set.

RadioButton's Layout
/ CheckBox's Layout

Selectable position for CheckBox and RadioButton field from below.

  • Horizontal
  • Vertical
    ※Show only when View As RadioButton or View As Checkbox is checked.

Required

Mark the field as required or not (true or false).

Error Message Position

Set the error message position when an error check is performed (such as 'is required')

  • bottom
  • right
    ※Shown only in the free layout
Add FigureSelect if a delimiter (comma) is used for a value.
For setup, refer to < (7) Formula >.
Choices on DisplayYou can choose the type of choices for the record type set in the user profile section from below:
All / Default Record Type
※Only available for search conditions in a picklist in the search template

Property name

Detail

Prefix/Suffix








Prefix

Set a prefix string to show up in front of an input field.
※Available only with input fields or when a panel grid, data table, or multiple table is placed on screen

Prefix Font Color

Set the color of the prefix either from the palate or by inputting the hex code directly.

Prefix Font Size

Select the font size for the prefix. The below values are valid.
1.0em、6pt、8 pt、9pt,10 pt、11 pt、12 pt、14 pt、16 pt、18 pt、
20 pt、22 pt、24 pt、26 pt、28 pt、36 pt、48 pt

Prefix Font Weight

Select the width of the prefix font from below.
Normal、Bold

Suffix

Set a prefix string to show up in behind an input field.
※Available only with input fields or when a panel grid, data table, or multiple table is placed on screen

Suffix Font Color

Set the color of the suffix either from the palate or by inputting the hex code directly.

Suffix Font Size

Select the font size for the suffix. The below values are valid.
1.0em、6pt、8 pt、9pt,10 pt、11 pt、12 pt、14 pt、16 pt、18 pt、
20 pt、22 pt、24 pt、26 pt、28 pt、36 pt、48 pt

Suffix Font Weight

Select the width of the suffix font from below.
Normal、Bold

Property name

Detail

Look up  acquisition



Look Up

Look up a relative object from something other than the name field.
Note that you must prepare your object data in advance and
your object must be of type parent-child or lookup data.
Press the button to show the lookup setting.
For additional details, refer to < (9)-b. Custom Look Up >

Read only

Set the Input field section to read only.
Available when "Look up" is selected.

Custom Look Up
Page selection

Select a page created by Custom Look Up template. Click
"Acquire Master" button to show the selected page where the selected records will fill the table.
Set the template's "Select Record" as single record. Use this as the Custom Look Up Page.

Width(LookUp) [px]Set the page size (width) of the Custom Lookup Page.
Displayed only when “Custom Lookup Page” is activated.
Height(LookUp) [px]Set the page size (height) of the Custom Lookup Page.
Displayed only when “Custom Lookup Page” is activated.

Help


Help mode

Select the current help mode from below.
Choose from Non-Display (hidden), Salesforce
(use the string defined in Salesforce), or Studio (define your own string here)

Help text

This property shows the information icon and sets the displayed help text.
This property is active if Salesforce or Studio is selected in the Help Mode property.
Salesforce Help Mode shows the help String from
Salesforce and Studio Help Mode shows the text defined in this attribute.
When placed in a page block section, will only be displayed when the page header is displayed.
A message will appear when the screen is tapped on touch panel devices.

Tooltip

Text displayed on mouseover action
A message will appear when the screen is tapped on touch panel devices.

Tab IndexSelect cursor move order for when the user presses the Tab key
DeveloperAction Select

Select a function to add from below

  • Lookup Setting
  • JavaScript
JavaScriptSet a call to a JavaScript Method.
Set event (on edit value, on mouse cursor move, etc.)
to call a JavaScript method set in the pagescript section.

※available only for input fields  
Press the button to show the JavaScript setting.
For additional details, refer to < (9)-a. JavaScript Setting
>
Style ClassStyle Sheet setting
Click to show Style Class Editor. Please refer to< (9)-c. Style Class > for more information.