Category Archives: react

Updating props in a react-based SPFX webpart after initial Render

The react-based spfx webparts that are generated by the yeoman templates do not allow us to update the properties of the react component after it is initially rendered. It can sometimes be useful to do so. To be able to … Continue reading

Posted in react, spfx | Tagged | Leave a comment

Cancel Running workflows prior to saving an item.

This is a problem for workflows that delay until a certain date before sending out reminders. The user creates an item with 1/27/2018 as the due date and the workflow starts waiting until 1/27/2018 to send out a reminder. If … Continue reading

Posted in react, spfx, Uncategorized | Tagged , | Leave a comment

Code Editor Property Pane Control for SPFX WebParts

I submitted a PR to the spfx-property-controls repository today for a new SPFX property pane control – the PropertyFieldCodeEditor control. The new control uses the Ace editor under the hood (see https://ace.c9.io/). The Ace editor supports editing many types of … Continue reading

Posted in react, sharepoint, spfx, Uncategorized | Tagged , | Leave a comment

Displaying Rotated Column Headers on an Office UI Fabric Details List within an SPFX Webpart

Sometimes you need to display a grid where the data displayed within the grid’s columns is much narrower than the column headers. For instance you may need to show a user’s Continue reading

Posted in office-ui-fabric-react, react, spfx | Tagged , , , , , , , | Leave a comment

Using the Office UI Fabric Grouped DetailsList in React-based SPFX Webparts.

Say you have an array of objects in your application that looks like this export class Widget { public constructor( public id: number, public title: string, public isActive:string, public manufacturer:string ) { } } And you want to display the … Continue reading

Posted in fabric, react, spfx, Uncategorized | Tagged , , | Leave a comment

Debugging SPFX Gulp build tasks in VS Code

In VS Code click View==>Debug from the main menu The Debug box will appear: Click the dropdown in the Debug Box and select Add Configuration. From the list of configurations select {} Node.js: Launch Program:   Create a configuration with … Continue reading

Posted in javascript, react, spfx, Uncategorized | Tagged | Leave a comment