HTML Export shows page layout sections on new lines

XMLWordPrintable

    • 1
    • Severity 2 - Major

      Summary

      Side-by-side sections on a Confluence page will show as on top of each other when exported to HTML.

      Steps to Reproduce

      1. Create a page that has a page layout section with multiple columns.
      2. Save the page
      3. Export the space to HTML
      4. View the page

      Expected Results

      The sections will show side-by-side, as they do on the page.

      Actual Results

      The sections are stacked on top of each other.

      Workaround

      Add the following at the end of the styles/site.css file in the export:

      .columnLayout {
          display: flex;
      }
      
      .cell {
          flex: auto;
      }
      

        1. page-layout-editor.png
          page-layout-editor.png
          29 kB
        2. page-layout-html-export.png
          page-layout-html-export.png
          41 kB
        3. page-layout-saved.png
          page-layout-saved.png
          32 kB

            Assignee:
            Unassigned
            Reporter:
            Zak Laughton
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

              Created:
              Updated:
              Resolved: