Thursday, September 3, 2015

Office UI Fabric and SharePoint Add-ins

Microsoft has released first version of Office UI Fabric.  Check out the announcement blog post here : Introducing Office UI Fabric 

WHAT IS OFFICE UI FABRIC ?

 

Office UI Fabric is a responsive, mobile-first, front-end framework that enables you to create web experiences by using the Office Design Language. It is implemented with a set of fonts and with CSS classes that provide UI components, icons, animation, and the official Office color palette.

If you have experience working with bootstrap, you will find it a lot easier to work with office UI Fabric as well. It is built on the same lines and divides the page into a 12 column grid layout thereby making it responsive across devices. In addition to that you can now use the same icons, font, animation etc used in office.


HOW TO USE IT IN SHAREPOINT ADD INS?

 

  •  Since it is dependent on jquery , you would need to include it in your development project
  •  Include css and js files as per the components you want to use
and you are good to go.

You can find further details here : Fabric Docs
 

SHAREPOINT THEMES AND OFFICE UI FABRIC


To Use SharePoint themes, we have to make explicit calls to include host web css files in out project . I will soon post an article on how to go about that.
And every time the host web's theme is changed , add-in's theme is changed as well.

But its not true in case of office UI Fabric and add-in's theme doesn't change with the change of host web theme.

It is recommended not to mix the two.

Share This!

0 comments:

Post a Comment