O365 (Century Internet) SharePoint's use list library to publish news

Objective

In the previous article, we briefly described how to personalize a SharePoint site for O365, and this article shows you how to use a SharePoint-brought list application to customize the column of a company news.

In the meantime, the main tool used is SharePoint Designer 2013, which is used for free download.

1, open our site, click on the top right corner pinion, click Add Application, such as:

2, choose a custom list, to save and edit our news, which is stored in our news content, such as:

3, fill in the name of the list, click Create, wait a moment;

4, enter the list we created, click on the list settings, modify the basic settings of the list;

5, we first enter the version control settings, such as:

6, according to our needs to open version control, in order to draft not be displayed, but also for the issue of publishing, convenient and quick to find the previous version and drafts, such as:

7, my settings such as, you can according to their own needs to set up, save resources can also set the number of versions;

8, then create the column, which is our field, such as:

9, the proposal to create a bar first English, then renamed Chinese practice, otherwise the Chinese will be encoded (such as "content" will be encoded as "_x5185__x5bb9_"), and then set not required, not displayed in the default view;

10, insert a few test documents, because the site is the demo use, from the north on the Internet excerpts from a few news;

11, point in to see the news, this page we need to customize, the default is not too beautiful;

12, first on the home page to add "Company news" application, such as:

13. Edit the Web parts of this company news, such as:

14, the main is to select the view that meets our criteria, such as:

15, we manually create a view, for the first page display, such as:

16, check the view type (you do not necessarily follow the example of the view type, you can try more), such as:

17, fill in the View name and address, such as:

18, modify the default sorting, we choose to follow the modified time sorting, so that the latest display on the top;

19, check the filter conditions, we let the home page show that the approval status is approved (the approved status symbol is 0, the other 1 is rejected 2 is pending 3 for the draft) such as:

20, set the number of items displayed, the first page can not show too many items, such as:

21, remove the Single item check box, is the box that is checked before the list, such as:

22, again back to the home page, you can choose our view, such as:

23, the display is more normal, more in line with the style of the intranet, such as:

24, customize the list item Display page, here need designer, such as open and find the list location:

25. Double-click the Dispform page to open the page you want to edit, such as:

26, may enter the time, is locked in the editing mode, we need to click on the menu of Advanced mode for editing;

27, INSERT, insert a company news Dispform page, such as:

28, find the page below the HTML to modify, such as:

29, modified HTML, such as:

<TableBorder= "0"cellspacing= "0"width= "100%">    <TR>        <TDstyle= "Font-size:20px;font-weight:bold">            <xsl:value-ofSelect= "@Title"/>        </TD>    </TR>    <TR>        <TDstyle= "font-size:12px;padding-top:20px;">created by:<xsl:value-ofdisable-output-escaping= "Yes"Select= "@Author"/>Creation time:<xsl:value-ofdisable-output-escaping= "Yes"Select= "@Created"/>            <HR/>        </TD>    </TR>    <TR>        <TD>            <xsl:value-ofdisable-output-escaping= "Yes"Select= "@NewsContent"/>        </TD>    </TR>    <xsl:ifTest= "$dvt _1_automode = ' 1 '"Ddwrt:cf_ignore= "1">        <TR>            <TDcolspan= " the"class= "Ms-vb">                <spanDdwrt:amkeyfield= "ID"Ddwrt:amkeyvalue= "Ddwrt:escapedelims (string (@ID))"Ddwrt:ammode= "View"></span>            </TD>        </TR>    </xsl:if></Table>

　　30, preview the effect of our changes, is it better to look at it? Such as:

31, we will find that regardless of click on the item, will show the ID 1 of the item, so also to customize the filter, such as:

32. Field Name Select Id,value New variable, such as:

33, the parameter name input ID, the parameter source input query string, the variable also enters the ID;

It means that the parameter ID on the URL makes the query string and passes it to our form;

34, the ID of our field is equal to the value of the ID of the query string on the URL, display, such as:

35, delete the original location site source WebPart, otherwise not very coordinated, such as:

36, to this point, the first page to add the company news column has been completed, interested people to try it yourself, such as:

Summarize

The advantage of SharePoint online is that it's easy to use and quick to customize, and a little column is just half an hour long, and of course, this ability also needs to accumulate, but, really good use of OH.

Well, this time the article is introduced here, rest. Take a break.

O365 (Century Internet) SharePoint's use list library to publish news