Implement Custom SuiteBarBranding Delegate Control in SharePoint 2013

Custom SuiteBarBranding Delegate Control sharepoint 2013.png

In this article we will see how to implement 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 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:

Read some SharePoint 2013 tutorials below:

SuiteBarBrandingDelegate Control will look as follows in SharePoint Page.

Header before

Custom SuiteBarBranding Delegate Control
Custom SuiteBarBranding Delegate Control

Step-1:
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 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”

Custom SuiteBarBranding Delegate Control
Custom SuiteBarBranding Delegate Control

Now Our Solution Explorer looks as follows.

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

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


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

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.

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

Step-7:
Click on elements.xml file paste the below code snippet inside the elements 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:
Final step is build and deploy then the SharePoint text will be over ride with the Text of the portal.
The final Outcome will be look as follows:

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

Hope this will be helpful.


You May Also like the Following SharePoint Online Tutorials:

About Sagar Pardeshi

I am Developer working on Microsoft Technologies for the past 6+years. I am very much passionate about programming and my core skills are SharePoint, ASP.NET & C#,Jquery,Javascript,REST. I am running this blog to share my experience & learning with the community I am an MCP, MCTS .NET & Sharepoint 2010, MCPD Sharepoint 2010, and MCSD HTML 5,Sharepoint 2013 Core Solutions. I am currently working on Sharepoint 2010, MOSS 2007, Sharepoint 2013,Sharepoint 2013 App Dev, C#, ASP.NET, and SQL Server 2008.

View all posts by Sagar Pardeshi →

Leave a Reply