Microsoft Sharepoint Web Parts

List Items SharePoint Web Part

Video Cards Employee Cards Accordion FAQ The List Items Web Part reads the entries from a Sharepoint List or Library (located anywhere in the site collection or web application). It displays the selected fields using a freely configurable template with an optional interactive search filter. It can be used for Sharepoint 2010, Sharepoint 2013, Sharepoint 2016, Sharepoint 2019 and SharePoint Subscription Edition (both "classic" and "modern" pages). The following parameters can be configured: Sharepoint Site List Columns to be displayed Filtering, Grouping, Searching, Paging and Sorting of the items AZ Index freely configurable list item template SharePoint 2019/SE 'Modern' version » Product Price List Items Web Part for SP 2010/2013/2016 30 day Evaluation Version Free List Items Web Part for SP 2019 and SE 30 day Evaluation Version Free List Items Web Part License Key per Server License USD 250.00 Web Part Installation Instructions Web Part Installation Instructions (SP 2013/2016/2019/SE) Deployment Instructions for SP2019 and SE "modern" pages You can also send us a PO via e-mail to [email protected]

Installation Instructions:

1. download the List Items Web Part Installation Instructions (PDF file, see above) 
   
2. either install the web part manually or deploy the feature to your server/farm as described in the instructions.
   
3. 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. Carrie   12/12/2022 17:16  I have several number fields that I need to display. One I need to display as a percentage. And most of them are showing up with decimals I don't want. For instance "91" is displaying as "91.0000000000000" Is it possible to control the formatting of numbers in the List Item Web Part? Thank you so much! Juerg   12/12/2022 18:05  Carrie, you can format numbers to display a specific amount of decimal places by adding the below to the corresponding column(s) in the web part’s “Field Template” setting: 2 decimal places: SomeNumericColumn=N2 Zero decimal places: SomeNumericColumn=N0 Percentage (1 decimal place) SomeNumericColumn=P1 MO A.   12/23/2022 15:50  Hello Jureg, I am looking for a web part similar to the "Highlighted Content" web part, but want to control the fields that appear in the query string results. Will this web part do the trick. Mo Juerg   12/23/2022 18:01  MO, please note that the "List Item" web part only displays items contained in a Sharepoint list or library (as opposed to rolling up items from several different sources). Dan E   8/28/2024 14:51  I am looking for a way to show a list of the people assigned to the tasks of a list. Like Project Team members. I have installed this list items web part, and set up a view with only the AssignedTo field in it. But the results are a set of names on a line seperated by commas when there are multiple people on a task. Am I using the right web part for getting a unique list of all people included in any task as the assigned to item? And what if there are multiple people on the task? Thanks for having great web parts, we are using several others already. Dan E Juerg   8/29/2024 14:58  Dan, do I correctly understand that you would like to create a list of all users that have at least one task assigned to them in a particular task list (eg. independent of to which task and how many tasks) ? Remi   1/14/2025 09:57  Hello, Is it possible to setup one single search box for multiple fields/columns? If yes, how? Yaron   1/14/2025 12:01  Hi, Is there an option to set a container class rather than setting web part style css? In such a way I can refere the page to external css class with a well desgined css under the container I gave to amrein list items web part. and the sky is the limit !! Yaron Juerg   1/14/2025 13:12  Remi, yes, by defining a filter for a specific field and then another field to also be search using the below "Search Box" syntax: Title;$Body=[Title] Here both the "Title" and the "Body" fields are being searched. Juerg   1/14/2025 13:16  Yaron, the default CSS class for the List Items web part is "AELI". You also can assign a specific CSS class to individual web parts using the below "Options" setting: wpclass=SomeSpecificClassName which wraps the web part into a container using the ".SomeSpecificClassName" CSS class. Yaron   1/15/2025 16:06  Thanks for the wrapper class, this is wonderful !! Can you Please tell me about the grouping: I set a grouping field(option), and some of the items of category1 under category1 and some others of the same category in other row (2 items in onw row and 3 other in another row, all of them are of the same category) Something is wrong? Didn't we expected all of them to be under thier category together? Best Regards, Yaron Juerg   1/20/2025 17:04  Yaron, are you also sorting the list by your grouping field ? Yaron   3/30/2025 14:39  Hi, I am trying to display list of documents from a document library. What is the field I need to use so the user can click it and open the document (word, pdf, xls), what about situation that in the document library there is a link to document (content type) Juerg   3/31/2025 12:56  Yaron, you can link the „Title“ column to the document by using the below “Field Template” setting: {Title/doc} To use another column for linking please see the below example: <a href='{Encoded Absolute URL}' target=_blank>{Name}</a> The above example uses the “Name” column for the link.