.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
Sign In
Win Surprise Gifts!!!

Top 5 Contributors of the Month
Sandeep Singh

Home >> Articles >> SharePoint >> Post New Resource Bookmark and Share   

 Subscribe to Articles

More on Web Parts in SharePoint 2010

Posted By:Jean Paul       Posted Date: November 25, 2012    Points: 200    Category: SharePoint    URL: http://www.dotnetspark.com  

In this article we will explore more features regarding Web Parts. The Images mapping is an essential feature and will take extra time in real world development scenarios if we does not grasp the feature.

SharePoint 2010 – More on Web Parts

In this article we can explore more features regarding Web Parts programming.

Images Mapped Folder

In real world scenario we need to locate an image file from the server web folder.  We can use the Server.MapPath() pointing to the root (~).  But this is not that easy with web parts as the web parts are not always deployed into the bin folder.  
(While development the web part assembly is not placed inside the inetpub folder)

We can deploy web part to Solution Gallery, Global Assembly Cache and the web application bin directory.  For simplicity we can use the Images Mapped Folder to place the image files needed by the web part.

Creating Image File Loading Project

Now we can create a web part and experiment the image loading functionality.  Create a new SharePoint > 2010 > Visual Web Part project.

Select the SharePoint default web site in the next dialog.

Create Images Mapped Folder

For adding image files we need to use a special mapped folder.  Right click on the project and use the SharePoint Images Mapped Folder from the Add menu.

Copy an Image File inside the Folder

Now create an image file and paste inside the folder.

Create Image control to load the Image File

Double click to open the VisualWebPart1UserControl.asx.

Now place a button and image control on the web part user control.  

On the button click event place the following code  :

  protected void Button1_Click(object sender, EventArgs e)
  Image1.ImageUrl = "/_layouts/images/ImageFileInWebPart/Jellyfish.jpg";

Please note that the url starts with _layouts folder.

Execute the Web Part

Now you can execute the web part and it will get deployed to the site.  Open a page in edit mode and use the Add Web Part option.  Locate our new web part and add it to the page.
Try playing with the button click and you will be getting the image file displayed as shown below:




In this article we have explored more features regarding Web Parts.  The Images mapping is an essential feature and will take extra time in real world development scenarios if we does not grasp the feature.  The source code attached contains the examples we discussed.

 Subscribe to Articles


Further Readings:


No response found. Be the first to respond this post

Post Comment

You must Sign In To post reply
Find More Articles on C#, ASP.Net, Vb.Net, SQL Server and more Here

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend