Design Document Layout

ReportLayout

The attributes supported by the ReportLayout element are:

The ReportLayout element supports these child elements:

• table
• img
• p
• header
• footer
• h1
• h2
• styles

Use the styles node to change default formatting. The style you create for an elements will apply to all occurances of that element in your print layout. You can set the style name to paragraph, tableBody, tableHeader, heading1, and heading2. You may also choose to specify attributes such as font size, margin, bold, and italics. The styles node configuration doesn't work with 3" Bluetooth thermal printers.

Sample Code

This sample layout for a report includes a header with an image and a table, main title Order Confirmation, a styled subheading for Reference, and a bold paragraph with a default subtext.

<ReportLayout>
    <header>
      <img src="{{Declarations::myImageName}}" width="10" />
      <table name="headerTable">
        <thead>
          <tr>
            <th width="auto">{{Declarations::header.printType}}</th>
            <th width="auto">{{Declarations::header.text}}</th>
          </tr>
        </thead>
        <tbody></tbody>
      </table>
    </header>
    <h1>Order Confirmation</h1>
    <h2 alignment="left" bold="true" italics="true"> Reference </h2>
    <p bold="true">{{Labels::subtext; defaultLabel=This is the subtext2}}</p>

This sample ‌layout for a report sets the margins and page size, and sets different styles for paragraphs, table bodies, table headers, and headings. It also sets font sizes, and bold and italic formatting.

<ReportLayout pageMargins="[40,40,40,40]" pageSize="[216, auto]">
         <styles>
            <style name="paragraph" fontSize="16" bold="true"/>
            <style name="tableBody" margin="[0,2,0,2]" italics="true"/>
            <style name="tableHeader" fontSize="18" bold="false"/>
            <style name="heading1" fontSize="30" italics="true" bold="false"/>
            <style name="heading2" fontSize="25"/>
         </styles>