Remove scroll bars from CFDB-HTML

  • Resolved fonefixer

    (@fonefixer)


    7 years ago

    Hi,

    I’m using this plugin with great success in conjunction with Contact form 7. I have a cfdb-html shortcode displaying the data on a restricted page for the clients to see / print.

    My problem is that certain cells of the output have scroll bars and don’t display all the inputted data in Chrome and IE 11, however in Firefox everything is displayed correctly. Consequently when the client goes to print the data the scroll bars are printed along with incomplete data.

    Ive tried various style fixes to no avail. Any ideas how to remove the scroll bars and show all the data on the page please?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Michael Simpson

    (@msimpson)

    7 years ago

    cfdb-html? or did you mean cfdb-table or cfdb-datatable?

    Thread Starter fonefixer

    (@fonefixer)

    7 years ago

    Hi Michael,

    Sorry, my mistake…cfdb-table. What I would like to do is remove the scroll bars and auto resize the cells to fit the data.

    Plugin Author Michael Simpson

    (@msimpson)

    7 years ago

    I think you have to override those style either in you own style sheet or in the shortcode. Something like this might work:

    [cfdb-table form="YOUR_FORM" id="mytable" style="#mytable td > div {max-height: none !important; overflow: none !important;}"

    Thread Starter fonefixer

    (@fonefixer)

    7 years ago

    Thanks Michael, that worked perfectly! I left out the overflow: none as my CSS editor plugin threw an error on it, it doesn’t seem to have affected anything.

    Thanks again.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Remove scroll bars from CFDB-HTML’ is closed to new replies.