4.7 Custom Content
In the Custom Content element you can add HTML code to be displayed in a form. The element is static and will just show something on the screen – you cannot enter data in it. This may for instance be used to display tables of information that you have already posted on a company web page.
Here is an example of a simple table in a Custom Content element:
The code for this is entered in the element’s Settings property Custom Content:
You can copy the entire code for this table here, enter it into the Custom Content window and change the code to suit your purpose. Note that some knowledge of HTML code is required to do this.
You can post more advanced HTML code than this, but some settings may not be available.
You may test the code by generating a PDF print of the page where the element is placed and check that the element is printed correctly and is placed within the bounds of the page. If a table is too wide you may make it smaller with a setting such as <table style=”width:70%”>.
HTML-code for the example above:
<table class=“table table-bordered table-hover”>
<thead>
<tr bgcolor=“#f5f5f5”>
<th title="Field “2”>GREEN</th>
<th title="Field “3”>BLUE</th>
<th title="Field “4”>BLACK</th>
</tr>
</thead>
<tbody>
<tr>
<td>Model 1</td>
<td>X</td>
<td></td>
<td>X</td>
</tr>
</thead>
<tbody>
<tr>
<td>Model 2</td>
<td></td>
<td>X</td>
<td>X</td>