Hello,
We have a protocol with a table parameter containing a base64 encoded thumbnail image. I'd like to display these thumbnails in a low code app, but not seeing an obvious way to do that.
I am able to use a web component with <img src="data:image/png;base64, [some base64 data here]"> to display static content, but I don't see any way to dynamically push the data in to the html component via a feed/wildcard, etc.
Any suggestions would be appreciated.
Hi Jim,
This sounds like a perfect case for the grid component, available out of softlaunch from 10.4.1 onwards. You can link a query to the grid component that fetches the rows from the parameter table with a column containing the data url. Then you can configure a template following this example:
The template mainly consists of a text shape and a background. The text shape can be used to display HTML. The shape is configured with a {Value} tag, where value is the name of the column with the data url, that will be replaced with the actual value of the column. You can play around with adding different styling to the <img> to fit your use case. Here is what the result could look like:
The grid can also be configured to take a query row feed as input from other components.