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

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

Comments

  • Mark DeSimoneMark DeSimone Skuid Mod admin
    edited February 4
    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 OriasAnna Orias Member
    edited February 4
    Here is the element. Will you help me with the css for the checkboxes? I have the other css worked out.
    image
  • Anna OriasAnna Orias Member
    edited April 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 OriasAnna Orias Member
    edited April 2017
    to remove the skuid edit wheel

    #skuidEditBtn {  display: none;
    }
  • Mark DeSimoneMark DeSimone Skuid Mod admin
    edited April 2017
    It looks like you can hide the whole first column with this:
    table.nx-list tr td:first-child { display: none; }
  • Anna OriasAnna Orias Member
    edited February 4
    We figured it out:

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

    }
  • Mark DeSimoneMark DeSimone Skuid Mod admin
    edited April 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.