One of the major new innovations in the Spark Release was the Design System Studio. Skuid now allows you to create robust style guides to control how your pages look. These remove the need to add custom CSS to your page to get buttons to look "just so" in particular scenarios.
We have not yet included reference design systems in the product, but you can find good examples here. The process to download and install is very simple. Use these example design systems to explore capabilities. Maybe one of them will work for your company's graphic identity in Skuid. Once you have downloaded one, tweak as you see fit.
Each of these examples includes a design system and a skuid page built out to effectively show the system. To use one of the sample design systems in these folders, follow these steps:
Design System:
- Download the Design system to your local directory. Use the Import function on the Design System page to add this system to your org (Import is in the option menu next to the create button).
Sample Page
- Copy the raw XML from the sample page you'd like to use.
- Go to Pages in Skuid - click Create Button
- Name your Skuid page.
- Click XML Options.
- Select Paste XML.
- Paste the copied XML into the text area.
- Click Create.
You will be directed to the App Composer, displaying your newly created sample page.
- To see your page in action, click Preview.
- To review the design system go to Design Systems tab