Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [fabric]

For questions around the usage of the Office UI Fabric libraries within a custom application. Not to be confused with the app-fabric tag.

1
vote
1answer
118 views

Office UI Fabric React People Picker Remove 'X'

Is there a way I can have certain personas unremovable from people picker? I was thinking how I can remove the X button: On the screenshot, I need to disable removal of test user2 and Test 115 while ...
1
vote
1answer
121 views

Office UI Fabric Ract Command Giving an error UNMET PEER DEPENDENCY

Issue while adding command "npm --save install office-ui-fabric-react" NPM Version: @microsoft/generator-sharepoint@1.0.2 gulp@3.9.1 yo@2.0.2 How to solve this issue? It gives warning:office-ui-...
4
votes
2answers
209 views

Add an SPFx WebPart from an SPFx Extension on a modern site

Within our product we have created an SPFx extension to show a navigation component on the top of our modern pages. Additional to this navigation component we want to show a button which opens an ...
1
vote
0answers
182 views

SPFx, Fabric, and Modern Themes - Where are they available?

According to the last few comments of this techcommunity post, modern themes are currently only available on the 2 modern group-connected team and communication site templates. Does that mean ...
4
votes
1answer
313 views

Moving from CEWP to SPFx - import fabric components

Been struggling with this for the past few days. I am quite new to Sharepoint development. Got my head around CEWP and was using office-ui-fabric-js components with code samples from here. I am now ...
3
votes
0answers
251 views

Is it Safe to DELETE SharePoint AppFabric Logs (.ETL)?

My SharePoint WFE contains AppFabric Logs (.ETL) files Location: C:\ProgramData\Windows Fabric\Fabric\log\Traces e.g. File name: "lease_traces_131189918650268910_000051.ETL" These logs are from 2 ...
3
votes
1answer
1k views

Office-ui-fabric-react : error in components & BaseComponent.d.ts file

add office-ui-fabric-react package in SPFX react webpart using <!-- language: lang-ps --> npm --save install office-ui-fabric-react then add <!-- language: lang-ts --> import { ...
2
votes
1answer
192 views

Using Pivot Component from Fabric React

I want to use the Pivot Component from Fabric React to create tabs so that I can put different SharePoint Lists into the each 'tab'. Do I have to create a SharePoint Web part using the SharePoint ...
0
votes
1answer
910 views

set office ui fabric datepicker format

How to set date format in UI-Fabric DatePicker component ? my code here <DatePicker firstDayOfWeek={firstDayOfWeek} strings={DayPickerStrings} placeholder="select date..." /> I ...
1
vote
1answer
356 views

How to manage onClick event of a row field in DetailsList(UI Fabric)

I want to catch the event when click in a row field of a DetailsList in Webpart. My code looks like : return ( <div> <div> <div className="ms-Grid"> ...
1
vote
0answers
538 views

How to use Office UI Fabric Callout in SPFx WebParts?

I try to use a good pattern to use the Callout, for instance when hovering over a Persona element. Currently I do the following: _clientPersonaElement is a reference to the Element the Callout uses ...
1
vote
0answers
47 views

How to display read-only information on a webpart? ReadOnly TextField or Label?

I wonder if the Office-UI Fabric Label should only be used to label a field, like a TextField. Should read-only data be displayed in TextField with contentEditable={ false } and readOnly={ true }? ...
1
vote
1answer
491 views

Fabric css styles not working in spfx webpart

I'm trying to use the fabric List component in an spfx webpart. The code below was taken directly from https://dev.office.com/fabric#/components/list return ( <div > <div ...
1
vote
1answer
932 views

How do we attach a hover event to a fabric DetailsList in an SPFX webpart?

How do we attach a hover event to a fabric DetailsList in an SPFX web part? I have a list of documents in a spfx web part displayed in a fabric DetailsList. When a user hovers over an item I want to ...
1
vote
2answers
624 views

How to edit a Rich Text Field in an SPFX Webpart

I am creating an spfx webpart to allow users to edit some items in a list. I am trying to use office-ui-fabric-react for all the controls as recommended. The list has a rich text field(Enhanced rich ...
4
votes
0answers
3k views

Updating state with SPFX TextField Component? Office Fabric React

I can't figure out how to pass an event object to the SPFX TextField component. It's only passing the value of the input as a string from what I can see when I console log them out. I would like to ...
0
votes
0answers
557 views

SPFX fabric webpart works differently in Modern page than in Classic Page

So I have an spfx webpart that works fine in the workbench, but when deployed does not work the same. It has a fabric CommandBar with nested IContextualMenuItem's. The idea being that you click on the ...
0
votes
1answer
65 views

Accessing data property of IContextualMenuItem

The documentation for the fabric IContextualMenuItem say the data property can be 'Any custom data the developer wishes to associate with the menu item'. How does one access that data in the item's ...