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

How to re-use corporate.css in experiences

Highlighted

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!

Tags (1)
2 REPLIES 2

Re: How to re-use corporate.css in experiences

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

Re: How to re-use corporate.css in experiences

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

Surveys are coming to the Vuforia Community!  Your feedback is valuable to us!  When prompted, please take our 60 second survey!