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

  • 1
  • Question
  • Updated 2 years ago
  • Answered
Is there anyway to remove these items (other than css)? We want to print this page.
Photo of Anna Orias

Anna Orias

  • 1,468 Points 1k badge 2x thumb

Posted 2 years ago

  • 1
Photo of Mark DeSimone

Mark DeSimone, Official Rep

  • 11,040 Points 10k badge 2x thumb
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. 
Photo of Anna Orias

Anna Orias

  • 1,468 Points 1k badge 2x thumb
Here is the element. Will you help me with the css for the checkboxes? I have the other css worked out.
Photo of Mark DeSimone

Mark DeSimone, Official Rep

  • 11,040 Points 10k badge 2x thumb
It looks like you can hide the whole first column with this:

table.nx-list tr td:first-child { display: none; }
Photo of Anna Orias

Anna Orias

  • 1,468 Points 1k badge 2x thumb
For others who are interested, here is the css to hide the count at the bottom of the table.

.nx-list-footer {    display:none;
}
Photo of Anna Orias

Anna Orias

  • 1,468 Points 1k badge 2x thumb
to remove the skuid edit wheel

#skuidEditBtn {  display: none;
}
Photo of Anna Orias

Anna Orias

  • 1,468 Points 1k badge 2x thumb
We figured it out:

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

}
Photo of Mark DeSimone

Mark DeSimone, Official Rep

  • 11,040 Points 10k badge 2x thumb
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.