Jean Paul's Blog

There are 2 types of People in the World, One who Likes SharePoint and..

    Advertisements
  • Microsoft MVP

  • MindCracker MVP

  • CodeProject MVP

  • eBook on SharePoint 2010

  • eBook on Design Patterns

  • eBook on Windows Azure

  • NLayers Framework @ CodePlex

  • MSDN Forums

  • .Net vs. Java

    Due to Public Demand
  • Advertisements

Posts Tagged ‘designer’

SharePoint 2010 – Starting Programming

Posted by Paul on May 25, 2012

In this article we can start with programming part of SharePoint 2010. Through programming we are able to get more control and flexibility over SharePoint. We can use Visual Studio to do the programming part with the support of SharePoint server side object model library.

Some of the advantages gained through programming SharePoint are:

· Server Object Model to Iterate over Lists and Libraries

· Content Type Creation

· Web Part Creation

· WorkFlow Creation

· Assembly Signing

· Business Data Connectivity Model Creation

· Site Definition Creation

· Automated Backup and Restore

Visual Studio

Here we are using Visual Studio 2010 to work with SharePoint 2010. You can use a 32 bit or 64 bit version of Visual Studio 2010.

Visual Studio 2010 Tools for SharePoint Development

After the Visual Studio 2010 is ready, you need to install the following component to start with:

· Visual Studio 2010 Tools for SharePoint

This tool helps with custom templates, automatic web part deployment to SharePoint server and other integration facilities.

Download

You can download the tool from the following link:

http://sharepointdevtools.codeplex.com/

According to the documentation the tool provides extensions to four core areas:

1. Environment

2. Exploration

3. Templates

4. Deployment

After installing the tool, start a New Project in Visual Studio and you will be able to see the following SharePoint project category:

clip_image002

For starting with select the Empty SharePoint Project template and click Ok button. The following site dialog box will be prompted.

clip_image004

Enter your site url, leave the other options as unchanged and click Finish button.

Now the Solution Explorer will look like below:

clip_image006

Try building the project and if the build succeeds your Visual Studio is ready for SharePoint 2010 development. We can explore the programming areas in the upcoming articles.

References

http://msdn.microsoft.com/en-us/magazine/ee309510.aspx

Summary

In this article we have explored the programming part of SharePoint 2010. Using Visual Studio we can gain control over the SharePoint sites and features. In the upcoming articles we can play around with the object model and features.

Advertisements

Posted in C#, SharePoint | Tagged: , , , | 2 Comments »

SharePoint 2010 – Starting Programming

Posted by Paul on May 25, 2012

In this article we can start with programming part of SharePoint 2010. Through programming we are able to get more control and flexibility over SharePoint. We can use Visual Studio to do the programming part with the support of SharePoint server side object model library.

Some of the advantages gained through programming SharePoint are:

· Server Object Model to Iterate over Lists and Libraries

· Content Type Creation

· Web Part Creation

· WorkFlow Creation

· Assembly Signing

· Business Data Connectivity Model Creation

· Site Definition Creation

· Automated Backup and Restore

Visual Studio

Here we are using Visual Studio 2010 to work with SharePoint 2010. You can use a 32 bit or 64 bit version of Visual Studio 2010.

Visual Studio 2010 Tools for SharePoint Development

After the Visual Studio 2010 is ready, you need to install the following component to start with:

· Visual Studio 2010 Tools for SharePoint

This tool helps with custom templates, automatic web part deployment to SharePoint server and other integration facilities.

Download

You can download the tool from the following link:

http://sharepointdevtools.codeplex.com/

According to the documentation the tool provides extensions to four core areas:

1. Environment

2. Exploration

3. Templates

4. Deployment

After installing the tool, start a New Project in Visual Studio and you will be able to see the following SharePoint project category:

clip_image002

For starting with select the Empty SharePoint Project template and click Ok button. The following site dialog box will be prompted.

clip_image004

Enter your site url, leave the other options as unchanged and click Finish button.

Now the Solution Explorer will look like below:

clip_image006

Try building the project and if the build succeeds your Visual Studio is ready for SharePoint 2010 development. We can explore the programming areas in the upcoming articles.

References

http://msdn.microsoft.com/en-us/magazine/ee309510.aspx

Summary

In this article we have explored the programming part of SharePoint 2010. Using Visual Studio we can gain control over the SharePoint sites and features. In the upcoming articles we can play around with the object model and features.

Posted in C#, SharePoint | Tagged: , , , | 2 Comments »

SharePoint 2010 – Creating a List Definition using SharePoint Designer

Posted by Paul on May 22, 2012

In this article we can experiment with List Definition creation using SharePoint Designer.

We can create List Definition using the following tools:

1. SharePoint

2. Visual Studio

3. SharePoint Designer

To proceed with run the SharePoint Designer application. Use the Open Site button to open the default SharePoint site. Now select the Lists and Libraries option from the left Navigation bar.

clip_image002

From the ribbon menu, use the Custom List button.

clip_image004

In the appearing dialog box enter the Name and Description for the List.

clip_image006

Click the OK button continue. The new List Definition will get added as shown below.

clip_image008

Now use the Edit Columns button from the ribbon menu.

clip_image010

You can see the default Title column already in the list. Add the following 2 columns using the Add New Column button from the ribbon menu.

clip_image012

· ContactName as Single line of Text

· Address as Multiple lines of Text

Now the Columns list look like below:

clip_image014

Click on the Save button from the Top menu.

clip_image016

Now you are ready with the new List Definition. Go back to SharePoint inside browser and you can see the new List there:

clip_image018

You can try adding a new item and the dialog window shows the columns we added.

clip_image020

Click the Save button and this concludes our List Definition creation using SharePoint Designer.

Summary

In this article we have experimented with List Definition creation using SharePoint Designer. Designer provides an easier way for Administrators.

Posted in C#, SharePoint | Tagged: , , , | Leave a Comment »

SharePoint 2010 – Creating a List Definition using SharePoint Designer

Posted by Paul on May 22, 2012

In this article we can experiment with List Definition creation using SharePoint Designer.

We can create List Definition using the following tools:

1. SharePoint

2. Visual Studio

3. SharePoint Designer

To proceed with run the SharePoint Designer application. Use the Open Site button to open the default SharePoint site. Now select the Lists and Libraries option from the left Navigation bar.

clip_image002

From the ribbon menu, use the Custom List button.

clip_image004

In the appearing dialog box enter the Name and Description for the List.

clip_image006

Click the OK button continue. The new List Definition will get added as shown below.

clip_image008

Now use the Edit Columns button from the ribbon menu.

clip_image010

You can see the default Title column already in the list. Add the following 2 columns using the Add New Column button from the ribbon menu.

clip_image012

· ContactName as Single line of Text

· Address as Multiple lines of Text

Now the Columns list look like below:

clip_image014

Click on the Save button from the Top menu.

clip_image016

Now you are ready with the new List Definition. Go back to SharePoint inside browser and you can see the new List there:

clip_image018

You can try adding a new item and the dialog window shows the columns we added.

clip_image020

Click the Save button and this concludes our List Definition creation using SharePoint Designer.

Summary

In this article we have experimented with List Definition creation using SharePoint Designer. Designer provides an easier way for Administrators.

Posted in C#, SharePoint | Tagged: , , , | Leave a Comment »

SharePoint Designer 2010

Posted by Paul on May 2, 2012

In this article we are going to explore SharePoint Designer. It is another great tool to work with SharePoint. It is a free tool and can be used for editing of items inside SharePoint.

Features

Some of the cool features of Designer are:

· It is Free

· WYSIWYG (What you see is what you get) Editor

· No Coding Required

· Useful for Administrators as well as Developers

· Workflow Creation

· Editing of Site, Styles Possible using Designer

· Branding

· Form Customizations

· Visio Integration

· InfoPath Forms Data Source Configuration

· Manage Site Permission, Site Columns etc.

· BCS (Business Connectivity Configuration)

· Create Content Types

· ASP.NET, XML, XSLT, RSS, XHTML support

· SOAP and REST support

· Administrator can restrict the use of Designer on sites

Version

The version compatible with SharePoint 2010 is SharePoint Designer 2010.

The previous version of designer was SharePoint 2007. The ancestor of SharePoint Designer is Microsoft FrontPage which was a web editor of the times.

Download Link

You can use the following links to download the 32bit and 64bit version of Designer 2010:

http://www.microsoft.com/download/en/details.aspx?id=16573

http://www.microsoft.com/download/en/details.aspx?id=24309

Enabling/Disabling Designer Features

To enable/disable the features of SharePoint Designer use the following item:

Site Actions > Site Settings > Site Collection Administration > SharePoint Designer Settings

clip_image002

You can change the following options on the above screen:

· Enable / Disable SharePoint Designer for the Site

· Enable / Disable detaching page from the site definition

· Enable / Disable customizing master pages

· Enable / Disable managing of web site url feature

Running SharePoint Designer

After the installation you can execute SharePoint Designer using the following link:

All Programs > SharePoint > Microsoft SharePoint Designer 2010

Following is the application snapshot on executing the above link:

clip_image004

Use the Open Site button and you will get the following dialog:

clip_image006

Enter the site url and click the Open button. Enter the credentials in the appearing dialog.

You will get the site opened in the main Designer window as shown below:

clip_image008

The left side pane shows various features of the site like:

· Lists and Libraries

· Workflows

· Site Pages

· Site Assets

We can select the item from the left pane and the properties are displayed on the right side.

Customizing Site Pages

Now we can try customizing an existing page using SharePoint Designer. For this create a new list named contacts in the site deriving from the Contacts template.

Refresh the site in the Designer using the button on left top system menu.

clip_image010

Now select the Lists and Libraries item from the left pane. You will be able to see list named contacts.

clip_image012

Click on the contacts item and you will get the properties of it.

clip_image014

You can see 3 forms on the Forms pane which are described below:

Form

Description

DispForm.aspx

Used to display the item details (View command)

EditForm.aspx

Used to edit the item details (Edit command)

NewForm.aspx

Used to add a new item (New command)

Now we can add a new page and apply the Display (View command) to it. Click on the New button from the Forms pane. Enter the following details in the appearing dialog.

clip_image016

Click the Ok button to continue. Now the new form gets added and acts as the default View form. You can try changing the color of the form labels, deleting some rows, adding a hyper link, custom formatting etc. After the changes click the Save button and you are ready to check the edited page inside SharePoint. (Use the Refresh button to get the controls)

Inside SharePoint site, add a new contact and use the View Item command for the newly added item. You can see the following screen:

clip_image018

Note

Please make sure that you are editing only the new custom form. Changing the SharePoint pages may create problems and hence not advisable to new users.

Editing Master Pages and CSS

We can also edit the Master Pages using the left side link Master Pages.

clip_image020

Click on the v4.master item and it will get opened as shown below. Use the Edit File option from the appearing page.

clip_image022

clip_image024

You can modify the control properties in the appearing window. There is an option on the bottom of Designer to switch to the Code View from the Design View.

clip_image026

Editing CSS (Cascading Style Sheets)

As you might be knowing the CSS files determines the font sizes, colors and various attributes. Use the Style > Manage Style option to get the CSS properties.

clip_image028

You can see the Manage Styles properties window in the right end bottom of the designer.

clip_image030

Right click on the item, and use the Edit Item menu item. There you can change the style of the particular item. Any changes will get reflected in the SharePoint site on saving.

Working with Controls

We can add / edit controls to the custom pages or master page. Use the Insert menu option to add controls. You can choose from HTML, ASP.NET, SharePoint controls as shown below:

clip_image032

References

http://community.bamboosolutions.com/blogs/sharepoint-2010/archive/2010/04/01/new-features-in-sharepoint-designer-2010.aspx

http://blogs.msdn.com/b/sharepointdesigner/

Summary

In this article we have explored about SharePoint Designer. The Page Customization, Master Page Editing facilities using the Designer were explored.

Posted in C#, SharePoint | Tagged: , , , | Leave a Comment »

SharePoint 2010 – Web Parts

Posted by Paul on May 2, 2012

Web Parts are rectangular areas of HTML content. We can provide information to the users using Web Parts. The history of Web Parts starts from year 2000 in the name Digital Dashboard. Later it evolved as Web Parts and includes support in SharePoint Designer and Visual Studio. We can use the existing web parts or build custom web parts for SharePoint.

SharePoint 2010 contains inbuilt web parts and provides custom web part integration facilities. Web Parts provides set of controls to display, modify, and configure the contents.

Example of Web Part

clip_image002

Adding a WebPart

For starting with open our site collection using the url.

clip_image004

We can start by adding an image WebPart to the main page. Click on the left top menu Site Actions > Edit Page option.

clip_image006

On the appearing screen below, click on the first Add a Web Part button.

clip_image008

The following options appears:

clip_image010

Select Media and Content from the first pane and Image Viewer from the second pane and click the Add button. Now the Web Parts gets added into the page.

clip_image012

Use the open the tool pane option and enter an image url inside it, then click the Apply button.

clip_image014

Now click the Stop Editiong button from the ribbon menu.

clip_image016

Now you are ready with the main page with an image as shown below.

clip_image018

Editing a Web Part

We can edit a web part by logging in as a user with permissions to edit and using the Edit Web Part option from the right side context menu of the web part.

clip_image020

Deleting a Web Part

To delete an existing Web Part, use the Edit Web Part option from the context menu.

clip_image022

Then use the Delete option again from the Web Part context menu.

clip_image024

Now the Web Part gets deleted.

Using List Web Parts

We can use List Web Parts to show the custom Lists made inside SharePoint. Use the Add web part option to locate the Lists and Libraries category as shown below:

clip_image026

There we can locate the custom List created inside SharePoint. The List Web Part allows us to add the List to other sites through web parts.

Silverlight Web Part

Another notable feature in SharePoint 2010 is the Silverlight web part. Using the Silverlight web part we can now host silverlight applications inside SharePoint. The XAP files needed to be located for the web part.

To add a silverlight web part use the Media and Content category from the Add Web Part dialog as shown below:

clip_image028

Web Part Galleries

The Web Part Gallery provides a view on the installed web parts for a site collection. You can access this window from Site Settings > Galleries > Web Parts.

clip_image030

On clicking the above link you can see the page as shown below:

clip_image032

We can create our custom web part and deploy it to the SharePoint server. These topics are discussed in advanced chapters. The web parts will be having extension .dwp expanding as Dashboard Web Part.

References

http://msdn.microsoft.com/en-us/library/microsoft.sharepoint.webpartpages.webpart.aspx

Summary

In this article we have explored the Web Part feature, Adding/Editing/Deleting Web Parts, Silverlight Web Part, Web Part Galleries etc.

The key points of web parts would be:

· A rectangular area of HTML content

· Flexible piece of Functionality

· Users can manage adding/deleting web parts

· Custom web part creation is possible

Posted in C#, SharePoint | Tagged: , , , | Leave a Comment »

SharePoint 2010 – Web Parts

Posted by Paul on May 2, 2012

Web Parts are rectangular areas of HTML content. We can provide information to the users using Web Parts. The history of Web Parts starts from year 2000 in the name Digital Dashboard. Later it evolved as Web Parts and includes support in SharePoint Designer and Visual Studio. We can use the existing web parts or build custom web parts for SharePoint.

SharePoint 2010 contains inbuilt web parts and provides custom web part integration facilities. Web Parts provides set of controls to display, modify, and configure the contents.

Example of Web Part

clip_image002

Adding a WebPart

For starting with open our site collection using the url.

clip_image004

We can start by adding an image WebPart to the main page. Click on the left top menu Site Actions > Edit Page option.

clip_image006

On the appearing screen below, click on the first Add a Web Part button.

clip_image008

The following options appears:

clip_image010

Select Media and Content from the first pane and Image Viewer from the second pane and click the Add button. Now the Web Parts gets added into the page.

clip_image012

Use the open the tool pane option and enter an image url inside it, then click the Apply button.

clip_image014

Now click the Stop Editiong button from the ribbon menu.

clip_image016

Now you are ready with the main page with an image as shown below.

clip_image018

Editing a Web Part

We can edit a web part by logging in as a user with permissions to edit and using the Edit Web Part option from the right side context menu of the web part.

clip_image020

Deleting a Web Part

To delete an existing Web Part, use the Edit Web Part option from the context menu.

clip_image022

Then use the Delete option again from the Web Part context menu.

clip_image024

Now the Web Part gets deleted.

Using List Web Parts

We can use List Web Parts to show the custom Lists made inside SharePoint. Use the Add web part option to locate the Lists and Libraries category as shown below:

clip_image026

There we can locate the custom List created inside SharePoint. The List Web Part allows us to add the List to other sites through web parts.

Silverlight Web Part

Another notable feature in SharePoint 2010 is the Silverlight web part. Using the Silverlight web part we can now host silverlight applications inside SharePoint. The XAP files needed to be located for the web part.

To add a silverlight web part use the Media and Content category from the Add Web Part dialog as shown below:

clip_image028

Web Part Galleries

The Web Part Gallery provides a view on the installed web parts for a site collection. You can access this window from Site Settings > Galleries > Web Parts.

clip_image030

On clicking the above link you can see the page as shown below:

clip_image032

We can create our custom web part and deploy it to the SharePoint server. These topics are discussed in advanced chapters. The web parts will be having extension .dwp expanding as Dashboard Web Part.

References

http://msdn.microsoft.com/en-us/library/microsoft.sharepoint.webpartpages.webpart.aspx

Summary

In this article we have explored the Web Part feature, Adding/Editing/Deleting Web Parts, Silverlight Web Part, Web Part Galleries etc.

The key points of web parts would be:

· A rectangular area of HTML content

· Flexible piece of Functionality

· Users can manage adding/deleting web parts

· Custom web part creation is possible

Posted in C#, SharePoint | Tagged: , , , | Leave a Comment »

SharePoint 2010 – Using Libraries

Posted by Paul on May 2, 2012

In this article we can focus on Libraries which are the document management repositories in SharePoint 2010. The previous article should have given a good overview of the Document Management features of SharePoint.

Creating a Library

Now we can create a library. A library represents a collection of documents. For example a Document library, PDF library etc.

Click on the Libraries item from the left pane.

clip_image002

You will get the following screen:

clip_image004

Click the Create button to get the following dialog.

clip_image006

Select the Library option from the left pane, then choose Document Library from the middle pane and enter the name on the right pane. Click the Create button to continue.

You will get the progress screen as shown below:

clip_image008

Now you are ready with the document library created:

clip_image010

Click the Add document button to start adding documents to the library.

clip_image012

Choose a document and click the Ok button. Your new file will be listed in the document library as shown below.

clip_image014

So this concludes our Library creation.

Deleting a Library

For deleting a particular library, the steps are similar to deleting a list. Open the library, click the Library Settings option and use the Delete the document library option as shown below.

clip_image016

Summary

In this article we have explored Libraries in SharePoint. There are many more templates to explore in the Library section.

Posted in C#, SharePoint | Tagged: , , , | Leave a Comment »

SharePoint 2010 – Using Libraries

Posted by Paul on May 2, 2012

In this article we can focus on Libraries which are the document management repositories in SharePoint 2010. The previous article should have given a good overview of the Document Management features of SharePoint.

Creating a Library

Now we can create a library. A library represents a collection of documents. For example a Document library, PDF library etc.

Click on the Libraries item from the left pane.

clip_image002

You will get the following screen:

clip_image004

Click the Create button to get the following dialog.

clip_image006

Select the Library option from the left pane, then choose Document Library from the middle pane and enter the name on the right pane. Click the Create button to continue.

You will get the progress screen as shown below:

clip_image008

Now you are ready with the document library created:

clip_image010

Click the Add document button to start adding documents to the library.

clip_image012

Choose a document and click the Ok button. Your new file will be listed in the document library as shown below.

clip_image014

So this concludes our Library creation.

Deleting a Library

For deleting a particular library, the steps are similar to deleting a list. Open the library, click the Library Settings option and use the Delete the document library option as shown below.

clip_image016

Summary

In this article we have explored Libraries in SharePoint. There are many more templates to explore in the Library section.

Posted in C#, SharePoint | Tagged: , , , | Leave a Comment »

TFS :: Programmatically get folder content

Posted by Paul on April 20, 2012

In this small article, I would like to show you how to get the contents of the folder from TFS server.

The post could be useful while creating deployment tools.

1. Create a new Console Application

2. Add references to following assemblies

Microsoft.TeamFoundation.Client;
Microsoft.TeamFoundation.VersionControl.Client;
You can get those from the references assembly or from folder 
C:\Program Files\Microsoft Visual Studio 10.0\Common7\IDE\ReferenceAssemblies\v2.0
3. Get the TFS server url 
Use Team Explorer to connect to a TFS server and use Properties window to the get the url.
image
4. Get the path to required folder
Get the folder path from Source Control Explorer
Eg: $/Projects/MyApplication
5. Use the following code to retrieve all folders
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using Microsoft.TeamFoundation.Client;
using Microsoft.TeamFoundation.VersionControl.Client;
 
namespace MyConsoleApp
{     class Program     {         static void Main(string[] args)         {             RegisteredProjectCollection server = RegisteredTfsConnections.GetProjectCollection(new Uri("URLHER"));             TfsTeamProjectCollection projects = TfsTeamProjectCollectionFactory.GetTeamProjectCollection(server);             VersionControlServer versionControl = (VersionControlServer)projects.GetService(typeof(VersionControlServer));             Workspace workspace = versionControl.CreateWorkspace(AppDomain.CurrentDomain.FriendlyName + "-installer", versionControl.AuthorizedUser);             WorkingFolder folder = new WorkingFolder("$PATH", "c:\\output");             workspace.CreateMapping(folder);             workspace.Get(); // Receive all the files             workspace.Delete();         }     }
}
6. Execute the application
Now you can see the c:\output folder to view the files.
image
var dzone_url = ‘https://jeanpaulva.wordpress.com/2012/04/20/tfs-programmatically-get-folder-content/’;var dzone_title = ‘TFS :: Programmatically get folder content’;var dzone_blurb = ‘TFS :: Programmatically get folder content’;var dzone_style = ‘2’;

Posted in C#, SharePoint | Tagged: , , | Leave a Comment »