Stack Overflow
Stack Overflow

Questions tagged [office-ui-fabric]

Questions around the Office UI Fabric development and components. Office UI Fabric is a library providing a set of components to help developers build their apps faster with a look and similar to Microsoft Office controls

Office UI Fabric is a library providing a set of components helping developers to build apps looking like Microsoft Office.
These components are JavaScript and CSS based.

Please upload a reduced example of your problem to https://aka.ms/fabricpen and paste the link with your question. Makes it easier to understand the whole issue better.

432 questions
0
votes
1 answer

Office ui fabric panel won't close

I use an Office UI Fabric Panel (nothing special, just as in the Microsoft examples). However, I want to trigger the panel programmatically. I open the panel lik this: $("#btnOpenPanel").trigger( "click" ); In the panel I have a form. When I…
hacking_mike
  • 1,005
  • 1
  • 8
  • 22
0
votes
2 answers

Check selected menuoption in Office UI Fabric React's drop down component

I want to show the selected menu option as checked in the drop down. How can I do that? Here's the code: import * as React from "react"; import { Dropdown } from "office-ui-fabric-react/lib/Dropdown"; import * as styles from…
Vardhan Dugar
  • 31
  • 5
0
votes
1 answer

Override officeUI nav chevron icon

in the office-ui react fabric how do i over ride the chevon icon https://developer.microsoft.com/en-us/fabric#/components/nav In the documentation there is this interface INavStyles but i am not able to override it with my own icons. i want to…
Newton Sheikh
  • 1,376
  • 2
  • 19
  • 42
0
votes
1 answer

Office Fabric: Capture clicks outside non-modal panel

Office Fabric has the concept of a "non-modal" panel: https://developer.microsoft.com/en-us/fabric#/components/panel A non-modal panel does not show an shaded overlay over the rest of the panel, and the buttons in the non-modal area will react to…
Lars
  • 9,976
  • 4
  • 34
  • 40
0
votes
1 answer

DatePicker disable error

I want to create a component, which consists of Datepicker and ChoiceGroup using ReactJs and office365. On first render datepicker must be disabled, and when we choose custom radio button in ChoiceGroup it must be enabled.Piece of code:
…
Sam Fisher
  • 746
  • 2
  • 10
  • 27
0
votes
1 answer

Getting simple web project running with Fabric React

----UPDATE---- Got it to work using the following: Webpack Typescript ts-loader react react-dom @types/react @types/react-dom office-ui-fabric-react Once I had a simple react example running, it was easy to do the same for fabric-react. Some good…
Nicolas
  • 2,277
  • 5
  • 36
  • 82
0
votes
1 answer

How to install office-ui-fabric-react into an existing MVC project?

We've started to build an application and came to decide we want to integrate it with office-ui-fabric-react. I know how to install packages using npm ..., I just have no idea where to install both NodeJs & gulp. I have a repository called…
Kevin Beye - Van Hulten
  • 13
  • 5
0
votes
1 answer

Validating Form Fields on button click in office fabric Ui control

I have one TextField and PrimaryButton in my form. On button click i want to validate textfield.If there is no value then fire requiredfield validation on button click and display message same as display on onGetErrorMessage event. I know validation…
Vaibhav Bhatia
  • 528
  • 1
  • 4
  • 12
0
votes
1 answer

How do I get the UI Fabric Command Bar contextual Menu to work?

I have been trying to use the Office UI Fabric's Command Bar control in Office.js API Microsoft Word application. The buttons that are seen in the main bar all work as intended when the app is displayed in the maximum width of the task pane. When I…
Alfree92
  • 45
  • 6
0
votes
0 answers

Don't hide items when there are still space

I am trying to use the command bar of ng-office-ui-fabric, here is a code
SoftTimur
  • 5,630
  • 38
  • 140
  • 292
0
votes
1 answer

Valid property value for "items" of the List.Grid component of Fabric React

Upon using this Office UI Fabric's List Grid code: import * as React from 'react'; import { FocusZone } from 'office-ui-fabric-react/lib/FocusZone'; import { List } from 'office-ui-fabric-react/lib/List'; // import './List.Grid.Example.scss'; Not…
5ervant - techintel.github.io
  • 4,381
  • 7
  • 39
  • 68
0
votes
1 answer

Office UI Fabric React people picker not populating suggested drop down

When I'm using the office ui fabric react component for people picker, it's not populating the suggested people in the dropdown. Two errors that I'm getting are Exception in CommandButton.render(): TypeError: Cannot read property 'palette' of…
user2677821
  • 106
  • 9
0
votes
1 answer

Office UI Fabric doesn't render in my Excel Addin project

From VS 2017, I created a new Excel Addin. In Home.html, just before
, I added the following section from this Microsoft template:
Felipe Costa Gualberto
  • 1,075
  • 7
  • 22
0
votes
1 answer

Twitter/Google Fabric and Office UI Fabric

Can anyone tell the relations between the Twitter (now Google) Fabric (https://get.fabric.io/) and Office UI Fabric (https://dev.office.com/fabric). Is the Office UI Fabric built as an extension to Fabric.io or does the similarities end in the name…
Mats Magnem
  • 1,375
  • 1
  • 10
  • 21
0
votes
1 answer

Close panel in jquery/css in Office UI Fabric JS

How do I close a panel in Office UI Fabric JS when click on button? In Bootrap I have the options via CSS by adding data-dismiss="modal" to the button class Also in bootstrap I have the option in jquery to hide a modal…
dev2go
  • 1,539
  • 3
  • 13
  • 15
1 2 3
…
28
29