Designing Apps - Image Widget

The image widget allows to add images to the application document. In addition, the image can also be set in the appropriate size by the Designer using the image URL.

The "Hide on workboard" option determines whether the image inserted by the user in the application document is displayed on the board. (more about it here)

You can set the maximum number of images that can be inserted, thanks to "Image limit" option

You can scale image with options, which are included in the "Scaling" drop-down list

You can choose the maximum edges length of picture with "Max. edge length"

When 'BMP to JPG' option is turned on, picture in BMP, which is attached to this section, will be converted to JPG

You can choose to what align the picture, when picture is smaller than section (Left, Center, Right) in "Alignment" section

Thanks to 'Disabled' option, you can set, that the widget is not available from the beginning (in future you can change it with action steps).

Images in 'Compact' view are not visible on work board.

Style - Image

New styles section available since version 2.2

Section:

• We can choose a style from the list or specify it using a formula.
• Border settings:
  • Using the border options, we can set its parameters (top, bottom, left, and right) by selecting the appropriate color and rounded edges.
• Adding section shadow:
  • By adding a shadow to the section, we have the option to adjust its color
• Header:
  • We can apply a style in the image section using a list of styles or calculate it using formulas. Additionally, we can set a custom style from the formatting bar, add borders, and save the style.
• Button:
  • We can choose a style for the button from the available options in the list of styles or calculate it using formulas. Alternatively, we can independently assign a color. After determining the preferred style, we can save it for later use.
• Button (hover):
  • Style options can be specified similarly to the button, with the difference that the style will be applied when hovering over the button.
• Content:
  • We can select a style for the image content from the list of styles or calculate it using formulas. Additionally, we can assign a color to the content, set borders, and save the style.

Next to each style property, there is an icon  thet allows you to:

- reset the applied style

-save the selected style

-modify a previously saved style