Image

Image

The Image screen element works best when pointed directly to an Image record in the database. In other words, if your data model has a reference column to the Image system table, then you can select that reference column in the “Data Model Field” input and then you’re done! The Additional Query Fields will automatically fill in what you need, and the Image component is set up to look at the data form the selected data path to find the URL, Thumbnail URL, and Image Name that it needs.

 

image-20240311-173317.png

 

If you need to configure an image with just a URL, then you can use the “Source” input in the “Advanced” property section instead. This will override any data that is in the form at the specified data path.

    • Related Articles

    • Table

      In the context of Fuuz screen design or a web page within the Fuuz platform, a "table" refers to a structured and organized grid-like layout component used to present and display data in a tabular format. Tables are a fundamental part of user ...
    • Display

      Screen Elements in this category help create a variety of elements and information to display on your screen.
    • Transform Data in a Column

      In the screen designer, you can dynamically transform data in columns. This can help when the data stored in the table, does not match the format you’re hoping to present to the user. In this example, we will highlight how we manage to convert a ...
    • Screen Designer Terminology

      This is where we can provide a “dictionary” of common terminology a user might encounter while navigating the interface, reading our documentation, or discussing the designer. The goal is to provide a place they can go if they see or hear a phrase ...
    • Format a Cell Background Color based on Data

      In the screen designer, you can conditionally format the background color of a table cell by following these steps. This example covers the scenario when you have a Data Model that defines a color code - typically something like a record status. ...