Back to Home

Properties Editor: Table Styling, Repeating Headers, and Striped Rows

Configure Salesforce document tables in the Properties panel: repeat headers on each PDF page, stripe alternate rows, set themes, and style row roles.

The Properties tab lives in the right-hand panel of the builder, alongside the Merge and Visibility tabs. It shows controls for whatever element is currently selected on the canvas — click an element to edit it here.

The controls are contextual: a heading shows a heading-level picker, a table shows header styling, a grid column shows a width control. Shared controls like spacing, typography, and colors appear for most elements.

Properties tab with the selected element chip at the top and grouped controls below The Properties tab with the selected element chip at the top and grouped controls below.


Selected element

The top of the panel shows a chip naming the element you have selected. If nothing is selected, select an element on the canvas to populate the panel.


Element-specific controls

Depending on the selected element, one or more of these appear at the top of the panel:

ControlAppears forWhat it does
Heading LevelHeadingsSets H1–H6
Section LabelSectionsNames the section (builder-only label, not rendered)
Column WidthGrid columnsSets a column's share of the layout
Link PlaceholdersText with inline link tokensConfigures the label and URL for a link placeholder — place the cursor inside the token to edit it
Header StylesTablesHeader row alignment (H Align, V Align), Font Weight, Background, and Text Color

Heading Level picker shown when a Heading element is selected in the Properties panel Heading Level picker shown when a Heading element is selected.


Table settings for Salesforce documents

Select a table on the canvas to access its table-level settings in the Properties panel. These options control how the table appears in generated documents, including long tables that continue across PDF pages.

Repeat table headers on every PDF page

When a Salesforce document table continues onto another page, its columns can be hard to identify without their headings. Turn on Repeat header on each page to repeat the table's header row at the top of each page it spans. This is useful for data-driven tables such as line items, deductions, schedules, and inspection results.

The option repeats the header row; it does not control where a table breaks across pages.

Add striped rows to a document table

Turn on Stripe alternate rows to give neighboring table rows alternating backgrounds. This one-click table setting improves readability without requiring you to style individual rows. The selected table theme supplies the colors, so check that the stripe contrast remains clear in the generated PDF.

Table properties with Stripe alternate rows and Repeat header on each page enabled Enable repeating headers and alternating row stripes in the table's Properties panel.

Generated document table with its header repeated on the next page The generated PDF repeats the table's column headings after a page break.


Row settings

Selecting a table cell shows a Row section above the Cell section with the row's role (Normal, Subtotal, Total), text colour and background colour. The colour fields hold a hex colour the row sets itself; use Clear to return to the theme. The actions column beside each row is gone, so tables use their full width.


Quick styles bar

A bar above the canvas shows the controls that fit what is selected:

  • Text blocks: bold, italic, underline, left/centre/right alignment, padding and line height. These style the whole block, not a text selection.
  • A table cell: its row role (Normal, Subtotal or Total).
  • A column (click its header): the column's own settings, such as bold, truncate overflow and a divider line on the left.
  • A table: the lines between cells, the colour theme, striped rows, and the repeat-header setting.

One group shows at a time, so row, column and table controls never appear together. With nothing to style, the text controls stay switched off.


Block toolbar

A block's floating toolbar (move, duplicate, visibility, delete) appears only while the block is selected. The eye button opens the block's Visibility tab; on that tab it becomes a sliders icon that returns you to Properties.


Spacing

  • Padding — space inside the element, between its border and content.
  • Margin — space outside the element, between it and its neighbors.

Both accept per-side values so you can, for example, add bottom margin without affecting the top.

auto is rejected in margin and padding. The PDF engine does not apply auto margins, so margin: 0 auto would look centred in the builder and left-aligned in the PDF. Saving fails with a message naming the element, property and value, and the fields refuse it while one holds it. Use a length, and use Text Align to centre content.

Padding and Margin controls under the Spacing group in the Properties panel Padding and Margin controls under the Spacing group.


Dimensions

  • Width and Height — set an explicit size for the element.
  • Border — add a border around the element.
  • Gap Between Columns — for grid layouts, the space between columns.

Typography

  • Font Family
  • Font Size
  • Font Weight
  • Line Height
  • Text Align

These cascade the same way CSS does — set a value on a section and child elements inherit it unless they override it.

Typography group showing font family, size, weight, line height, and alignment controls Typography group: font family, size, weight, line height, and alignment.


Colors

  • Color — the text color.
  • Background — the element's background color.

Theme colour tokens

A colour value can be theme(primary-500) or theme(secondary-100): the role (primary or secondary) and a slot from 50 to 900. It becomes the brand's colour when the document is generated, so a template follows the org or template brand without storing a colour. Tokens work on the builder canvas, and the colour swatch shows the brand colour. Text values are never read for tokens.


See also