Logbook Studio Renderer Demo

Highlights

How to Use

1. Start with the sample

   Open the page and select Load sample to restore the included campsite logbook definition. The editor is populated with document metadata, page settings, sections, form fields, tables, notes, and notices, while the preview shows the rendered two-page result.

2. Edit the YAML definition

   Change the values in the Logbook YAML pane, such as the document identifier, headings, field labels, row counts, paper size, orientation, or margins. Keep the YAML structure and indentation valid so the renderer can interpret each page and section.

3. Render and correct errors

   Select Render after making changes. A valid definition refreshes the preview and updates the rendered status. If the YAML is malformed, the status area explains the validation issue and includes a line and column location so the source can be corrected before trying again.

4. Inspect the print preview

   Use the Preview pane to review page headers, forms, tables, writing areas, notices, and page breaks. The embedded preview inlines the generated styles for display, making it possible to inspect the printable result without first saving files.

5. Download the output

   Select Download .html and Download .css when the document is ready. The browser saves both files using the document identifier, and the HTML references the CSS as a sibling file for local viewing, adjustment, and printing.