Microsoft Sharepoint Web Parts
List Items SharePoint Web Part
- download the List Items Web Part Installation Instructions (PDF file, see above)
- either install the web part manually or deploy the feature to your server/farm as described in the instructions.
- Configure the following Web Part properties in the Web Part Editor "Miscellaneous" pane section as needed:
- Site Name: Enter the name of the site that contains the List or Library:
- leave this field empty if the List is in the current site (eg. the Web Part is placed in the same site) - enter a "/" character if the List is contained in the top site - enter a relative path if the List in in a subsite of the current site (eg. in the form of "current site/subsite") - or enter the URL of the site containing the list
- List Name: Enter the name of the desired Sharepoint List or Library
Example: Project Documents
- View Name: Optionally enter the desired List View of the list specified above.
A List View allows you to specify specific data filtering and sorting. Leave this field empty if you want to use the List default view.
- Group By: enter an optional list column name to group the rows by the specified column.
- Nbr. of List items: enter the max. number of items to be displayed.
- Items per page: the List Items web part supports paging and lets you specify the desired number of rows per page.
Enter "0" to display all the rows returned.
- Header Text: enter an optional header text. Please note that you can embed HTML tags if needed.
- Template Type: choose one of the below preconfigured template types:
- Custom - List - Cards - Tiles - Accordion - Bullets - Table
- Field Template:enter the List columns to be displayed (separated by semicolons).
Enter the column reference tokens enclosed in curly braces.

Example: <div style="float:left;margin:7px;width:200px;height:250px;background-image:url('SiteAssets/Backdrop.gif')"> <p style="text-align:center"> <img src="{Attachments}" style="border-radius:50%;height:72px;width:72px;margin-top:31px"> </p> <p style="margin-top:10px;text-align:center;color:gray"> {First Name} {Last Name}<br> {Title}<br> {Department}<br> {Cell Phone}<br> <a href=mailto:{Email>}[mail]</a> </p> </div>
- Item CSS Style: enter the optional CSS styles to be applied to the list items
- Footer Text: enter an optional footer text. Please note that you can embed HTML tags if needed.
- Web Part CSS Style: enter the optional CSS styles to be applied to the web part
- Search Box: enter one or more List columns (separated by semicolons) to allow for interactive searching.
Example: LastName;FirstName
Dropdown Filter: If you want to display a search filter as a dropdown combo, please enter it with a leading "@" character: LastName;FirstName;Department;@Office
Date Filter: You can set up a date search filter by prefixing the filter with an "#* character: #Date;
Date Range Filter: You can set up a date range search filter by adding the below comparison operators: #Date>=;#Date<
Friendly Search Box Labels: If you would like to display a “friendly label" instead of the default property name please append it to the User property, separated by the “|” pipe symbol. Example: WorkPhone|Office Phone;Office|Office Nbr
- Align Search Filters vertically: aligns the seach input boxes vertically to save horizontal space.
- AZ Index Column: enter an optional List column to display the AZ filter in the list header.
If an "!" character is appended to the property name, the "A" index will be forced when visiting the page. Example: LastName!
- Open Links in popup window: opens the links in a Sharepoint dialog window.
- Show 'Add New Item' Button: either show or suppress the "Add new item button" to let authorized users add new items to the list.
- Show Template Edit Button: displays the "Edit Template" button to authorized users to facilitate the configuration of the "Field Template" during the design phase.
- Options: enter any additional settings as needed.
- License Key: enter your Product License Key (as supplied after purchase of the license key).
Leave this field empty if you are using the free 30 day evaluation version. |
|
Please enter a comment below if you have problems with the installation, want to give feedback or have suggestions for improvements:
|
User Comments | Post a Comment |
Abbas 4/24/2022 11:33 | Hello Juerg Please teach me that 1- what is the difference between this web part and "detal view web part"? 2- How can we use this (or the detal view webpart) for displaying the information in a list item in a form with multiple colunms of combination of text, picture and attachments?
regards, Abbas | | Abbas 4/24/2022 11:43 | for example: in first row we need to display tha firstname, lastname, and the picture in the second row (line) we must show the student id, births day, phone number, and in the other lines some other information.
and finally , is it possible to print the selected form ?
thanks and ragards, Abbas | | Juerg 4/25/2022 12:54 | Abbas, the „List Items“ web part is designed to display multiple list items whereas the “Detail View” web part displays a single list item (selected via an URL parameter, a web part connection or an explicit list item ID). Both web parts use a freely configurable template to display the list item columns. The "Detail View" web part also allows to add a "print" button by embedding the "[print]" placeholder in the web part's field Template. |
|
© 2022 AMREIN ENGINEERING AG