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).