Switch to: V9V8V7V6V5

Report Editor - HTML Help

Report Editor - HTML

The “HTML” control is intended for a placement of the blocks, which design is defined in the HTML form, into the Valentina report. It allows you to insert into the report such elements of design, as the ordered and unordered lists, tables, rich text etc. You can watch the video tutorial about how to use HTML control.

The markup can be defined:

  • in a text form in the control settings;
  • in an external file;
  • in the field, returned by a query of the report.

Supported HTML tags

NOTE: In definition of the markup the CSS is not used.

You can change the source text (data), the indents, the background color or others properties of the HTML control using Properties Inspector.

Here are few examples of might look like HTML control:

Source Data Dialog

To set source data make double click on the control, or open the editor for property data in the property inspector of the control. The “Source Data” dialog will appear:

Report Editor - HTML - Source Data Dialog

Here you can specify datasource for the control, that should contain the HTM code:

  • Field – If selected then HTML control will load data from the field of report cursor. In pop-up menu you can choose a needed field.
  • URL from field – If selected then HTML control will display data from the file, that defined by local or remote URL. The URL stored in the field of cursor. In pop-up menu you can choose a needed field.
  • URL( local or remote ) – If selected then HTML control will display data from the file, that defined by local or remote URL. You can set URL manually or with dialog for selecting files.
  • Text – If selected then HTML control will load data from text field.

Examples

Here are few examples of might look like the HTML control:

From Text

Source Text Output
  <font size="18" color="#0000ff">
      <i>Hello World!</i>
  <font>
Report Editor - HTML Text

From Field

Field Definition Output
  CONCAT (
    ' <ul>
      li> <b> Country: </b> ' , "Country/Region" , ' </li>
      <li> <b> City: </b> '   , "City"           , ' </li>
      <li> <b> Company: </b> ', "Company"        , ' </li>
   </ul>'
  )
Report Editor - HTML List
  CONCAT (
    ' <table width="100%" border="1">
    <tr>
	    <td> <font color="#0000ff"> <b>', "Country/Region"	, ' </font> </b>
	    <td> <font color="#0000ff"> <i>', "City"		, ' </font> </i>
	    <td> <font color="#0000ff"> <i>', "Company"		, ' </font> </i>
          </tr>
    </table>'
  )
Report Editor - HTML Table