Wiki

Clone wiki

perch-skill-ui / Home

Skill UI for Perch CMS

A custom UI style for Perch CMS I've been using on my own sites over the years. It will give your UI an airy modern style and looks nice with blocks. It will turn all your single checkboxes to toggle switches, too.

Skill UI fixes some annoyances with the original Perch UI. Like when you have repeaters inside blocks, and collapsing the block doesn't collapse the repeater. With Skill everything inside is collapsed, as you would expect.

Originally based on Perch Craft UI.

Skärmavbild 2020-03-29 kl. 20.01.43.png

Skärmavbild 2020-03-29 kl. 20.07.45.png

Skärmavbild 2020-03-29 kl. 20.14.10.png

Install using Pipit UI Loader

  • Download and unzip
  • Create a new folder named skill in perch/addons/plugins/ui/
  • Place the JS and CSS files of the download in perch/addons/plugins/ui/skill
  • Copy the contents of _config.example.inc and paste it in your own perch/addons/plugins/ui/_config.inc. Create the file if it doesn't exist. Note: we are just loading the CSS and JS needed for the login screen from this file. For the admin we are using Pipit UI Loader.
  • Follow the steps to install and setup Pipit UI Loader
  • Edit your Pipit UI Loader configuration file to load skill_ui.css and skill_ui.js, or use the example configuaration file included in this repo.

Updated