How to Implement Custom SuiteBarBranding Delegate Control in SharePoint 2013/2016

This SharePoint 2013 tutorial explains, what is SuiteBarBranding Delegate Control in SharePoint? And how to implement SuiteBarBranding Delegate Control in SharePoint 2013/2016.

SuiteBarBranding Delegate Control in SharePoint

SuiteBarBrandingDelegate: This delegate care about top left site logo and text. Facilitates us to override the left-top corner text for the site. This text can only be replaced by Overriding SuiteBarBrandingDelegate Delegate Control with Custom Control Created using Visual Studio. Normally, there’s a text reading “SharePoint”. So we can replace it with the title of our own site:

Create SuiteBarBranding Delegate Control in SharePoint using Visual Studio

SuiteBarBrandingDelegate Control will look as follows in SharePoint Page.

Header before

sharepoint SuiteBarBranding Delegate Control
sharepoint SuiteBarBranding Delegate Control

Step-1:
Open visual studio and create One Empty SharePoint Project and Provide the Solution Name and Choose the Solution Path and Click on OK.

Step-2:
Deploy the Solution as Farm Solution. Provide the Url in the next Screen and validate the Connection.

Step-3:
Add New UserControl to the Project from the Templates and Provide the Name to it, In our case, it is “MyCustomSuiteBarBrandingDelegate”.

how to create custom SuiteBarBranding Delegate Control sharepoint 2013
how to create custom SuiteBarBranding Delegate Control sharepoint 2013

Now Our Solution Explorer looks as follows.

sharepoint SuiteBarBranding Delegate Control
sharepoint SuiteBarBranding Delegate Control

Step-4:
Now Open the “.ascx” of the User Control and paste the below code.

Custom SuiteBarBranding Delegate Control sharepoint 2016
Custom SuiteBarBranding Delegate Control sharepoint 2016

Step-5:
Code snippet for the ascx.cs file

Custom SuiteBarBranding Delegate Control sharepoint 2013
Custom SuiteBarBranding Delegate Control sharepoint 2013

Step-6:
Add Elements.xml file to the Solution, Provide the name and click on Add.

sharepoint 2013 SuiteBarBranding Delegate Control
sharepoint 2013 SuiteBarBranding Delegate Control

Step-7:
Click on elements.xml file paste the below code snippet inside the element’s tag

<?xml version="1.0″ encoding="utf-8″?>
<Elements xmlns="http://schemas.microsoft.com/sharepoint/">
<!– Adding DelegateControl reference to our custom SuiteBarBrandingDelegate Control –>
<Control ControlSrc="/_controltemplates/15/SuiteBarBrandingDelegate_Example\MyCustomSuiteBarBrandingDelegate.ascx"  Id="SuiteBarBrandingDelegate" Sequence="1″ />
</Elements>

Step-8:
The final step is to build and deploy and then the SharePoint text will be overridden with the Text of the portal.

The final Outcome will look as follows:

sharepoint 2016 SuiteBarBranding Delegate Control
sharepoint 2016 SuiteBarBranding Delegate Control

You may like following SharePoint customization tutorials:

Hope this SharePoint tutorial explained, what is SuiteBarBranding Delegate Control in SharePoint? And how to implement SuiteBarBranding Delegate Control in SharePoint 2013/2016.

Donwload Hub site pdf

Download SharePoint Online Tutorial PDF FREE!

Get update on Webinars, video tutorials, training courses etc.

>