Custom CSS / Skinning for Skuid

  • 3
  • Idea
  • Updated 5 years ago
  • Implemented
It'd be great to allow users to customize the look of Skuid. Either allow them to use their own custom stylesheets or build a mechanism for them to customize the styles within Skuid in a manner similar to jQuery UI Theme Roller (http://jqueryui.com/themeroller).
Photo of John Nelson

John Nelson, Product Manager

  • 3,234 Points 3k badge 2x thumb

Posted 6 years ago

  • 3
Photo of John Nelson

John Nelson, Product Manager

  • 3,234 Points 3k badge 2x thumb
This has been implemented in our latest release.
Photo of Glenn Elliott

Glenn Elliott, Champion

  • 7,738 Points 5k badge 2x thumb
The ability to "hack" into the CSS this way is great; really useful for creating styles for classes.

But what about creating styles for specific elements? It looks to me like the various HTML elements render without IDs, so can't be referenced in CSS. I want to set the back ground colour of a template without affecting the other templates in the page. Is this possible?

Thanks as always.
Photo of Glenn Elliott

Glenn Elliott, Champion

  • 7,738 Points 5k badge 2x thumb
In fact, I've made progress with this by embedding inline CSS in the template itself. It seems to work well and as a bonus, as I edit the CSS it updates the template in the page editor in real time. We like bonuses.

See attached.