Pages

Sunday, August 29, 2021

Office Ui Fabric Pivot control Overflow issue in SPFx

Problem

office-ui-fabric-react is recommended to use with SharePoint Framework. 

https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/use-fabric-react-components

With the Office UI Fabric React there is a overflow issue in Pivot. The overflow doesn't work as expected. 



Solution
  • Install @fluentui/react-tabs 
    • npm -i @fluentui/react-tabs
  • Import the package to your React component 
    • import { Pivot, PivotItem } from '@fluentui/react-tabs';
  • Add overflow code to the Pivot 
    • overflowBehavior="menu"

Conclusion 





Friday, August 27, 2021

SharePoint Framework (SPFx) starting points

 Introduction

In this blog post we will look at some basic SPFx ideas for a easy start on SPFx. These points can be changed according to the individual and I'm sharing these points based only on my own experience.