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

Community Tip - Help us improve the PTC Community by taking this short Community Survey! X

How to re-use corporate.css in experiences

mvonhasselbach
12-Amethyst

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?

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.

Announcements

Top Tags