formidable forms: line break between form cells

  • Resolved novatlantis

    (@novatlantis)


    7 years, 11 months ago

    Hi
    I am using formidable forms (see
    form) and would like to export the entries with dk pdf.

    The form cells do not align correctliy, there is always a line break between to cells of a row (see screenshot_pdf). To red and green border are for visualisizing the cells. There shoud be always one red and one green cell in a row and on the same line.

    Her is the css code, I added in the plugins css editor:
    .formtable {
    display: table;
    line-height: 180%;
    font-family: “Open Sans”, sans-serif;
    font-weight: 300;
    border-collapse:collapse;
    }

    .formrow {
    display: table-row;
    }

    .formcell1 {
    display: table-cell;
    width: 200;
    padding: 0 0 10px 0;
    vertical-align: top;
    text-align: left;
    font-size: 10pt;
    font-weight: 600;
    border: 1px solid green;
    }

    .formcell2 {
    display: table-cell;
    width:400;
    padding: 0 0 10px 0;
    vertical-align: top;
    text-align: left;
    border: 1px solid red;
    }

    Im using firefox and as operating system Unbuntu as well as Windows.

    Thanks for any hint!

    • This topic was modified 7 years, 11 months ago by novatlantis.
Viewing 2 replies - 1 through 2 (of 2 total)
  • damelco

    (@damelco)

    7 years, 11 months ago

    If I might offer a suggestion (or two)

    Based upon your snippet I see a couple of things that don’t look to be DK-PDF, Formidable or even WordPress issues … just basic html and css.

    Let me suggest to set your table width to something that fits the page (e.g. 600px, 400pt, etc.)
    Then set each cell to a percentage of that (e.g. 33%, 66%)
    if the table’s width fits the page width and the total of your cell’s widths do not exceed 100% … then ALL the cells of a given row will be on ‘same line’, so to speak … though, keep in mind the content of each cell may wrap within the cell when that content exceeds the cell’s width. But that is another issue entirely.
    Also, for more predictable results, Always label your units of measure (e.g. 200px instead of 200 ) … other wise the browser’s guess at what you meant are often wrong and create other ‘hard-to-track’ issues!

    Hope that helps

    Thread Starter novatlantis

    (@novatlantis)

    7 years, 11 months ago

    Thank you very much for your hints!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘formidable forms: line break between form cells’ is closed to new replies.