Creating a first Visual Webpart for Sharepoint 2013

As compare to earlier version of SharePoint, development on sharepoint 2013 is charm. You just need to build your development environment and you are ready for development.

I used Visual Studio Ultimate Edition for this using C#. You need to install Visual Studio on a machine where SharePoint 2013 is installed so that you can start development. The resources available on Microsoft site are more then enough to kick start with the development.

Following are steps for creating a Hello World web part.

1. Open Visual Studio (as an administrator, other wise it will restart on step 4 ;) )
2. Click File -> New -> Project as shown below

3. Select Template under Visual C#-> Office/SharePoint -> SharePoint Solution

4. On the right pane select SharePoint 2013 - Visual Web Part
5. It will ask for share point site (If you need to create SharePoint site collection follow my post)
6. Validate site URL and select "Deploy as a farm solution"

7. As soon as you click finish it will create a project and coding fun starts
8. Select usercontrol (.ascx) file in solution explorer, right click and open in design view.
9. In my example I just add som static text an a button with a message.
10. After you are done just click on start button like any other web application and Visual Studio will deploy and open your webpart in debug mode.
11. Click Edit on home page to add your webpart on home page
12. From ribbon select Insert->WebPart
13. From categories on left select custom
14. Select your first webpart from "Parts"
15. click Add


 16 Your web part is added and you can interact with it. And nice thing is that you can use VS 2013 debugging capabilities to test and debug.


Comments

Post a Comment

Popular posts from this blog

Sharepoint 2007 Showing outlook Inbox using outlook active X control

Outlook provides active X interface for displaying out look inbox and simple object tag can be used to show emails from your outlook inbox. It will display your default inbox therefore can even show images that are stored at your pst file. You may also use this Active X control in Share point 2007 using content editor web part to display users emails but following disadvantages should be kept in mind. Security concerns as it is Active X control Different browser specific and deployment specific issues Look n feel will be different and cannot be branded Will not use Share point security but will show inbox based on outlook configuration e.g. of HTML is as follows. <OBJECT classid=CLSID:0006F063-0000-0000-C000-000000000046 id=ViewCtlFolder width="100%" height="430" Codebase="http://activex.microsoft.com/activex/controls/office/outlctlx.CAB#ver=9,0,0,3203">> <param name="Namespace" value="MAPI"> <param name="Folder&q
Read more

IIS Configuration Error Error: Cannot write configuration file due to insufficient permissions

While deploying my custom asp.net application I found it hard to browse through few asp.net pages. I tried to enable directory browsing feature to locate pages. Selecting enabled after clicking on directory browsing gaves me following error Error: Cannot write configuration file due to insufficient permissions Looking at above issue I thought that may be I need to start my IIS as an administrator so I closed my IIS and start IIS console again as an administrator but above error remain as is. I decided to go for some research over the internet and found an unbelievable solution. i.e. My web.conf file was readonly :D.
Read more

Grails - Introduction

I would like to give you a little introduction of grails in newbie term. If you have decided to start doing web development or learning web development in java then Grails is for sure an good candidate for you to pick and learn Grails provide the framework based on following 1. Hibernate - ORM layer 2. Groovy Server Pages - Presentation/Web layer 3. Spring - Controller layer Why I started to learn grails has a different reason ;) but would suggest techies to just have a look if you choose to go with Java Web Project and would like to reduce some development time
Read more