Interactive Controls CHECKBOXES ... MEDIA

CHECKBOXES

Checkboxes allow to collect multiple choices.

There are three ways to add the contents of checkboxes:

Manually entering the OPTIONS one-by-one.
Getting them dynamically from a FILE previously uploaded to Qreli
Getting them dynamically from some VARIABLE / API result

Note that label refers to what is shown, and value refers to what is saved and used in calculations.

Note also that both the label and the value can be generated dynamically from variables

By default, the output is controlled by your Style settings and may look like so:

However, you may use the Design and style them to look like buttons:

RADIO BUTTONS

Radio buttons allow to collect a single choice.

They have the same options and operate similarly to checkboxes, so please review the documentation above for further details.

DROPDOWN

The Dropdown control allows to collect a single choice.

It has the same options and operate similarly to checkboxes, so please review the documentation above for further details.

FILE UPLOAD

The File Upload control allows to send some file from your local computer/mobile device to the app.

The layout can be SIMPLE:

or BLOCK:

On mobile devices, this control offers the option to take a picture to upload:

By Default, after the upload completed, the user is expected to press Next/Submit to continue. However, if the behavior is set to Auto-Submit, the app will automatically continue after upload completed.

Use the Auto-Submit behavior if this is the only control on your step

You may allow to upload any files, or limit to specifically the file types you need.

You may also choose the max size you wish to allow.

By default, the upload is stored in user's browser as part of their flow.

If your application requires the textual representation of the file, you may choose to send it to the next step as base64:

If you wish to allow larger files to be uploaded, upload them to Qreli, and serve them from there.

After upload, you can use the file and its properties in your app flow as needed:

PDF

This control displays a PDF from Link to file.

Link to file could be a URL or a dynamic variable / the result of some operation.

MEDIA

Use this control to show images:

from URLs or dynamic variables

or from images you upload into Qreli yourself:

Leave Go to step / URL empty, or enter a step or URL to navigate to that location on click (e.g. to create visual menus).

You can set the dimension as a % of the container, or to individual window size in pixels: