{"id":3598,"date":"2026-02-28T12:46:18","date_gmt":"2026-02-28T17:46:18","guid":{"rendered":"https:\/\/www.airsupervision.com\/wp-r\/docs\/general-knowledge\/writing-text\/using-visualtext-module\/"},"modified":"2026-02-28T13:44:17","modified_gmt":"2026-02-28T18:44:17","slug":"using-visualtext-module","status":"publish","type":"docs","link":"https:\/\/www.airsupervision.com\/wp-r\/docs\/general-knowledge\/writing-text\/using-visualtext-module\/","title":{"rendered":"Using VisualText module"},"content":{"rendered":"\n

This guide explains every toolbar button that can be available in this module.<\/p>\n\n\n\n

Important: each page can show a different subset of buttons. If a button described here is missing in your page, it has been hidden for that screen.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

How to read this guide<\/strong><\/h2>\n\n\n\n

The toolbar has 4 main use cases:<\/p>\n\n\n\n

    \n
  1. Write and format text.<\/li>\n\n\n\n
  2. Insert content (line, emoji, link, image, table, date).<\/li>\n\n\n\n
  3. Insert dynamic placeholders (member\/company\/sender info).<\/li>\n\n\n\n
  4. Prepare printable\/PDF-ready content and fillable fields.<\/li>\n<\/ol>\n\n\n\n

    Each section below explains what the button does, when to use it, and what appears later in the final document.<\/p>\n\n\n\n

    Toolbar icon reference<\/strong><\/h2>\n\n\n\n

    Icon paths below are relative to this help file. If your publishing platform uses a different base path, adjust paths accordingly.<\/p>\n\n\n\n

    Main toolbar buttons<\/h3>\n\n\n\n
    Button<\/th>Icon<\/th>Icon file<\/th><\/tr><\/thead>
    Undo<\/td>\"Undo\"<\/td>undo.svg<\/code><\/td><\/tr>
    Bold<\/td>\"Bold\"<\/td>bold.svg<\/code><\/td><\/tr>
    Italic<\/td>\"Italic\"<\/td>italic.svg<\/code><\/td><\/tr>
    Underline<\/td>\"Underline\"<\/td>underline.svg<\/code><\/td><\/tr>
    Superscript<\/td>\"Superscript\"<\/td>superscript.svg<\/code><\/td><\/tr>
    Subscript<\/td>\"Subscript\"<\/td>subscript.svg<\/code><\/td><\/tr>
    Strike through<\/td>\"Strike<\/td>strike-through.svg<\/code><\/td><\/tr>
    Fore color<\/td>\"Fore<\/td>text-color.svg<\/code><\/td><\/tr>
    Background color<\/td>\"Background<\/td>highlight-bg-color.svg<\/code><\/td><\/tr>
    Font size<\/td>No dedicated icon<\/td>selector field<\/td><\/tr>
    Font family<\/td>No dedicated icon<\/td>selector field<\/td><\/tr>
    Align<\/td>\"Align\"<\/td>align-left.svg<\/code><\/td><\/tr>
    Line Height<\/td>\"Line<\/td>line-height.svg<\/code><\/td><\/tr>
    Bullet list<\/td>\"Bullet<\/td>unordered-list.svg<\/code><\/td><\/tr>
    Ordered list<\/td>\"Ordered<\/td>ordered-list.svg<\/code><\/td><\/tr>
    Outdent<\/td>\"Outdent\"<\/td>outdent.svg<\/code><\/td><\/tr>
    Indent<\/td>\"Indent\"<\/td>indent.svg<\/code><\/td><\/tr>
    Block background color<\/td>\"Block<\/td>cell-background-color.svg<\/code><\/td><\/tr>
    Blocks<\/td>No dedicated icon<\/td>selector field<\/td><\/tr>
    Print<\/td>\"Print\"<\/td>print.svg<\/code><\/td><\/tr>
    PDF preview<\/td>\"PDF<\/td>preview.svg<\/code><\/td><\/tr>
    Line<\/td>\"Line\"<\/td>horizontal-rule.svg<\/code><\/td><\/tr>
    Special characters<\/td>\"Special<\/td>insert-character.svg<\/code><\/td><\/tr>
    Emojis<\/td>\"Emojis\"<\/td>emoji.svg<\/code><\/td><\/tr>
    Link<\/td>\"Link\"<\/td>link.svg<\/code><\/td><\/tr>
    Mailto<\/td>\"Mailto\"<\/td>envelope.svg<\/code><\/td><\/tr>
    Image<\/td>\"Image\"<\/td>image.svg<\/code><\/td><\/tr>
    Table<\/td>\"Table\"<\/td>table.svg<\/code><\/td><\/tr>
    Insert Date<\/td>\"Insert<\/td>calendar-alt.svg<\/code><\/td><\/tr>
    Member Avatar<\/td>\"Member<\/td>user.svg<\/code><\/td><\/tr>
    Portal Tags<\/td>\"Portal<\/td>tags.svg<\/code><\/td><\/tr>
    Page break<\/td>\"Page<\/td>page-break.svg<\/code><\/td><\/tr>
    Page orientation<\/td>\"Page<\/td>orientation.svg<\/code><\/td><\/tr>
    Header<\/td>\"Header\"<\/td>paste-row-before.svg<\/code><\/td><\/tr>
    Footer<\/td>\"Footer\"<\/td>paste-row-after.svg<\/code><\/td><\/tr>
    Lock to user<\/td>\"Lock<\/td>lock.svg<\/code><\/td><\/tr>
    Input text<\/td>\"Input<\/td>input.svg<\/code><\/td><\/tr>
    Checkbox<\/td>\"Checkbox\"<\/td>selected.svg<\/code><\/td><\/tr>
    Radio button<\/td>\"Radio<\/td>radio.svg<\/code><\/td><\/tr>
    Textarea<\/td>\"Textarea\"<\/td>textarea.svg<\/code><\/td><\/tr>
    Dropdownbox<\/td>\"Dropdownbox\"<\/td>dropdown.svg<\/code><\/td><\/tr>
    Add Member signature<\/td>\"Add<\/td>signature.svg<\/code><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

    Table context-menu actions<\/h3>\n\n\n\n
    Action<\/th>Icon<\/th>Icon file<\/th><\/tr><\/thead>
    Delete table<\/td>\"Delete<\/td>table-delete-table.svg<\/code><\/td><\/tr>
    Insert row before<\/td>\"Insert<\/td>table-insert-row-above.svg<\/code><\/td><\/tr>
    Insert row after<\/td>\"Insert<\/td>table-insert-row-after.svg<\/code><\/td><\/tr>
    Delete row<\/td>\"Delete<\/td>table-delete-row.svg<\/code><\/td><\/tr>
    Insert column before<\/td>\"Insert<\/td>table-insert-column-before.svg<\/code><\/td><\/tr>
    Insert column after<\/td>\"Insert<\/td>table-insert-column-after.svg<\/code><\/td><\/tr>
    Delete column<\/td>\"Delete<\/td>table-delete-column.svg<\/code><\/td><\/tr>
    Insert header row<\/td>\"Insert<\/td>table-top-header.svg<\/code><\/td><\/tr>
    Alternate row highlight<\/td>\"Alternate<\/td>table-row-properties.svg<\/code><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

    Text and paragraph formatting buttons<\/strong><\/h2>\n\n\n\n
    Button<\/th>What it does<\/th>Typical use<\/th>What you see later<\/th><\/tr><\/thead>
    Undo<\/td>Restores the previous content state.<\/td>Fix accidental edits quickly.<\/td>Previous version of your text reappears.<\/td><\/tr>
    Bold<\/td>Makes selected text bold.<\/td>Titles, key words, warnings.<\/td>Heavier text weight.<\/td><\/tr>
    Italic<\/td>Makes selected text italic.<\/td>Emphasis, foreign words, notes.<\/td>Slanted text.<\/td><\/tr>
    Underline<\/td>Underlines selected text.<\/td>Headings or highlighted terms.<\/td>Underlined text.<\/td><\/tr>
    Superscript<\/td>Raises selected text above the baseline.<\/td>Exponents, references.<\/td>Small raised text.<\/td><\/tr>
    Subscript<\/td>Lowers selected text below the baseline.<\/td>Chemical formulas, indexes.<\/td>Small lowered text.<\/td><\/tr>
    Strike through<\/td>Draws a line through selected text.<\/td>Mark obsolete text without deleting it.<\/td>Text with strike line.<\/td><\/tr>
    Fore color<\/td>Changes text color for selected text.<\/td>Emphasis by color.<\/td>Selected words change color.<\/td><\/tr>
    Background color<\/td>Highlights selected text background.<\/td>Marker-like highlights.<\/td>Colored background behind selected text.<\/td><\/tr>
    Font size<\/td>Changes selected text size.<\/td>Improve readability hierarchy.<\/td>Text appears larger\/smaller.<\/td><\/tr>
    Font family<\/td>Changes selected text font.<\/td>Match document style needs.<\/td>Selected text uses chosen font.<\/td><\/tr>
    Align<\/td>Sets paragraph alignment: left, center, right, justify.<\/td>Layout and readability control.<\/td>Paragraph alignment changes.<\/td><\/tr>
    Line Height<\/td>Sets line spacing of the selected block (1 to 2).<\/td>Dense text vs airy text layout.<\/td>More or less vertical spacing.<\/td><\/tr>
    Bullet list<\/td>Converts current block to an unordered list. Styles: Default, Circle, Square.<\/td>Checklists and unordered points.<\/td>Bullet list block.<\/td><\/tr>
    Ordered list<\/td>Converts current block to a numbered list. Styles include Default, Lower Alpha, Lower Greek, Lower Roman, Upper Alpha, Upper Roman.<\/td>Procedures and sequences.<\/td>Numbered list block.<\/td><\/tr>
    Outdent<\/td>Reduces left margin (step-based).<\/td>Move text back toward left margin.<\/td>Paragraph shifts left.<\/td><\/tr>
    Indent<\/td>Increases left margin (step-based).<\/td>Quotes, nested notes, visual hierarchy.<\/td>Paragraph shifts right.<\/td><\/tr>
    Block background color<\/td>Applies background color to the whole selected block\/paragraph.<\/td>Highlight full lines or sections.<\/td>Entire block gets colored background.<\/td><\/tr>
    Blocks<\/td>Changes block type: Paragraph, Heading 1-6, Preformatted.<\/td>Headings and structured documents.<\/td>Block style changes immediately.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

    Notes:<\/p>\n\n\n\n

      \n
    • Indent\/Outdent work in fixed steps.<\/li>\n\n\n\n
    • Color pickers keep recently used colors and a quick palette.<\/li>\n<\/ul>\n\n\n\n

      Insert content buttons<\/strong><\/h2>\n\n\n\n
      Button<\/th>What it does<\/th>Main options<\/th>What you see later<\/th><\/tr><\/thead>
      Line<\/td>Inserts a horizontal separator line.<\/td>None.<\/td>A horizontal rule appears.<\/td><\/tr>
      Special characters<\/td>Opens a character picker with categories (All, Currency, Text, Quotations, Mathematical, Latin extended, Symbols, Arrows) and search.<\/td>Category + search.<\/td>Selected character is inserted at cursor position.<\/td><\/tr>
      Emojis<\/td>Opens an emoji picker with categories (All, Symbols, People, Animals and nature, Food and drink, Activity, Travel and places, Objects, Flags) and search.<\/td>Category + search.<\/td>Selected emoji is inserted at cursor position.<\/td><\/tr>
      Link<\/td>Inserts a clickable web link.<\/td>URL, Title, optional “Open in new window”.<\/td>Text becomes a clickable link.<\/td><\/tr>
      Mailto<\/td>Inserts an email link.<\/td>Email address, Title.<\/td>Text becomes a clickable email link.<\/td><\/tr>
      Image<\/td>Inserts an image from a source URL.<\/td>Source URL, Align (Default\/Left\/Right).<\/td>Image appears in content (resizable when selected).<\/td><\/tr>
      Table<\/td>Opens a grid picker to insert a table size (up to 10 columns x 10 rows).<\/td>Choose table size by hover\/click in grid.<\/td>Table is inserted and can be edited\/resized.<\/td><\/tr>
      Insert Date<\/td>Inserts current date in a chosen format.<\/td>Multiple ready-made formats.<\/td>Selected date format appears as text.<\/td><\/tr>
      Member Avatar<\/td>Inserts a round avatar image for a selected member.<\/td>Member search, Align (Default\/Left\/Right).<\/td>Member photo appears in the document.<\/td><\/tr>
      Add Member signature<\/td>Inserts a signature placeholder\/image for a selected member.<\/td>Member search, Width.<\/td>Signature block appears at cursor position.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

      Table editing actions (after inserting a table)<\/strong><\/h2>\n\n\n\n

      After a table is inserted, right-click inside the table to open table tools:<\/p>\n\n\n\n

      Action<\/th>Result<\/th><\/tr><\/thead>
      Delete table<\/td>Removes the entire table.<\/td><\/tr>
      Insert row before<\/td>Adds a row above current row.<\/td><\/tr>
      Insert row after<\/td>Adds a row below current row.<\/td><\/tr>
      Delete row<\/td>Removes current row.<\/td><\/tr>
      Insert column before<\/td>Adds a column before current column.<\/td><\/tr>
      Insert column after<\/td>Adds a column after current column.<\/td><\/tr>
      Delete column<\/td>Removes current column.<\/td><\/tr>
      Insert header row<\/td>Adds a table header row.<\/td><\/tr>
      Remove header row<\/td>Removes existing header row.<\/td><\/tr>
      Alternate row highlight<\/td>Applies alternating row highlight style.<\/td><\/tr>
      Disable alternate row<\/td>Removes alternating row style.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n
      \n\n\n

      Tip: click an image or table to select it and resize it with drag handles.<\/p>\n\n\n<\/div>\n\n\n

      Dynamic placeholder and document automation buttons<\/strong><\/h2>\n\n\n\n

      These buttons are used when your document should be auto-filled later (for example with contact\/company\/sender details).<\/p>\n\n\n\n

      Portal Tags<\/h3>\n\n\n\n

      The Portal Tags button inserts placeholders that are replaced later with real data.<\/p>\n\n\n\n

      Main categories available:<\/p>\n\n\n\n

        \n
      1. Contact<\/li>\n\n\n\n
      2. System<\/li>\n\n\n\n
      3. Sender<\/li>\n<\/ol>\n\n\n\n

        Examples of Contact fields:<\/p>\n\n\n\n

          \n
        • Given name, Last name, Additional given name, Gender<\/li>\n\n\n\n
        • Licence number, Date\/place of birth, Citizenship, Visa expiry<\/li>\n\n\n\n
        • Address\/postal address, Phone\/Cell\/Fax, Skype, Email, Group name<\/li>\n\n\n\n
        • Emergency reference fields (name, relationship, address, phones, email)<\/li>\n\n\n\n
        • Roles, responsibilities, tasks, enrolled courses<\/li>\n<\/ul>\n\n\n\n

          Examples of System fields:<\/p>\n\n\n\n

            \n
          • Company name, address, ICAO location code, website<\/li>\n\n\n\n
          • Administrator email<\/li>\n\n\n\n
          • Dynamic system date formats<\/li>\n<\/ul>\n\n\n\n

            Examples of Sender fields:<\/p>\n\n\n\n

              \n
            • Same profile family as Contact, but for the sender account<\/li>\n<\/ul>\n\n\n\n

              What you see later: placeholders are stored in the content and then resolved with real values at runtime\/output.<\/p>\n\n\n\n

              Print\/PDF control buttons<\/strong><\/h2>\n\n\n\n
              Button<\/th>What it does<\/th>Key options<\/th>What you see later<\/th><\/tr><\/thead>
              Print<\/td>Opens browser print for the current editor content.<\/td>None.<\/td>Print dialog opens.<\/td><\/tr>
              PDF preview<\/td>Opens a generated PDF preview in a new tab\/window.<\/td>None.<\/td>PDF preview page opens.<\/td><\/tr>
              Page break<\/td>Inserts a “new page” command.<\/td>Page size (US Letter, US Legal, US Tabloid, A4, A3) + Orientation (Portrait\/Landscape).<\/td>PDF output starts a new page with selected setup.<\/td><\/tr>
              Page orientation<\/td>Inserts orientation command for following content.<\/td>Portrait or Landscape.<\/td>PDF orientation switches at that point.<\/td><\/tr>
              Header<\/td>Inserts header style command.<\/td>Available types: None, Company logo, Big company logo, Complete, Complete and date.<\/td>PDF header style changes from that point.<\/td><\/tr>
              Footer<\/td>Inserts footer style command.<\/td>Available types: None, Page #, Page # and signature, Company address centered, Electronic Certified page.<\/td>PDF footer style changes from that point.<\/td><\/tr>
              Lock to user<\/td>Inserts a visibility lock command.<\/td>User list is page-defined (for example Anonymous and\/or named users).<\/td>Content can be limited to selected user context.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n
              \n\n\n

              Important:<\/p>\n\n\n\n

                \n
              • Print output excludes dynamic command markers.<\/li>\n\n\n\n
              • PDF preview uses command markers to build layout-aware output.<\/li>\n<\/ul>\n\n\n<\/div>\n\n\n

                Fillable form field buttons<\/strong><\/h2>\n\n\n\n

                These buttons insert fields intended for fillable documents.<\/p>\n\n\n\n

                Button<\/th>What it inserts<\/th>Options in dialog<\/th>Recommended use<\/th><\/tr><\/thead>
                Input text<\/td>Single-line text input field.<\/td>Default text, Width.<\/td>Short answers (name, code, value).<\/td><\/tr>
                Checkbox<\/td>Checkbox with editable label text.<\/td>Default text, Checked on\/off.<\/td>Yes\/No confirmations.<\/td><\/tr>
                Radio button<\/td>Radio button with editable label text.<\/td>Default text, Group id number.<\/td>Single choice inside a group.<\/td><\/tr>
                Textarea<\/td>Multi-line input field.<\/td>Default text, Width, Height.<\/td>Longer comments\/notes.<\/td><\/tr>
                Dropdownbox<\/td>Select list field.<\/td>Width, item list entered line by line in value=title<\/code> format.<\/td>Controlled choice lists.<\/td><\/tr>
                Add Member signature<\/td>Signature field tied to selected member.<\/td>Member, Width.<\/td>Signature zones in formal documents.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

                User flow examples<\/strong><\/h2>\n\n\n\n

                Example A: Build a simple policy letter<\/h3>\n\n\n\n
                  \n
                1. Write title and body text.<\/li>\n\n\n\n
                2. Use\u00a0Blocks\u00a0to set headings.<\/li>\n\n\n\n
                3. Use\u00a0Align,\u00a0Line Height, and\u00a0Font size\u00a0for readability.<\/li>\n\n\n\n
                4. Add\u00a0Link\u00a0and\u00a0Image\u00a0if needed.<\/li>\n\n\n\n
                5. Insert\u00a0Page break\u00a0and set\u00a0Header\/Footer<\/code>.<\/li>\n\n\n\n
                6. Run\u00a0PDF preview\u00a0before final publication.<\/li>\n<\/ol>\n\n\n\n

                  Example B: Build a fillable checklist<\/h3>\n\n\n\n
                    \n
                  1. Create section headings with\u00a0Blocks.<\/li>\n\n\n\n
                  2. Insert\u00a0Checkbox\u00a0and\u00a0Input text\u00a0fields.<\/li>\n\n\n\n
                  3. Use\u00a0Radio button\u00a0groups for exclusive choices.<\/li>\n\n\n\n
                  4. Insert\u00a0Textarea\u00a0for remarks.<\/li>\n\n\n\n
                  5. Add\u00a0Add Member signature\u00a0at the end.<\/li>\n\n\n\n
                  6. Check final behavior in\u00a0PDF preview.<\/li>\n<\/ol>\n\n\n\n

                    Example C: Build a personalized communication template<\/h3>\n\n\n\n
                      \n
                    1. Write message text.<\/li>\n\n\n\n
                    2. Insert\u00a0Portal Tags\u00a0for Contact\/System\/Sender values.<\/li>\n\n\n\n
                    3. Optionally insert\u00a0Member Avatar.<\/li>\n\n\n\n
                    4. Use\u00a0Print<\/code>\u00a0for quick visual checks and\u00a0PDF preview\u00a0for final output behavior.<\/li>\n<\/ol>\n\n\n\n
                      \n\n\n\n

                      Validation rules and common blocking situations<\/strong><\/h2>\n\n\n\n
                        \n
                      1. Member search fields (Avatar\/Signature) require typing before selection; insert is meaningful only after selecting a valid member.<\/li>\n\n\n\n
                      2. Signature insertion requires a selected member; otherwise nothing is inserted.<\/li>\n\n\n\n
                      3. Width\/size fields enforce minimum values (for example small numeric limits on inputs, textarea, dropdown, and signature width).<\/li>\n\n\n\n
                      4. Dropdownbox\u00a0expects one item per line in\u00a0value=title\u00a0format. Incorrect lines can create empty or incomplete options.<\/li>\n\n\n\n
                      5. Link\/image\/mail fields can still be inserted with incomplete text; review content before publishing.<\/li>\n\n\n\n
                      6. Table insertion is limited by the visible grid selector (up to 10×10 in the current toolbar).<\/li>\n<\/ol>\n\n\n\n
                        \n\n\n\n

                        Quick best practices<\/strong><\/h2>\n\n\n\n
                          \n
                        1. Draft text first, then apply styling.<\/li>\n\n\n\n
                        2. Use headings (Blocks) instead of only bold text for better structure.<\/li>\n\n\n\n
                        3. Use\u00a0Portal Tags\u00a0only where auto-filled data is truly needed.<\/li>\n\n\n\n
                        4. For printable forms, always run\u00a0PDF preview\u00a0before sharing.<\/li>\n\n\n\n
                        5. Keep one final\u00a0Print\u00a0check for spacing\/alignment consistency.<\/li>\n<\/ol>\n","protected":false},"featured_media":0,"parent":1573,"menu_order":2,"template":"","doc_tag":[],"_links":{"self":[{"href":"https:\/\/www.airsupervision.com\/wp-r\/wp-json\/wp\/v2\/docs\/3598"}],"collection":[{"href":"https:\/\/www.airsupervision.com\/wp-r\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.airsupervision.com\/wp-r\/wp-json\/wp\/v2\/types\/docs"}],"version-history":[{"count":14,"href":"https:\/\/www.airsupervision.com\/wp-r\/wp-json\/wp\/v2\/docs\/3598\/revisions"}],"predecessor-version":[{"id":3624,"href":"https:\/\/www.airsupervision.com\/wp-r\/wp-json\/wp\/v2\/docs\/3598\/revisions\/3624"}],"up":[{"embeddable":true,"href":"https:\/\/www.airsupervision.com\/wp-r\/wp-json\/wp\/v2\/docs\/1573"}],"prev":[{"title":"Using dynamic text","link":"https:\/\/www.airsupervision.com\/wp-r\/docs\/general-knowledge\/writing-text\/using-dynamic-text\/","href":"https:\/\/www.airsupervision.com\/wp-r\/wp-json\/wp\/v2\/docs\/1579"}],"wp:attachment":[{"href":"https:\/\/www.airsupervision.com\/wp-r\/wp-json\/wp\/v2\/media?parent=3598"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.airsupervision.com\/wp-r\/wp-json\/wp\/v2\/doc_tag?post=3598"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}