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.
19 questions
0
votes
1
answer
231
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 ...
- 57
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 ...
- 151
1
vote
1
answer
311
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-...
- 388
4
votes
2
answers
988
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 ...
- 151
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 ...
- 667
4
votes
1
answer
526
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 ...
- 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 ...
- 101
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 { ...
- 519
2
votes
1
answer
373
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 ...
- 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 ...
- 519
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">
...
- 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 ...
- 361
1
vote
0
answers
254
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 }?
...
- 361
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 ...
- 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 ...
- 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 ...
- 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 ...
- 101
1
vote
0
answers
879
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 ...
- 1,254
0
votes
1
answer
220
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 ...
- 1,254