Questions tagged [office-fabric]

79 questions
0
votes
1 answer

FluentUI DetailsList header drop down

How to make FluentUI's DetailsList header show a drop down on click as in OneDrive? https://i.stack.imgur.com/iZJyY.jpg
user13254659
0
votes
1 answer

React FunctionComponent callback on change

I'm trying to use the Fluent UI PeoplePicker based on this example, for office outlook Add-In: FLUENT UI PeoplePicker which uses FunctionComponent in React. I'm not fluent in React but still, I know how callbacks work in classes, but I'm not sure if…
0
votes
1 answer

Fabric UI Detailslist Additional Columns[React SPFx]

I'm building a SPFx Webpart with the Fabric/Fluent UI DetailsList component and I'm trying to add dynamic columns based on security groups selected from a picker (this is likely to change but will remain an array). I've found some code that does…
0
votes
1 answer

Is it possible to clear the values in a People Picker by clicking a separate button

I want to clear the values selected in a NormalPeoplePicker through a button click, but setting state controlled "defaultSelectedUsers" value to [] does not work:
0
votes
1 answer

How to validate office-fabric ui DatePicker

I have used Office fabric UI date-picker component and want to show validation message on click of form submit button. Wants to show custom validation messages like "Mandatory field" etc. Please suggest how to implement it or is there an attribute…
sagar
  • 464
  • 4
  • 13
0
votes
1 answer

Office Fabric Basic List - how to bind button in rows to function?

I am trying to do a button on each row in an Office UI Fabric React Basic List. The button will basically call a function with the item id. The code is like this
0
votes
1 answer

How can you use ContextualMenu with Persona in Office Fabric UI React?

I am using Office Fabric UI React. I want to create a ContextualMenu which is used with the Persona object. This example directly uses ContextualMenu to show how it can be attached to arbitrary elements. The remaining examples use …
myermian
  • 31,823
  • 24
  • 123
  • 215
0
votes
2 answers

Office UI Fabric React - Dropdown not respecting selectedKey prop

I have this code: { // check if the dropdown should be updated if(someCondition){ // update selected key } else { //…
Dusan Jovanov
  • 547
  • 5
  • 21
0
votes
1 answer

Office UI Fabric React - Show tooltip when form input is focused?

This is what I currently have: The…
Dusan Jovanov
  • 547
  • 5
  • 21
0
votes
0 answers

Outlook AddIn using Visual Studio 2019 and Office Fabric UI React

I am trying to develope a new Outlook AddIn using the highly recommended Office UI Fabric React. However, I am very comfortable with Visual Studio and would like to take advantage of the multiple helpful features of the software. Is there a way I…
Dassy
  • 79
  • 1
  • 8
0
votes
2 answers

Can I use ms-Spinner in my office-js Excel web add-in without a framework such as 'react'?

I've built an Excel add-in (Using Office-js, TypeScript, HTML, JQuery, CSS, Visual Studio 2019) which manipulates an Excel spreadsheet, and I'd like to display progress messages with a progress spinner. I think the ms-Spinner in UI Fabric would fit…
arahant
  • 26
  • 3
0
votes
1 answer

Error using the React DirectLine Bot Framework channel with SPFX Application Customiser

I've developed a SharePoint Bot using the Bot Framework (v4 NodeJS) and to ensure a consistent user experience, I've been looking at incorporating it into an Office UI Fabric React panel using the React DirectLine channel via an SPFX Application…
Steve Johnson
  • 405
  • 3
  • 8
0
votes
1 answer

Close MessageBar Office-UI-fabric from other component

Similar question have been asked, but it's not the same. Ref1: How we can close the error messagebar of office react fabric component? Ref2: Office ui fabric panel won't close My question though is as follows. I'm adding MessageBars through a…
Joak
  • 45
  • 2
  • 10
0
votes
1 answer

Fabric UI Checkbox Label Alignment

I'm trying to add a checkbox to an Excel Add-In task pane but even when using a straight copy and paste of the sample code from the MS site, the label for the checkbox is on the line below. How do I make this so that the text is on the same line as…
Plasma
  • 2,622
  • 2
  • 20
  • 35
0
votes
1 answer

Alternative for TextField with Multiple lines in Office ui fabric React

I have used office ui-Fabric React controls on my form in spfx(react js framework).But I didn't find any textarea control in office ui fabric. There is one column in my sharePoint list which is of type 'enhanced rich text(Multiple Lines of text)'.…
K Kritis
  • 1
  • 4