Join the Power Platform Masterclass #2 starting April 23

Images: Difference between revisions

Jump to navigation Jump to search
2,164 bytes removed ,  27 August 2020
(→‎Project images: moving content to Image examples)
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 ==

Navigation menu