Make your own skeleton CSS file

KB Home   |   Make your own skeleton CSS file

From version 17.2 of PaperCut NG and PaperCut MF onwards, the User web interface can be customized directly from the Admin web interface. More complex customizations at the level of CSS may be achieved by creating your own skeleton CSS file, and tweaking it as desired. You can read about our built-in customization options as well as methods for CSS customization in the following section of our user manual: Customize the User web interface

The following instructions detail how to create baseline CSS files using popular web browsers.

Chrome v37.0.2062.124

  1. Load Google Chrome
  2. Navigate to http://papercutserver:9191/user
  3. Login as a user
  4. Press Ctrl+Shift+I
  5. Select Sources
  6. Expand >css
  7. Right Click on user2.css?xxxxx and select Save-As
  8. Save to a safe location of your choosing

You can then use elements from the new user3.css in your new customized User web interface.

Please Note: When adapting the skeleton CSS file for use with version 17.2 and above, it will need to be renamed to user3.css when placed in the [app-path]/server/custom/web directory.

Firefox v32.0.3

  1. Load Mozilla Firefox
  2. Navigate to http://papercutserver:9191/user
  3. Login as a user
  4. Press Ctrl+Shift+I
  5. Select Style Editor
  6. Click on Save next to user2.css?xxxxx
  7. Save to a safe location of your choosing

You can then use elements from the new user3.css in your new customized User web interface.

Please Note: When adapting the skeleton CSS file for use with version 17.2 and above, it will need to be renamed to user3.css when placed in the [app-path]/server/custom/web directory.


Categories: User Interface Customization, User Web Interface


Keywords:

Comments

Share your findings and experience with other PaperCut users. Feel free to add comments and suggestions about this Knowledge Base article. Please don't use this for support requests.

Article last modified on July 11, 2017, at 01:44 PM
Printable View   |   Article History   |   Edit Article