Posts

Showing posts with the label Web Part

SharePoint Framework with the extension

Image
I tried to create SharePoint Framework with the extension provided by SharePoint PnP. It is very easy to create a SharePoint Framework Web Part in Visual Studio. Developer need to first fulfill the Pr-requisites Set up your Office 365 tenant Set up your development environment Install the extension in Visual Studio: Download the .vsix file from the repo Releases page or from the Visual Studio Extension Gallery Ensure Visual Studio is closed Double-click on the downloaded .vsix file Follow the installation prompts Restart Visual Studio when the installer has completed After installation of these pre-requisites , You will be ready to create new Web Part with SharePoint Framework. Here is simple steps to create a small web part: Open Visual Studio 2015 / 2017 & Create new project. Here you need to go to the SharePoint templates category and then select SPFx Web Part Project. You must provide sol

Web Part Branding

Image
Create css file "WebPartStyle.css" & upload in Style Library with below mentioned contents : .ms-wpTdSpace{ display:none; } .ms-WPHeader td:first-child {     background: url('g-03.png') no-repeat top right;     background: url('g-01.png') no-repeat top left;     margin: 0;     padding: 0px 0px 0px 20px;;     height: 20px;     display:inline; } .ms-WPHeaderTdMenu {     margin:0px 0px 0px 20px;     background: transparent url('g-02.png') scroll repeat-x right top !important;     border: 0; } .ms-WPTitle {    background: url('g-02.png') no-repeat top repeat-x !important; } .ms-WPTitle A { color:white !important; } .ms-WPHeaderTdSelection{     background: transparent url('g-03.png') scroll repeat-x right top !important; } /* border (title and border) */ .ms-rtestate-field table {     border-collapse: separate; } .ms-WPBorder {     border-top: none;     border-right: 1px #C0C0C0 solid;