Images and PDFs in layouts
If you want to use images or pdfs in documents, you want to be able to set certain properties to optimize the view of these types of files for mobile and desktop. With the help of the image slider and the possibility to view images and pdfs in an overview grid you can modify the view dramatically.
Overview grid
By default images/pdfs and are not shown in an attachment field in the overview grid. You can choose to show an image/pdf from the attachment field.
Showing images/pdf in the overview grid on mobile
You can show images/pdf in the overview grid by taking these steps:
- Go to Settings.
- Click on Layouts
- Click on an Overview Grid layout.
- Click the edit pencil on an attachment field.
- A table with the field properties shows on the right side of the screen.
- Set the property Show Image in Overview to checked.
Setting | Description |
---|---|
Show Image/pdf in Overview | Shows an image/pdf in the overview instead of text |
Only Same Aspect Ratio | Shows only an image/pdf from the field that matches the aspect ratio, with a 10% margin |
Aspect Ratio | The relation between width and height |
Document page
Showing images/pdfs in documents can be achieved by using the Image Slider in a Document Page layout.
The imageslider in a document page layout
You can show images/pdf in the document page by taking these steps:
- Go to Settings.
- Click on Layouts
- Click on an Document Page layout.
- Add an Image slider element from the library to the header section.
- Click the edit pencil on the image slider.
- A table with the field properties shows on the right side of the screen.
Setting | Description |
---|---|
Label | Shows the label of the field, you can use BizzStream Expressions |
Attachment Field | Select the corresponding attachment field as a source for the images/pdfs |
Display Only If | If the condition evaluates to true, slider is shown. Here you can use expressions. |
Aspect Ratio | The relation between width and height |
Hide Label | Option to hide the label |
Only Same Aspect Ratio | Shows only an image/pdf from the field that matches the aspect ratio, with a 10% margin |
Note: The Image Slider is not reactive. After adding a new attachment the page should be saved and refreshed to see the update.