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.

Filter by
Sorted by
Tagged with
0 votes
1 answer
211 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 ...
BWieland86's user avatar
1 vote
1 answer
1k 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 ...
superigno's user avatar
  • 151
1 vote
1 answer
305 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/[email protected] [email protected] [email protected] How to solve this issue? It gives warning:office-ui-...
Prashant Shah's user avatar
4 votes
2 answers
909 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 ...
pkmelee337's user avatar
1 vote
0 answers
254 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 ...
Tracy's user avatar
  • 667
4 votes
1 answer
512 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 ...
gavbagg's user avatar
  • 41
3 votes
0 answers
2k 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 ...
user868150's user avatar
3 votes
1 answer
3k 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 { ...
Chandresh's user avatar
  • 499
2 votes
1 answer
371 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 ...
Faye's user avatar
  • 88
2 votes
2 answers
6k 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 ...
Chandresh's user avatar
  • 499
1 vote
2 answers
6k 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"> ...
Blocfos's user avatar
  • 11
1 vote
1 answer
2k 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 ...
Dennis Kuhn's user avatar
1 vote
0 answers
234 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 }? ...
Dennis Kuhn's user avatar
2 votes
1 answer
1k 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 ...
RussGove's user avatar
  • 1,254
2 votes
1 answer
4k 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 ...
RussGove's user avatar
  • 1,254
2 votes
2 answers
4k 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 ...
RussGove's user avatar
  • 1,254
6 votes
2 answers
8k 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 ...
user2677821's user avatar
1 vote
0 answers
878 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 ...
RussGove's user avatar
  • 1,254
0 votes
1 answer
207 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 ...
RussGove's user avatar
  • 1,254