Editing a script field

SmartWePremium

You edit an element by clicking the element.

Functions

Expression

 
Note

SmartWePremium

In the Expression field, you select a caption or enter a script.

After clicking this button you can enter a script.

Scripting in the App Designer

Display format

 
Note

SmartWePremium

In the Display format field, you select the desired format for the display of the field.

Background color

You can customize the color. To do so, enter a hexadecimal value or select a color from the color palette.

 
Note

SmartWePremium

After clicking this button you can enter a script.

Scripting in the App Designer

Alignment

Here, you can define the alignment of the field: Left, Centered, or Right. The content of the field is then aligned according to the available space. You can define the alignment in the read mode of a data record.

Icon

Icons are displayed in front of the field. You can either select an icon from the list, or upload your own icons. You can use icons in the read mode of a data record.

Function

Description

Using this button, you can select an icon from the list.

All the icons that are available for this app are displayed in the list. In the list, you can find both a preview of the icon and its name.

Using this button, you can remove the currently selected icon. This button is only displayed if an icon has already been selected.

If you click the button, the Edit icon window opens. You can change the following settings in the this window:

  • Replace icon: click Search and upload a new icon.
  • You can change the name of the icon if necessary.
  • If you no longer require the icon, you can delete it.

This button is only available for your own icons.

This button opens the Upload new icon window.

Procedure

  1. Click Search and select the desired icon.
  2. Complete the Icon name field.
  3. The name of the icon must not contain any special characters or spaces. Additionally, the name always has to start with a letter.

  4. All letters from a-z are permitted in upper- or lowercase, numbers from 1-9 and the following characters: full stop (.), hyphen (-), and underscore (_).

  5. The name of the icon should be clear and unique. If the name is already in use, then a hint is displayed below the field.

Device classes

In the Device classes field, you can define the types of devices on which the elements can be displayed.

Option

Description

Mobile

The element is displayed in the SmartWe Mobile App.

Web

The element is displayed in SmartWe in the browser.

Visible

With the Visible option, you define whether the element should be displayed.

 
Note

SmartWePremium

With this button, you can also enter a script to individually define the visibility.

Enabled

With the Activated option, you define whether the element is activated or deactivated.

If you clear the checkbox and thus disable the element, it will be displayed in read mode only. If buttons are available for the element, they will be displayed grayed out.

The Activated option is only available in the editing mode of a data record.

 
Note

SmartWePremium

This button allows you to enter a script as an alternative if you want to individually control the activating and deactivating of the element.

Only readable

With the Only readable option, you define whether the element can be edited or is displayed in read mode only.

If you activate this option and the element is displayed in read mode only, any existing buttons will be completely hidden.

The Only readable option is only available in the editing mode of a data record.

 
Note

SmartWePremium

This button allows you to enter a script as an alternative if you want to individually control under which conditions the element is displayed in read mode only.

Display caption

With the Display description option, you can define for each field individually whether you want to display the field label or whether you want to hide it.

Description

The following options are available to change a static header or title.

Function

Description

With this button, you remove the current header.

With this button, you select a header. In the list, you can find all texts available for the open app.

With this button, you change the text of the header.

 
Note

This text may appear in different locations. If you edit the text, it will be changed in all locations.

System texts cannot be edited.

Using this button, you can enter a new text.

  • The Key (ID) field is completed automatically and you do not have to change it.
  • You can enter the text in any of the languages which are available in SmartWe.

Hide automatically

For an element you can set how it should behave if no content is available.

Option

Description

Activated

An empty element is always hidden.

Deactivated

A empty element is always displayed.

Default (activated)

Default (deactivated)

The setting of the parent element is adopted.

The brackets always contain the value that is set for the parent element. A parent element can, for example, be the z-layout.