Uploaded image for project: 'Confluence Data Center'
  1. Confluence Data Center
  2. CONFSERVER-56210

HTML Export shows page layout sections on new lines

    XMLWordPrintable

Details

    • Bug
    • Resolution: Unresolved
    • Low
    • None
    • 5.10.8, 6.9.1
    • None

    Description

      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;
      }
      

      Attachments

        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

        Activity

          People

            Unassigned Unassigned
            zlaughton Zak Laughton
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

            Dates

              Created:
              Updated: