|
|
Line 114: |
Line 114: |
| | Cmd || 28x28 || 56x56 | | | Cmd || 28x28 || 56x56 |
| |} | | |} |
|
| |
| === Configurable on/off images on a form ===
| |
|
| |
| When you add a parameter of the type "two options" to a [[Form]] (for example, Yes/No or On/Off), by default, it is displayed in the app as a switch:
| |
|
| |
| [[File:Two options on a form.png]]
| |
|
| |
| You can add custom project images and a new style to your project to display it as a checkbox instead:
| |
|
| |
| [[File:Two options on a form-checkbox.png]]
| |
|
| |
| Here's how:
| |
| # Select '''Design > Images''' from the '''Project''' menu.
| |
| # Add a new directory, for example "Checkbox".
| |
| # Add two images to the directory, with the names 0 and 1, then click '''Save'''.<br>[[File:Two images in the checkbox directory.png|600px]]
| |
| # Edit the [[form]] of an entity that has a suitable parameter of the type "two options", for example the Account entity.
| |
| # Click '''Edit Styles''' and add a new style.
| |
| # As '''ImageBasePath''' enter the directory to your checkbox images, then click '''Save & Close'''.<br>[[File:New checkbox style.png]]
| |
| # Add the parameter "Do not allow E-mails" to your form and on the Properties pane, set '''Style''' to "Checkbox".<br>[[File:Set style to checkbox.png|600px]]
| |
|
| |
| === Configurable on/off images on a view ===
| |
|
| |
| A similar function is also available on a view. This time, however, the images have to be called exactly as the options. For example, in the case of "Do not allow E-mails", the options are "Allow" and "Do Not Allow".
| |
| :: [[File:Options list.png|600px]]
| |
| # Select '''Design > Images''' from the '''Project''' menu.
| |
| # Add a new directory, for example "Checkbox".
| |
| # Add two images to the directory, with the names "Allow" and "Do Not Allow", then click '''Save'''.<br>[[File:Two images.png]]
| |
| # Edit the [[view]] of the Account entity.
| |
| # Click '''Edit Styles''' and add a new image cell style, for example, "check".
| |
| # As '''FormatString''', enter the directory, placeholder for image name, and the file extension, then click '''Save & Close'''.<br>[[File:New view style.png]]
| |
| # Add the parameter "Do not allow E-mails" to your view and on the '''Properties''' pane, set '''Style''' to "check" and '''Kind''' to '''Image-DirectEdit'''.<br>[[File:Editing the view.png]]
| |
| Result:
| |
| ::[[File:View checkbox in the app.png]]
| |
|
| |
|
| == Dynamic images == | | == Dynamic images == |