Removing checkboxes and record counts from tables for the purpose of printing

Anna Orias
edited February 4, 2020 in Questions
Is there anyway to remove these items (other than css)? We want to print this page.image

Comments

  • Mark DeSimone
    Mark DeSimone 🛠️ 
    edited February 4, 2020
    Hi Anna, there's not a declarative way to specify print styling. To do this, you would need to set up custom CSS on your page that targets only print media. You'd need to find out the CSS class that applies to the checkboxes, and whatever elements you want to hide, and then add a CSS resource to the page that looks something like this:
    @media print {
       .your-css-class-here {
          display:none;
       }
    }
    It'll take a little experimenting, but it should be doable if you've got some familiarity with CSS. 
  • Anna Orias
    edited February 4, 2020
    Here is the element. Will you help me with the css for the checkboxes? I have the other css worked out.
    image
  • Anna Orias
    edited April 27, 2017
    For others who are interested, here is the css to hide the count at the bottom of the table.

    .nx-list-footer {    display:none;
    }
  • Anna Orias
    edited April 27, 2017
    to remove the skuid edit wheel

    #skuidEditBtn {  display: none;
    }
  • Mark DeSimone
    Mark DeSimone 🛠️ 
    edited April 27, 2017
    It looks like you can hide the whole first column with this:
    table.nx-list tr td:first-child { display: none; }
  • Anna Orias
    edited February 4, 2020
    We figured it out:

    .nx-editor input[type=checkbox] {
    display: none;

    }
  • Mark DeSimone
    Mark DeSimone 🛠️ 
    edited April 27, 2017
    Great! I just tried this and the option I posted above, and the other option also appears to hide the empty column, in case that's relevant for you. 
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!