Create Usercontrol for SharePoint 2013

Question

Hi
Can any one explain step by step process for developing and deploying a User control to a master page.
I did the following steps.
1.) Created a new solution using visual studio 2012
2.) Added a user control to the project and added some HTML page and deployed.
But I cant find any dll in GAC and reference in web.config.
Can any one explain the rest of the process.
Do I need to use design manager to create the snippet. If so can you explain How to create snippet using design manager ?

Answer 1

you start with a plain html page
SharePoint automatically converts it to a master page (or layout page)
You only edit the html page. SharePoint pushes your changes to the master page
Most of the SharePoint controls and web parts can be configured and added by copy + pasting snippets into your html
.NET server controls can also be placed on your page by using snippets.
But how to you add a custom control?
I created my branding with the Design Manager. I also have a Visual Studio 2012 solution with custom web parts and custom user controls.
After deploying the Visual Studio solution to my server I tried to add some of my custom user controls to the master page.  All attempts I made resulted in “Unknown server tag”
Defining your control.
1
<!--SPM:<%@ Register Src="~/_controltemplates/15/AmToPm.Client.Intranet/FeedbackControl.ascx" TagPrefix="uc1" TagName="FeedbackControl" %>-->
Putting your control on your page.
1
2
3
<!--CS: Start Create Snippets From Custom ASP.NET Markup Snippet-->
<!--SPM:<uc1:FeedbackControl runat="server" id="FeedbackControl" />-->
<!--CE: End Create Snippets From Custom ASP.NET Markup Snippet-->
The solution
The trick is easy. Instead of registering your control on top of the html together with all the default SharePoint controls. You need to put the @Register statement and your code together
1
2
3
4
<!--SPM:<%@ Register Src="~/_controltemplates/15/AmToPm.Client.Intranet/FeedbackControl.ascx" TagPrefix="uc1" TagName="FeedbackControl" %>-->
<!--CS: Start Create Snippets From Custom ASP.NET Markup Snippet-->
<!--SPM:<uc1:FeedbackControl runat="server" id="FeedbackControl" />-->
<!--CE: End Create Snippets From Custom ASP.NET Markup Snippet-->
So you do NOT place the @Register-statement before the DOCTYPE declaration. Embed it directly into your html page together with your snippet.
One other tip.
I had some problems / errors with defining multiple controls with the same tag prefix. If you have multiple controls on a page give them all a different TagPrefix and you will be fine.
Hi Naveen Thanks for your reply.
After deployment my user control is here 
C:\Program Files\Common Files\microsoft shared\Web Server Extensions\15\TEMPLATE\CONTROLTEMPLATES\testUsrControl
As you said I have placed the following snippet in my master page.
 <!--SPM:<%@ Register Src="~/_controltemplates/15/testUsrControl/UserControl1.ascx" TagPrefix="uc1" TagName="FeedbackControl" %>-->
<!--CS: Start Create Snippets From Custom ASP.NET Markup Snippet-->
<!--SPM:<uc1:FeedbackControl runat="server" id="FeedbackControl" />-->
<!--CE: End Create Snippets From Custom ASP.NET Markup Snippet-->
But it showing Error: Invalid SharePoint markup at line 153