MaestroThe UI design product. | Form Builder | All versions This feature is related to all versions.
Maestro comes with the Text Display component (widget), which allows you to display rich textual context, such as icons, HTML code, and JavaScript, to users. The component invokes the rich text editor where you can edit this textual content.
As opposed to the iFrame component, which accepts a static URL only, the Text Display allows you to configure a dynamic URL, which is assembled at runtime. This functionality let you to embed various documents, such as legal statements, disclosures and term and conditions (T&Cs), into a form and present them to form users as per a journey flow.
To embed a PDF file into a form:
<iframe id="iframePdf" scrolling="auto" src="{{Form.data.SFMData.SystemProfile.FormDataServiceURL.replace('servlet/FormDynamicDataServlet', 'resources/dummy-pdf-file.pdf')}}" style="width: 100%; height: 100%;"> </iframe>
The following properties are available to the Text Display component:
This will display the component name as text.
In some cases, you can use this property to enhance or even change the component behavior by inserting an HTML code instead of a static text. For example, you may want to specify a dynamic relative URL pointing to a PDF file hosted on a Manager form space.
To insert an HTML code:
You can also provide a JavaScript in the label that will be evaluated dynamically to populate the label's content. For example, ${{((+data.amount) / (+data.term * + data.frequency)).toFixed(2)}}
, which is calculated in the Preview mode and on the rendered form. However, in the Design mode, the Text Display displays any embedded data in its raw form, and doesn't attempt to evaluate any embedded calculations.
This will enable focus on heading elements (h1, h2) etc
Next, learn about the Topics component.