Designing Apps – Attachment widget

The Attachments widget allows the user to add attachments to the application document.

1. Size:

• Sets the name of the section or widget.

2. Visibility:

• Defines the width and height of the element.

3. Hide mode:

• Defines what happens to her section when its visibility is set to "false"
  -No data - the section does not appear in application document
  -Hidden - the section is in the document, but the user cannot see it.

4. Auto width:

• Automatically adjusts the width of the element.

5. Disable editing:

• Allows you to decide whether the widget will be unavailable from the start. This can be changed later with action steps.

6. Caption:

• Allows you to add a title or section name

7. Hide on workboard:

• Allows you to decide whether attachments will be visible on the board while creating the application.

8. Filenames only:

• Allows you to decide whether added attachments will be shown as thumbnails or only as file names.

9. Attachments limit:

• Defines the maximum number of files that can be added to the widget.

10.Max. edge length:

• Defines the maximum size of the image edge.

10.BMP to JPG:

• When enabled, an image added in BMP format will be changed to JPG.  

Limits:
Maximum attachment size for the app: 10 MB                  

SVG File Support

For security reasons, all uploaded SVG files are automatically sanitized before being saved and displayed. This process removes potentially dangerous elements.

Scaling and resizing are disabled for SVG files. Thumbnails display the original file instead of a scaled preview.

 

Attachment section definition

Attachment section preview

Attachments on app stripe, user workboard

Style - Attachments

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 attachments 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 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):
  • The style options can be specified similarly to the button, with the difference that the style will be applied when hovering over the button.
• Contents:
  • We can select a style for the attachment 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