Using the My Site Organization Browser Web Part inside Non-My Site Application

People have liked the Organization Browser web part so much that they want the web part to be added to their companies main Portal web application. I too recently came across this interesting situation, wherein we were supposed to show the My Site Organization Browser web part inside our publishing site. It was a task that according to me was very small. Just add the Organization Browser web part from the Social Collaboration group (as shown in the figure below) in the webpage and you are sorted.

WebPartAdding

I started working on it. As mentioned, I just added the web part from the Social Collaboration group, and whoa!!!.. I was done. Wait……there was something wrong. The Silverlight web part did not show anything inside it. There was no rendering done. I tried to do a lot of tweaking, but to avail no success : (

I started searching for the solution over the internet, and noticed that I was not the only one facing the problem. Instead there were many with the same problem. Finally I got something that helped me resolve the issue. There are two approaches to resolve the issue. They are:

Solution 1:

The web part is available and functions as expected IF the Portal and My Sites are on the same web application. This implies that the My Site and the Portal should be configured on the same web application.

Solution 2:

Having the Portal and the My Site in the same web application is not a best practice approach. There are also the situations when the environments are entirely different. In such a scenario, when the Organization Browser is added on a page in the Portal web application, the web part is added properly, but it displays blank as shown below:

OrganizationBrowser

In order for the web part to function on the portal web application as it does on the My Sites, following are the steps to be followed:

Create a clientaccesspolicy.xml file. This file will contain the following lines on xml:

clientaccesspolicy

To follow the security best practices, limit this policy to allow access only to your portal web application.

2.Add this xml file inside the root of the virtual directories of both the portal web application and the My Sites web application. The virtual directories for the web sites are located within “C:inetpubwwwrootwssVirtualDirectories”

VirtualDirectory

After you are done adding the file to the root directories of both the applications, open the portal web application and you would see the Organization Browser web part functioning properly.

Advertisements

SharePoint 2010 – Out of box web parts

Out Of Box (OOB) Webparts
These are the basic in-built components in SharePoint for displaying and managing list data without the need of any custom development. Not all of them will be available depending upon the version of SharePoint installed.

List of OOB Webparts in SharePoint 2010
Following is the list of OOB webparts in SharePoint 2010 along with the category.

List and Libraries
Announcements – Use this list to track upcoming events, status updates or other team news
Calendar – Use the Calendar list to keep informed of upcoming meetings, deadlines, and other important events
Links – Use the Links list for links to Web pages that your team members will find interesting or useful
Shared Documents – Share a document with the team by adding it to this document library
Site Assets – Use this library to store files which are included on pages within this site, such as images on Wiki pages.
Site Pages – Use this library to create and store pages on this site
Tasks – Use the Tasks list to keep track of work that you or your team needs to complete
Team Discussions – Use the Team Discussion list to hold newsgroup-style discussions on topics relevant to your team

Business Data
Business Data Actions – Displays a list of actions from Business Data Connectivity
Business Data Connectivity Filter – Filters the contents of Web Parts using a list of values from the Business Data Connectivity
Business Data Item – Displays one item from a data source in Business Data Connectivity
Business Data Item Builder – Creates a Business Data item from parameters in the query string and provides it to other Web Parts
Business Data List – Displays a list of items from a data source in Business Data Connectivity
Business Data Related List – Displays a list of items related to one or more parent items from a data source in Business Data Connectivity
Chart Web Part – Helps you to visualize your data on SharePoint sites and portals
Excel Web Access – Use the Excel Web Access Web Part to interact with an Excel workbook as a Web page
Indicator Details – Displays the details of a single Status Indicator. Status Indicators display an important measure for an organization and may be obtained from other data sources including SharePoint lists, Excel workbooks, and SQL Server 2005 Analysis Services KPIs.
Status Lists – Shows a list of Status Indicators. Status Indicators display important measures for your organization, and show how your organization is performing with respect to your goals.
Visio Web Access – Enables viewing and refreshing of Visio Web Drawings

Content Rollup
Categories – Displays categories from the Site Directory
Content Query – Displays a dynamic view of content from your site
Relevant Documents – Displays documents that are relevant to the current user
RSS Viewer – Displays an RSS feed
Site Aggregator – Displays sites of your choice.
Sites In Category – Displays sites from the Site Directory within a specific category
Summary Links – Allows authors to create links that can be grouped and styled
Table Of Contents – Displays the navigation hierarchy of your site
Web Analytics web Part – Displays the most viewed content, most frequent search queries from a site, or most frequent search queries from a search center
WSRP Viewer – Displays portlets from web sites using WSRP 1.1
XML Viewer – Transforms XML data using XSL and shows the results

Filters
Choice Filter – Filters the contents of Web Parts using a list of values entered by the page author
Current User Filter – Filters the contents of Web Parts by using properties of the current user
Date Filter – Filter the contents of Web Parts by allowing users to enter or pick a date
Filter Actions – Use the Filter Actions Web Part when you have two or more filter Web Parts on one  Web Part Page, and you want to synchronize the display of the filter results
Page Field Filter – Filters the contents of Web Parts using information about the current page
Query String (URL) Filter – Filters the contents of Web Parts using values passed via the query string
SharePoint List Filter – Filters the contents of Web Parts by using a list of values
SQL Server Analysis Services Filter – Filters the contents of Web Parts using a list of values from SQL Server Analysis Services cubes
Text Filter – Filters the contents of Web Parts by allowing users to enter a text value

Forms
HTML Form Web Part – Connects simple form controls to other Web Parts
InfoPath Form Web Part – Use this Web Part to display an InfoPath browser-enabled form

Media and Content
Content Editor – Allows authors to enter rich text content
Image Viewer – Displays a specified image
Media Web Part – Use to embed media clips (video and audio) in a web page
Page Viewer – Displays another Web page on this Web page. The other Web page is presented in an IFrame
Picture Library Slideshow Web Part – Use to display a slideshow of images and photos from a picture library
Silverlight Web part – A web part to display a Silverlight application

Outlook Web App
My Calendar – Displays your calendar using Outlook Web Access for Microsoft Exchange Server 2003 or later
My Contacts – Displays your contacts using Outlook Web Access for Microsoft Exchange Server 2003 or later
My Inbox – Displays your inbox using Outlook Web Access for Microsoft Exchange Server 2003 or later
My Mail Folder – Displays your mail folder using Outlook Web Access for Microsoft Exchange Server 2000
My Tasks – Displays your tasks using Outlook Web Access for Microsoft Exchange Server 2003 or later

PerformancePoint
PerformancePoint Filter – This web part displays PerformancePoint filters. Filters may be linked to other web parts to provide an interactive dashboard experience. Filter types include lists and trees based on a variety of data sources
PerformancePoint Report – This web part displays PerformancePoint reports. Reports may be linked to other web parts to create an interactive dashboard experience. Report types include: Analytic charts & grids, Strategy Maps, Excel Services, Reporting Services, Predictive Trend charts, and web pages
PerformancePoint Scorecard – This web part displays a PerformancePoint scorecard. Scorecards may be linked to other web parts, such as filters and reports, to create an interactive dashboard experience.
PerformancePoint Stack Selector – This web part displays a PerformancePoint Stack Selector. All PerformancePoint web parts, such as filters and reports, contained in the same zone will be automatically stacked and selectable using this web part.

Search
Advanced Search Box – Displays parameterized search options based on properties and combinations of words.
Dual Chinese Search – Used to search Dual Chinese document and items at the same time.
Federated Results – Displays search results from a configured location
People Refinement Panel – This webpart helps the users to refine people search results
People Search Box – Presents a search box that allows users to search for people
People Search Core Results – Displays the people search results and the properties associated with them.
Refinement Panel – This webpart helps the users to refine search results
Related Queries – This webpart displays related queries to a user query
Search Action Link – Displays the search action links on the search results page
Search Best Bet – Displays high-confidence results on a search results page.
Search Box – Displays a search box that allows users to search for information.
Search Core Results – Displays the search results and the properties associated with them
Search Paging – Display links for navigating pages containing search results.
Search Statistics – Displays the search statistics such as the number of results shown on the current page, total number of results and time taken to perform the search.
Search Summary – Displays suggestions for current search query
Search Visual Best Bet – Displays Visual Best Bet
Top Federated Results – Displays the Top Federated result from the configured location

Social Collaboration
Contact Details – Displays details about a contact for this page or site.
Note Board – Enable users to leave short, publicly-viewable notes about this page.
Organization Browser – This Web Part displays each person in the reporting chain in an interactive view optimized for browsing organization charts.
Site Users – Use the Site Users Web Part to see a list of the site users and their online status.
Tag Cloud – Displays the most popular subjects being tagged inside your organization
User Tasks – Displays tasks that are assigned to the current user.
What’s New – This Web part shows new information from specified lists and libraries
Whereabouts – Use to display Whereabouts information.

Adding a OOB Webparts
For adding a OOB webpart to your SharePoint page you can follow the same steps mentioned in the “Adding a Webpart” section of Webpart Overiew Post.

Configure properties of the Search Box Web Part

When you create an Enterprise Search Center site collection as described in Create a Search Center site in SharePoint Server 2013, SharePoint 2013 creates a default search home page and a default search results page. In addition, several pages known as search verticals are also created. Search verticals are customized for searching specific content, such as People, Conversations, and Videos, and they display search results that are filtered and formatted for a specific content type or class.

The following pages are created in an Enterprise Search Center site collection:

  • default.aspx: the home page for the Search Center, and the page where end-users enter their queries.
  • results.aspx: the default search results page for the Search Center. It is also the search results page for the Everything search vertical.
  • peopleresults.aspx: the search results page for the People search vertical.
  • conversationresults.aspx: the search results page for the Conversations search vertical.
  • videoresults.aspx: the search results page for the Videos search vertical.
  • advanced.aspx: the search page where end-users can apply some restrictions to their search phrases — for example, limiting the search to an exact phrase.

These pages are located in the Pages library, and they contain Web Parts that you can customize to improve the end-user search experience. This article describes the Web Parts on these pages, and how you can configure the different Web Parts settings to improve how search results are displayed.

By default, the Web Parts on the search vertical pages (results.aspx, peopleresults.aspx, conversationresults.aspx, videoresults.aspx, advanced.aspx) are the same. However the query in the Search Results Web Part is configured differently for each search vertical page. For each search vertical page, the query in the Search Results Web Part is directed to a particular result source. This can be a result source that defines the search vertical or any result source that you want to direct queries to when you create a custom search vertical. For example, for the peopleresults.aspx search vertical page, the query in the Search Results Web Part is limited to the Local People Results (System) result source. For the videoresults.aspx search vertical page, the query in the Search Results Web Part is limited to the Local Video Results (System).

By default, the Search Box Web Part is used on the home page for the Search Center (default.aspx), and all search results pages (results.aspx, peopleresults.aspx, conversationresults.aspx, videoresults.aspx). By changing properties in the Search Box Web Part you can you can do the following:

  • Change the Web Part or page where the search results should be displayed — for example, a custom Search Results Web Part or a custom search results page.
  • Turn off query suggestions and people suggestions. For more information about query suggestions, see Manage query suggestions in SharePoint Server 2013
  • Display links to a search preference page and an advanced search page.
  • Change the display template that is applied to the Web Part.

To configure the properties of a Search Box Web Part      

  1. Verify that the user account that performs this procedure is a member of the Designers SharePoint group on the Enterprise Search Center site.
  2. On the Search Center site home page, click the Settings menu, and then click Edit Page.
  3. In the Web Part, click the Search Box Web Part Menu arrow, and then click Edit Web Part.
  4. In the Web Part tool pane, in the Properties for Search Box section, expand the Which search results page should queries be sent to section, and then do the following:
    • To display the settings that are defined on the Search Settings page, select the Use this site’s Search Settings check box.
    • To override the settings that are defined on the Search Settings page, clear the Use this site’s Search Settings check box, and then do the following:
      • To display search results in a Web Part on the page, in the section Send queries to other Web Parts on this page, select a Web Part.
      • Note:
        If there are no other Web Parts on a page, search results will be sent to the search results page as specified on the Search Settings page.
    • To send queries to a custom search results page, select Send queries to a custom results page URL, and then type the URL of the custom search results page.
    • Note:
      You can’t send queries to a custom search results page that uses a friendly URL.
  5. In the Web Part tool pane, in the Properties for Search Box section, expand the Query Suggestions section, and then do the following:
    • To disable query suggestions, clear the Show suggestions check box.
    • To specify additional properties for query suggestions, change the values in the following fields:
      • Number of query suggestions: How many query suggestions to display.
      • Minimum number of characters: How many characters the user must type before query suggestions are displayed.
      • Suggestions delay (in milliseconds): How many milliseconds elapse before query suggestions are displayed.
      • Number of personal favorites: How many query suggestions are displayed to the user under the text Are you looking for these again? in the search results. These suggestions are based on search results that the user has clicked previously. To disable personal favorite results, clear the Show personal favorite results check box.
    • To turn on people name suggestions, select Show people name suggestions.
  6. In the Web Part tool pane, in the Properties for Search Box section, expand the Settings section, and then do the following:
    • To show a link to a search preference page, select Show preferences link.
    • To show a link to an advanced search page, select Show advanced link, and then in the Advanced search page URL box, type the URL of the advanced search page that you want to link to.
    • To apply another display template, in the Search box control Display Template list, select the display template that you want to apply to the Web Part.
    • Select the Make the search box have focus when the page is loaded check box to make it possible for users to immediately type a query in the search box when the page is loaded without first having to click the search box. By default, this is selected.

Configure properties of the Search Results Web Part in SharePoint Server 2013

Configure properties of the Refinement Web Part in SharePoint Server 2013

Configure properties of the Search Navigation Web Part in SharePoint Server 2013

chart web part sharepoint2013_12

Chart webpart SharePoint 2013

In this post we will discuss how to populate a chart web part from a SharePoint list. Here I am using chart web part in SharePoint 2013. Though Microsoft removed chart web part, you can check this work around to make chart web part available in SharePoint 2013.

Here I have a SharePoint list name as “Course” which has 5 columns and the data are like below:

chart web part sharepoint2013

chart web part sharepoint2013

Here I want to show a chart (bar) and want to see in Sharepoint 2013 how many trained, novice, intermediate and expert people. Similarly for SharePoint 2010, Asp.net and C#.Net skills.

For this first add a chart web part to the page (Edit Page -> INSERT -> Web Part). Once you will put the chart it will appear like below. Save the page.

chart web part sharepoint2013

chart web part sharepoint2013

After that click on Data & Appearance. Then select Connect Chart To Data as shown in the fig below:

Connect chart to webpart sharepoint2013

Connect chart to webpart sharepoint2013

In the next step select “Connect to a List” in the Choose a Data Source section. Then click on Next.

connect list chart webpart sharepoint2013

connect list chart webpart sharepoint2013

In the next step select the site and the list in the drop down.

In the next step it will show you the list and the data. Click Next.

The 4th Step Bind Chart to Data is an important step. Follow below instruction. Here

In the Series expand (click on +) Series Properties. Enter name, here I am putting based on my column names. It should be like below:

Series Name: Trained
Series Type: StackedColumn (From the drop down select the column).
Y Field: Trained (Select Trained Column from drop down)
X Field: Title (Remember this will be same for all series)

So it will appear like below:

series properties chart web part sharepoint2013

series properties chart web part sharepoint2013

Then click on the + icon near series like below:

series properties add chart webpart sharepoint2013_6

series properties add chart webpart sharepoint2013_6

Here also fill the series details like below:

Series Name: Novice
Series Type: StackedColumn (From the drop down select the column).
Y Field: Novice (Select Novice Column from drop down)
X Field: Title (Remember this will be same for all series).

So it will be appear like below:

series properties chart webpart sharepoint2013_7

series properties chart webpart sharepoint2013_7

Add all based on the columns. Here I added 4 for each columns (Trained, Novice, Intermediate and Expert).

Then click on Finish.

Now your chat will appear like below:

chart web part sharepoint2013_8

chart web part sharepoint2013_8

If you want to customize a bit like you want to show the count as well as a image in the top right corner follow below steps.

Here click on Data & Appearance, then click on Customize your chat.

Here select Stacked Column and click Next as shown in the fig below:

chart templates

chart templates

You can set the width and Height of the chart web part. then click on Next.

The next step is very important, if you want to Show Legend then you chose Show Legend.

chart web part sharepoint2013_10

chart web part sharepoint2013_10

You can go to the Axis and Gridlines tab and if you do not want the Major Grid lines then you can deselect “Show Major Grid Lines” for both X and Y axis.

If you want to show the Labels then you can select the Label and click on Finish.

chart web part sharepoint2013_11

chart web part sharepoint2013_11

Finally your chart will appear like below:

chart web part sharepoint2013_12

chart web part sharepoint2013_12

Chart web part in SharePoint 2013

Microsoft introduced Chart Web Part in SharePoint 2010. It is a very useful web part to work with for different scenarios. But as Microsoft removed some of the 2010 features in SharePoint 2013, Chart web part is also removed by Microsoft in SharePoint 2013.
But still you can add the chart web part in SharePoint 2013. Follow below steps.
Step-1:
Download this file and then unzip it.
Step-2:
Edit the page and then go to the INSERT tab and then there click on Web Part. Then click on Upload a Web Part and then browser the file that we have unziped in Step-1 and click on Upload as shown in the fig below:
Step-3:
Then the Chat web part will come in the web part list, select the web part and click on OK. It will appear in the page as shown in the fig below:
Hope it will be helpful to you.