Stack Overflow
Stack Overflow

Questions tagged [office-fabric]

79 questions
0
votes
1 answer

Filter out and lower case all characters using onKeyDown (ev: React.KeyboardEvent)

I am using the TagPicker which has the event onKeyDown with signature (ev: React.KeyboardEvent) => void Is there a way I can use this event to only allow lower-case letters and the dash - symbol? Ideally I would like to transform…
Leo
  • 5,013
  • 1
  • 28
  • 65
0
votes
2 answers

React Fabric UI remove the Pivot Item

I am using Pivot component in Office Fabric UI, I need to remove PivotItem for some views. Is there any possible way? etc. I need to remove 'Insert' Pivot with using isComposeMode() in below import * as React from "react"; import { Label } from…
Sandun Tharaka
  • 727
  • 2
  • 9
  • 29
0
votes
1 answer

How do I stop Office Fabric Dropdown from selecting first element on focus?

I am using the Dropdown from Office Fabric in React. I have many dropdowns that I am happy to select the first element by default, but I have some that I do not want this behavior. When I put a breakpoint in the debugger onDropdownChange() is being…
Jeremy
  • 2,259
  • 3
  • 16
  • 18
0
votes
1 answer

Is is possible to render a Webpart within another Webpart

I want to display a webpart within another webpart in Sharepoint Framework. I am using Sharepoint Framework and have created two webparts. One of them fetches information about a user, the other one displays a GroupedList(office-ui fabric react). So…
Brian Cooper
  • 1
  • 1
0
votes
1 answer

Fixed position in a button in a scrollable view/component

I have a callout (office fabric ui) with data. When the data is to much the callout area is scrollable. However I want a button in the footer/beneath this data in the same callout component to ALWAYS be visible. I have tried to add "position:…
Arte2
  • 309
  • 4
  • 19
0
votes
1 answer

How can I update the underlying data value of checkbox on click

I am using Office Fabric React in an spfx web part and within a MarqueeSelection /DetailsList in each row have a checkbox to represent a boolean value, On click the default callback function writes out to log whether the isChecked value is…
Allan MacRitchie
  • 43
  • 6
0
votes
2 answers

Get access to generated class names in e.g. custom panel header renderer

I'm using a Panel component from Office UI Fabric (https://developer.microsoft.com/en-us/fabric#/components/panel). A panel is separated into header, content and footer, where the content is always scrollable in case there are too many lines to fit…
alex3683
  • 1,460
  • 14
  • 25
0
votes
1 answer

Can you force a full render of a list in Office Fabric?

I'm working with a List in Office Fabric, specifically a DetailsList. Within my list, I have a number of images that are pretty expensive to render, as well as a pretty big list of rows. Unfortunately, this means when I scroll down, there's a huge…
Stanley
  • 125
  • 3
  • 11
0
votes
0 answers

Set disable/enabled value for text field based on a toggle value in React

I am creating a panel from Office Fabric:
Holden1515
  • 659
  • 2
  • 7
  • 20
0
votes
1 answer

Can a node module consisting of Facebook React code work within ASP.NET Core?

ASP.NET has a nuget package called ReactJS.net which is capable of running Facebook React v16+ code. I'd like to integrate Office UI Fabric, but the react package is only available as an NPM package, where I'd run npm install office-ui-fabric-react…
makerofthings7
  • 60,103
  • 53
  • 215
  • 448
0
votes
1 answer

Reactjs- resetting drop downs when one drop down is changed

Overview: I have 3 dropdown which are used to filter the data:
nbi
  • 1,276
  • 4
  • 16
  • 26
0
votes
1 answer

How to Style Office Fabric Component with SharePont Framework module.scss

I am trying to style a VirtualizedComboBox being used in a SPFX web part. The problem is that if I use the combo box classes (ie. .ms-ComboBox-Input) as selectors within the web parts module.scss they get rendered out with the unique ID appended to…
mongrelHorde
  • 1
0
votes
1 answer

Office fabric react + typescript

Do we really need to know typescript for developing office fabric ui app using react library? The samples provided for office fabric react in official website deals with typescript always.
cskr11
  • 57
  • 5
0
votes
0 answers

Select a Office Fabric pivot tab with JS/Jquery

I'm using the pivot control with Office Fabric. It's the standard JS library, not the React/Angular ones. How can I select a tab with JS/JQuery? I call API when the page loads and dependent on the result I want to display the first tab or the…
user1102550
  • 543
  • 1
  • 7
  • 24
0
votes
0 answers

2nd click not render in DetailsList using React

In detailsList (Office fabric component), Comments are shown in rows (CheckOut the Screen). Each rows has "...more" link. When link (...more) is clicked for 1st time,this expand text in textArea. Again, If I click on the same link, it should…
CDesai
  • 17
  • 4
1 2 3 4
5
6