Download presentation
Presentation is loading. Please wait.
1
Introducing Office UI Fabric
Amie Seisay @AmieSeisay
2
Background Skills SharePoint Server Farm Architect Developer
SharePoint Trainer Credentials Bachelors and Masters in Computer Science MCTS, CTT+, ITIL Company CEO and Founder, Seisay IT Solutions Clients Federal Government County Government Associations Hospital Construction Insurance
3
Intro to Office UI Fabric
Introduced in August 2015 Front end framework used for styling Office365 web apps and Office Add-ins Consists of responsive, mobile friendly design components and styles Based Office Design Language @OfficeUIFabric
4
Getting started is easy!
5
Option 1 - Fabric CDN Reference the Fabric CDN in the <head> section of your page <link rel="stylesheet" href=" <link rel="stylesheet" href=" ss">
6
Option 2 - Download GitHub:
7
Option 3 – Package Manager
Install with a Package Manager Npm $ npm install office-ui-fabric Bower $ bower install office-ui-fabric NuGet Package Manager PM> Install-Package office-ui-fabric
8
Framework Features Styles: http://dev.office.com/fabric/styles
Typography (size, weight, color) Icons Animations Language Optimized Fonts Responsive Grid
9
Framework Features Components: http://dev.office.com/fabric/components
Breadcrumbs Button Dialog People Picker Spinner
10
Tools for Development Flexible with the Editors you are already using
NotePad ++ SharePoint Designer Visual Studio Visual Code And others… Chrome Extension Fabric Explorer
11
Demo and Build! Let’s take a look at some samples
Next let’s build something together That’s right! Pull out your laptops!!!
12
Resources Office UI Fabric: http://dev.office.com/fabric
Office UI Fabric for iOS: and Code Snippets and Fabric Explorer by David Mann:
13
Thanks to our Sponsors! Platinum: Gold: Silver:
14
More Fun Stuff Raffle: Please join us in the Atrium at 5:15 PM for the raffle. We are raffling some exciting prizes including a Wacom tablet, a BB-8 droid, and who knows, maybe a Xbox One S (need to be present to win)!!! SharePint will be held at Mad Mex (370 Atwood St, Pittsburgh, PA ). While it starts at 5:45 PM, there’s no end time!!!! Pittsburgh Area SharePoint User Group Meets at the Microsoft office on the North Shore More Info: User-Group /about
15
We do Request that… You fill out the Session Evals. These will also be your Raffle tickets. Print your name clearly if you intend to participate in the Raffle and drop the forms at the registration desk after the last session. You visit the sponsors. The event is possible due to their generous support and we request that you visit them and inquire about their products & services. Cell phones be kept on silent as a courtesy to other attendees and speakers
Similar presentations
