Questions tagged [office-ui-fabric]

The Office UI Fabric is a Microsoft-created collection of UX frameworks you can use to build Fluent experiences that fit seamlessly into a broad range of Microsoft products. Use this tag when your question is specific to the Core of the UI Fabric.

Filter by
Sorted by
Tagged with
0
votes
1answer
30 views

Are these FabricUI components still supported and can i use them?

I'm investing and trying out some of these components in my web part (classic page) The Persona Card https://developer.microsoft.com/en-us/fabric-js/components/persona/persona Ref below https://...
1
vote
1answer
266 views

Office UI Fabric verticle align middle not working

I am trying to make my image vertically aligned in middle using CSS which is not working in Office UI Fabric. My HTML Code: <div class="ms-Grid" dir="ltr"> <div class="ms-Grid-row"> ...
0
votes
1answer
1k views

Fabric UI DetailsList component - Dynamically load group items

I'm using grouped DetailsList Fabric UI component in custom SPFx webpart for displaying list data. https://developer.microsoft.com/en-us/fabric/#/controls/web/detailslist/grouped I need to load ...
0
votes
1answer
270 views

Office UI Fabric not loaded with SharePoint 2016 | SPFx

I have sharepoint 2016, and i am trying to load the property panel of spfx webpart, however it's loaded without fabric icons. For example the Back and Next buttons look like this: Is there a way to ...
0
votes
1answer
75 views

SP Online - custom Display Template - square boxes instead of font icons from Office UI Fabric icon set displayed in checked-in state

I encountered a problem, that it displays only empty square boxes instead of nice (custom font) images from generated Office UI Fabric icons set, since I change the state of the with the web-part to ...
0
votes
1answer
66 views

Disable Fabric UI JS Dialog Auto-Refresh

I am using the Fabric UI JS components on a SharePoint 2016 project (not using React or SharePoint Framework) and having issues with the dialog box buttons refreshing the page upon click. Reviewing ...
1
vote
1answer
972 views

SPFx - Using UI Fabric Core Controls without React Framework

Just wanted to check If I am not missing something. I wanted to use Office UI Fabric core controls on SPFx webpart without React component. So basically I have option to use SP Fabric Core. https://...
1
vote
1answer
301 views

Office UI Fabric - Button component post back after click

I am creating a sample form using Office UI Fabric components, I can see button component rendered but when I click on the button I get page posted back. I have a simple html button as well but that ...
1
vote
1answer
640 views

DetailsList component row rendering issue

There is a DetailsList component inside spfx webpart, which loads all the documents/files using PnP. There is a office-ui-fabric-react check out button outside DetailsList component. When I select ...
1
vote
0answers
213 views

Set current user in Fabric.UI people picker

I'm struggling setting the current user to a people picker control in Office.Fabric.UI const people: (IPersonaProps & { key: string | number })[] = [ { key: 1, imageInitials: 'PV', ...
3
votes
1answer
4k views

Office UI Fabric Dropdown event onChange not working

I am creating SPFx component with React framework. For UI I am using Office UI Fabric controls. During my development I have found that "Dropdown" control's onChange event is not firing Based on ...
0
votes
0answers
251 views

office UI fabric react in sharepoint web part

I am currently developing a web part using the SPfx. Wnated to know how can we edit or override the styles for office UI fabric react ? Thanks in advance. BreadCrumb.module.scss @import '~@...
1
vote
1answer
180 views

How to make use of attachments and additional columns in modern event webPart new/edit forms?

I added a multi-lookup field to the standard event list on a modern experience communication site. Unfortunately the standard "New item form" does not show it. My idea is to display the classic ...
0
votes
1answer
206 views

collapseByDefault not working in Nav-component from Office UI Fabric

I try to build a navigation with spfx. Its working fine but I want to have the navigation collapsed. It seems that the property is not assigned or recognized by SPFx (it is running but with no effect)....
1
vote
0answers
111 views

Instructor led training for SPfx and SharePoint PnP? [closed]

Does anyone know of instructor led training for working with SPfx and SharePoint PnP/Office UI Fabric? I'm looking to get a jump on SharePoint Online development.
0
votes
1answer
1k views

Fabric UI Navbar components- How to swtich to horizontal layout?

How can i switch this component Nav Fabric UI to change the layout to horizontal instead of vertical. Are there any other Fabric UI components i can use a a menu horizontally? Thanks in advance
1
vote
1answer
647 views

SPFX design using office-ui-fabric

I am new to spfx and I have been trying to get the office-ui-fabric design for my elements in the spfx application. So I have started with the design of a button. I have done the following steps to ...
1
vote
0answers
176 views

Separate file for html in SPFX

I am new to SPFX ad I am trying to create a separate file for my html code which I have done by doing this.domElement.innerHTML = require("./Index.html"); But I am not able to get the design that ...
1
vote
1answer
252 views

ngOfficeUIFabric or office-ui-fabric-react

kind of newer on office 365 and SPFX ? Im tring to use OfficeUIFabric, im in front of two choices : ngOfficeUIFabric or office-ui-fabric-react the decision isnt easy, so i need your feedbacks on ...