Design and CSS styles
Version 7.x > Design and CSS styles > Best practice for implementing Zurb Foundation CSS framework View modes: 
User avatar
Member
Member
_charleswesley - 6/11/2013 2:07:42 PM
   
Best practice for implementing Zurb Foundation CSS framework
I am new to Kentico so forgive me if this is a basic question, however I did a search of the forum and didn't see a post on this subject.

I am looking to create a new site based off the Zurb Foundation front-end framework.

I have downloaded my desired version of the framework, and have created CSS stylesheets in site manager (copy/paste CSS code from downloaded files) and uploaded the Javascript files in Site Manager.

There are some references in this code to image files (for the image rotator) that I would like to share across any site that uses the framework.

Under the Development tab in the Site Manager I don't see a navigation item for global assets like this.

Where should I add these image resources, and what path should I define in the framework code to reference these files? If I create multiple sites, I can re-use the CSS and JavaScript, but will I need to re-add the image assets?

What is the best practice for managing these types of resources?

User avatar
Certified Developer 13
Certified Developer 13
kentico-jx2tech - 6/11/2013 5:28:37 PM
   
RE:Best practice for implementing Zurb Foundation CSS framework
If you open up a stylesheet, there is a Theme tab available. You can add image files there and the will be placed in the ~/App_Themes/stylesheetname folder.

User avatar
Member
Member
_charleswesley - 6/11/2013 6:47:44 PM
   
RE:Best practice for implementing Zurb Foundation CSS framework
Thanks for the tip, that looks like it will work.

I am noticing however that when I apply this stylesheet to a page template, under the Design tab the Kentico styles compete with the Foundation classes:

No style sheet defined:

User image

With Foundation:

User image

Has anyone worked with Zurb Foundation (or even Twitter Bootstrap) using portal engine development? What is the best way to leverage these frameworks within portal engine?