Menu icon Foundation
Feature request for Microsoft Sharepoint

Hi Everybody! Jason emailed us a workaround for Sharepoint users. We thought sharing it here will help some of you. Thanks Jason!

--

With Foundation, we already have the ability in the javascript to apply Foundation selectively, so for instance, instead of calling:

$(document).foundation();

we could instead call:

$("#page-wrapper").foundation();

It would be nice be able to do the same with the CSS.

Our site is run on Sharepoint 2010, and Sharepoint does NOT use responsive design at all. It's full of hard-coded sizes and nested tables for presentation. That said, the CONTENT of the page for a site is easy to make responsive with Foundation.

It would be GREAT if there were a Sass global setting with something like:

$foundation_root_elements: html !default; /* comma-separated css selectors for where Foundation should be applied

inside each sass file would be wrapped with

#{$foundation_root_elements} {
/* ALL SASS GOES HERE */
}

Then, we could have Foundation apply to only the content portion of our site, and not the interface for Sharepoint, and the default behavior would be consistent with the current implementation. We would then just do this with a simple Sass setting:

$foundation_root_elements: #page-wrapper;

microsoft sharepointSharepointjsjavascriptfeature request

Hi Everybody! Jason emailed us a workaround for Sharepoint users. We thought sharing it here will help some of you. Thanks Jason!

--

With Foundation, we already have the ability in the javascript to apply Foundation selectively, so for instance, instead of calling:

$(document).foundation();

we could instead call:

$("#page-wrapper").foundation();

It would be nice be able to do the same with the CSS.

Our site is run on Sharepoint 2010, and Sharepoint does NOT use responsive design at all. It's full of hard-coded sizes and nested tables for presentation. That said, the CONTENT of the page for a site is easy to make responsive with Foundation.

It would be GREAT if there were a Sass global setting with something like:

$foundation_root_elements: html !default; /* comma-separated css selectors for where Foundation should be applied

inside each sass file would be wrapped with

#{$foundation_root_elements} {
/* ALL SASS GOES HERE */
}

Then, we could have Foundation apply to only the content portion of our site, and not the interface for Sharepoint, and the default behavior would be consistent with the current implementation. We would then just do this with a simple Sass setting:

$foundation_root_elements: #page-wrapper;