Implement Custom SuiteBarBranding Delegate Control In SharePoint 2013

Posted: December 22, 2015 in SharePoint2013

Introduction

In this article you will learn how to implement custom SuiteBarBranding Delegate Control in SharePoint 2013.

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 overridingSuiteBarBrandingDelegate 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:

SuiteBarBrandingDelegate Control will look as follows in SharePoint Page.

Header before

Header

Step 1: Create one empty SharePoint Project and provide the Solution Name and choose the Solution Path. Then click OK.

Step 2:
Deploy the Solution as Farm Solution. Provide the Url in next screen and validate the connection.

Step 3: Add New UserControl to the Project from the Templates and provide a Name to it. In our case it is “MyCustomSuiteBarBrandingDelegate

UserControl

Now our Solution Explorer looks as follows,

Solution Explorer

Step 4: Now open the “.ascx” of the User Control and paste the following code.

User Control

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

Code snippet

Step 6: Add Elements.xml file to the Solution, provide the name and click  Add.

Empty element

Step 7: Click on elements.xml file and paste the following code snippet inside the elements tag.

  1. <?xml version=“1.0” encoding=“utf-8”?>
  2. <Elements xmlns=http://schemas.microsoft.com/sharepoint/&#8221;>
  3.   <!– Adding DelegateControl reference to our custom SuiteBarBrandingDelegate Control –>
  4.   <Control ControlSrc=“/_controltemplates/15/SuiteBarBrandingDelegate_Example\MyCustomSuiteBarBrandingDelegate.ascx”
  5.            Id=“SuiteBarBrandingDelegate”
  6.            Sequence=“1” />
  7. </Elements>

Step 8: Final step is build and deploy then the SharePoint text will be overridden with the text of the portal.

The final outcome will be as in the following screenshot,

final Outcome

 

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s