Friday, June 6, 2014

Add attachment field to Post list in SharePoint 2013 blog site

In this post we will discuss how we can add attachment field to Post list in SharePoint 2013 blog site. Before proceeding you can check out this article to know more about how to create a blog site in SharePoint 2013.

Also you can check out:

- How to Get Current Logged in User and Display Name using SharePoint 2013 REST API?

- SharePoint 2013 architecture tutorial

- SharePoint 2013 JavaScript Client Object Model Example

1. Open your site and Click on manage post from right side from home page.


2. Click on List tab from ribbon and then expand form web part, Now click on the default new form as shown in the fig below.


3. It show the page in add mode. Here click on the Add webpart, then it will show the page to add webpart. From the categories, choose media content and then choose content editor webpart and click add as shown in the fig below:


4. Now your content eitor webpart is added. Click inside the webpart and from the ribbon choose edit source. Then add the following code to the edit source dialog box and click ok.

<div>
  <a title="Attach File" class="ms-toolbar" accesskey="I" onclick="javascript:UploadAttachment();" href="javascript:UploadAttachment()">
     <img width="16" height="16" align="absMiddle" alt="Attach File" src="/_layouts/images/attachtb.gif" style="border-width: 0px;"/> </a>
  <a id="ctl00_m_g_7df5d998_1390_4e67_8fc4_2da066cbcf7d_ctl00_ctl01_ctl00_toolBarTbl_RptControls_diidIOAttach{generate-id()}" href="javascript:UploadAttachment()" style="visibility: hidden;"> </a>
  <a class="ms-toolbar" id="ctl00_m_g_7df5d998_1390_4e67_8fc4_2da066cbcf7d_ctl00_ctl01_ctl00_toolBarTbl_RptControls_diidIOAttach_LinkText" accesskey="I" onclick="javascript:UploadAttachment();" href="javascript:UploadAttachment()">Attach File</a> </div>


5. Now click on the page tab and click on stop editing page from ribbon.

6. Now see the effect as one attachment control is added to the new form as shown in the fig below:



Create site column in SharePoint 2013

In this post we will disucss how we can create a site column in SharePoint 2013. Also you can check out:

- Prevent new sites to be added to content databases in SharePoint 2013

- Prevent new sites to be added to content databases in SharePoint 2013

- Save site as template in SharePoint 2013

Follow below steps to create site column in SharePoint 2013:

1. Go to your site and click on site settings.

2. Click on site columns under "Web Designer Galleries".


3. Click on Create from the top to create site column as shown in the fig below:


4. Then in the Create Column page, provide the column name and then chose column type.


5. In the group section choose existing group if you want to add the column to an existing group else choose New group and provide the group name.


6. Click on ok and your site column is ready to use.

7. Now you can check in the Site Columns page, it will show the custom site column which we create now like below. (Site Settings -> Go to Site columns under Web Designer Galleries)



Create blog site in SharePoint 2013

In this post we will discuss the steps to create a blog site in SharePoint 2013 inside a SharePoint site.

Also you can check out:

- Remote event receivers in SharePoint 2013

- Create Apps using Office 365 development tools Napa

- Disable mobile page redirection in SharePoint 2013

Follow below steps:
1. Open your SharePoint site, then click on site contents.

2. Now click on "new subsite".


3. Now provide the Title, description and site name. Then From the template selection choose "Blog".


4. Set the permission as per your requirement. If you want the permission as parent site then choose 1st radio button else if you want unique permission then check 2nd radio button.

5. Now click on create and your blog site will be ready to use.



Thursday, June 5, 2014

Add Chart web part in SharePoint 2013

In this post we will discuss how can can add Chart web part in SharePoint 2013. Also you can check out some posts on:

- Working with Custom list in SharePoint 2013

- Package and Deploy workflow in SharePoint 2013 designer

- SharePoint 2013 designer workflow discontinued features

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. So while adding the web part you will not be able to see the Chat Web Part.

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.


Wednesday, June 4, 2014

Working with Custom list in SharePoint 2013

In this post we will discuss about working with custom list in SharePoint 2013. Also you can check out some of my posts on:

- Show Twitter feed in SharePoint 2013

- Package and Deploy workflow in SharePoint 2013 designer

- How to Get Current Logged in User and Display Name using SharePoint 2013 REST API?

Here we will discuss how to create a custom list, add a column to a list etc.

Follow below steps to add a custom list in SharePoint 2013.

Click on the Settings icon from the right corner of the page and then click on Add an app as shown in the fig below:


Then it will open the All Apps Page where it will display all the Apps. From there select the Custom List App as shown in the fig below:


This will open the Adding Custom List dialog box, there you can give a name as shown in the fig below.


Here you can also chose Advanced Options and then it will show the New page. There you can give the name and description and then click on Create as shown in the fig below.


This will create the list as shown in the fig below:


Then you can edit the list to edit this list as shown in the fig below:


To add a column to the list, click on the + icon and then select the data type as shown in the fig below:


Then you can put the name (EmployeeID) as shown in the fig below:


Then you can add a list item as show in the fig below


You can also add the item by clicking on the +new item link as shown in the fig below:


This will open the page where you can put the item details and click on Save to add the item to list.


If you want to edit individual list item then click on the ... then will open the sub menu, there click on Edit item.


If want to go to the List settings page, then click on the List tab and Settings as shown in the fig below as shown in the fig below:


Twitter Delicious Facebook Digg Favorites More