cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Showing results for 
Search instead for 
Did you mean: 

Community Tip - If community subscription notifications are filling up your inbox you can set up a daily digest and get all your notifications in a single email. X

How to re-use corporate.css in experiences

mvonhasselbach
7-Bedrock

How to re-use corporate.css in experiences

Your company might have a css that represents the corporate identity - or you may have other sources of reusable css styles that you want to include with minimal effort. Here is what you have to do to use corporate css files to drive the look and feel of your experiences:

  1. Add the corporate css file (e.g. company.css) to your resources
  2. In Application styles add the following at the beginning (before any other css style entry:

@import url(#{$resources}/Uploaded/company.css);

With the following content in company.css:

And this label definition:

Produces this outcome (you see it in the editor as well as in the preview):

Gotcha!

2 REPLIES 2

Would it be possible to add a library like one of Google's Material Design components?

mwassmann
5-Regular Member
(To:mvonhasselbach)

For the css part of materialize i dont see a problem yet - however the standard classes in widgets are pretty much differently named and thus won't work without adaption and I guess the .js part of the materialize design is not as easy to implement and  toget running -

However we have builtin support for the Ionic Framework in Studio - so that can be used instead.

Top Tags