office-ui-fabric | 易学教程

“Cannot find module” when running unit tests on node.js with react as peer dependency in common package

阅读更多关于 “Cannot find module” when running unit tests on node.js with react as peer dependency in common package

问题 I have following app structure: Application A Application B Common package Now Application A and B have in package.json the common package added: { dependencies: { "commonPackage": "file:../../../commonPackage" } } both apps use React, as well as the common package, all had React added with npm , and it worked, before we started to use react hooks. Because when we started, we got an Invalid Hook Call Warning due to having "more than one copy of React", so to avoid that, in the common package,

Width of contextual menu

阅读更多关于 Width of contextual menu

问题 I am trying to use the command bar of ng-office-ui-fabric, and modify the width of uif-contextextual-menu-item . Here is a code <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> <link rel="stylesheet" href="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-core/2.6.3/css/fabric.min.css" /> <link rel="stylesheet" href="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-core/2.6.3/css

Can Office Fabric DetailsList column headers be styled?

阅读更多关于 Can Office Fabric DetailsList column headers be styled?

问题 I was looking through the office fabric documentation, there seems to be clear information on how to style the items/content inside the DetailsList (https://developer.microsoft.com/en-us/fabric#/components/detailslist/customitemcolumns has an example) but no information on how to style the column headers (or if it's possible). It seems like a pretty common use case (I'm trying to center my column headers instead of having them left aligned and make them larger), so not sure if I'm just

Remove Click handler from fabric dialog overlay

阅读更多关于 Remove Click handler from fabric dialog overlay

问题 I'm using Office-Fabric-Ui and its dialog functionality. var template = $("<div id='something'>This is modal dialog content</div>"); var uidialog = new fabric["Dialog"](template[0]); Now, uidialog has _overlay variable, on click of this _overlay the uidialog closes, but we don't want the dialog to close on click and trying to remove the handlers on _overlay I have tried many solutions some of them are but still unable to remove the handlers from overlay element: Solution 1 fabric.Dialog

Change the color/theme of Office UI Fabric React components?

阅读更多关于 Change the color/theme of Office UI Fabric React components?

问题 I'm trying to use Office UI Fabric React components in my web app. Is there a way to change the color or theme of the components? For example, I tried something like this: ReactDOM.render( <DefaultButton className='my-button' text='Test Button' />, document.getElementById('root') ); my-button is a css class defined as red background color. But actually it didn't change anything. The button background color is still the default #f4f4f4 . Is it possible at all to change the colors of the

Can Office Fabric DetailsList column headers be styled?

阅读更多关于 Can Office Fabric DetailsList column headers be styled?

I was looking through the office fabric documentation, there seems to be clear information on how to style the items/content inside the DetailsList ( https://developer.microsoft.com/en-us/fabric#/components/detailslist/customitemcolumns has an example) but no information on how to style the column headers (or if it's possible). It seems like a pretty common use case (I'm trying to center my column headers instead of having them left aligned and make them larger), so not sure if I'm just missing something? One option to customize column headers would be to override the rendering of headers via