CODEWITHSUNDEEP
office-ui-fabric
Thomas Segato
Thomas Segato

Reputation: 5257

Office UI Fabric reponsive or fluid?

Looking through the documentation it seems like Office UI Fabric grid is fluid only and not responsive like bootstrap. Can anyone confirm or reject this?

Sample on office ui grid

Upvotes: 1

Views: 3378

Answers (1)

Slava Ivanov
Slava Ivanov

Reputation: 6922

Office UI Fabric Core is flexible enough to produce both fluid and responsive layout. As you mention correctly the example on the documentation website has a luck of responsive UI layout, but it doesn't mean it is not supported. To confirm this look at Responsive Grid page and find ms-Grid-row and ms-Grid-col classes provided. You are able to use any of those to get a responsive grid, you want to achieve.

Even more: if you will be using controls provided by Office UI Fabric JS most of them are responsive to screen size already and you may override the default behavior as well.

And even more: The Office Fabric UI website itself uses its own responsive grid. To see the example in action just use this link, go to the website and try to re-size the browser window.

EDIT:

On March 12, 2020 Microsoft announced UI Fabric is evolving into Fluent UI. The new packages should be used. More from official GitHub repo ...

Upvotes: 5

Related Questions