![](../gif/nul-s.gif)
![](../gif/nul-s.gif)
![](../gif/sps.gif)
Sharepoint Web Parts ![](../gif/gsquare.gif)
2019/SE Modern Web Parts ![](../gif/gsquare.gif)
Digital Clock Webpart ![](../gif/gsquare.gif)
Alerts Webpart ![](../gif/gsquare.gif)
Event Manager Webpart ![](../gif/gsquare.gif)
Sitemap Webpart ![](../gif/gsquare.gif)
Stock Chart Webpart ![](../gif/gsquare.gif)
Stock Quotes Webpart ![](../gif/gsquare.gif)
Dilbert Webpart ![](../gif/gsquare.gif)
Mega Menu Webpart ![](../gif/gsquare.gif)
Quote of the Day Webpart ![](../gif/gsquare.gif)
Webpart Tabs Webpart ![](../gif/gsquare.gif)
"Spotlight On.." Webpart ![](../gif/gsquare.gif)
"Tip of the Day" Webpart ![](../gif/gsquare.gif)
Lightbox Webpart ![](../gif/gsquare.gif)
Page HeaderSolution ![](../gif/gsquare.gif)
Tabs & Accordion Webpart ![](../gif/gsquare.gif)
Weather Webpart ![](../gif/gsquare.gif)
Slideshow Webpart ![](../gif/gsquare.gif)
Currency Rates Webpart ![](../gif/gsquare.gif)
Media Player Webpart ![](../gif/gsquare.gif)
YouTube Player Webpart ![](../gif/gsquare.gif)
Map Chart Webpart ![](../gif/gsquare.gif)
Org Chart Webpart ![](../gif/gsquare.gif)
Tiles Webpart ![](../gif/gsquare.gif)
Chart Webpart ![](../gif/gsquare.gif)
Google Chart Webpart ![](../gif/gsquare.gif)
Hero Webpart ![](../gif/gsquare.gif)
News Tiles Webpart ![](../gif/gsquare.gif)
Cafeteria Webpart ![](../gif/gsquare.gif)
RSS Feed Ticker Webpart ![](../gif/gsquare.gif)
SQL Viewer Webpart ![](../gif/gsquare.gif)
Google Map Webpart ![](../gif/gsquare.gif)
Quick Poll Webpart ![](../gif/gsquare.gif)
Quick Survey Webpart ![](../gif/gsquare.gif)
Audio Player Webpart ![](../gif/gsquare.gif)
Geo Mapper Webpart ![](../gif/gsquare.gif)
SQL Chart Webpart ![](../gif/gsquare.gif)
Exchange Calendar Webpart ![](../gif/gsquare.gif)
Exchange Events Webpart ![](../gif/gsquare.gif)
Call to Action Webpart ![](../gif/gsquare.gif)
Quick Links Webpart ![](../gif/gsquare.gif)
Filter Webpart ![](../gif/gsquare.gif)
Image Rotator Webpart ![](../gif/gsquare.gif)
Navigator Webpart ![](../gif/gsquare.gif)
KPI Webpart ![](../gif/gsquare.gif)
Page Hits Webpart ![](../gif/gsquare.gif)
Picture Menu Webpart ![](../gif/gsquare.gif)
Timer Webpart ![](../gif/gsquare.gif)
Podcast Webpart ![](../gif/gsquare.gif)
SQL Bullet Graph Webpart ![](../gif/gsquare.gif)
User Spotlight Webpart ![](../gif/gsquare.gif)
List View Webpart ![](../gif/gsquare.gif)
Staff Directory Webpart ![](../gif/gsquare.gif)
Birthday Reminder Webpart ![](../gif/gsquare.gif)
News Carousel Webpart ![](../gif/gsquare.gif)
Team Members Webpart ![](../gif/gsquare.gif)
Christmas Webpart ![](../gif/gsquare.gif)
Classifieds Webpart ![](../gif/gsquare.gif)
Image Menu Carousel Webpart ![](../gif/gsquare.gif)
Timeline Webpart ![](../gif/gsquare.gif)
Banner Rotator Webpart ![](../gif/gsquare.gif)
AZ Index Webpart ![](../gif/gsquare.gif)
Blog Roll Up Webpart ![](../gif/gsquare.gif)
Discussion Roll Up Webpart ![](../gif/gsquare.gif)
Document Roll Up Webpart ![](../gif/gsquare.gif)
News Roll Up Webpart ![](../gif/gsquare.gif)
Task Roll Up Webpart ![](../gif/gsquare.gif)
Calendar Roll Up Webpart ![](../gif/gsquare.gif)
Quick Form Webpart ![](../gif/gsquare.gif)
Twitter Webpart ![](../gif/gsquare.gif)
Upcoming Events Webpart ![](../gif/gsquare.gif)
Welcome Webpart ![](../gif/gsquare.gif)
Color Calendar Webpart ![](../gif/gsquare.gif)
Image Carousel Webpart ![](../gif/gsquare.gif)
Metro Grid Webpart ![](../gif/gsquare.gif)
Goal Thermometer Webpart ![](../gif/gsquare.gif)
Swipe Gallery Webpart ![](../gif/gsquare.gif)
List Items Webpart ![](../gif/gsquare.gif)
List Rotator Webpart ![](../gif/gsquare.gif)
List Search Webpart ![](../gif/gsquare.gif)
Bullet Graph Webpart ![](../gif/gsquare.gif)
Accordion & Tabs Bundle ![](../gif/gsquare.gif)
Accordion List Webpart ![](../gif/gsquare.gif)
Tabs List Webpart ![](../gif/gsquare.gif)
Microblog/Chat Webpart ![](../gif/gsquare.gif)
Toast Notifications ![](../gif/gsquare.gif)
Vacation Planner Webpart ![](../gif/gsquare.gif)
Multilevel Tile Webpart ![](../gif/gsquare.gif)
Inspired Tiles Webpart ![](../gif/gsquare.gif)
Facebook Timeline Webpart ![](../gif/gsquare.gif)
File Explorer Webpart ![](../gif/gsquare.gif)
Zip Creator ![](../gif/gsquare.gif)
AEWebparts ![](../gif/gsquare.gif)
Web Part Bundle ![](../gif/gsquare.gif)
Web Parts by Category ![](../gif/gsquare.gif)
|
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.
![](/pic/appli/listitemscardexample.gif)
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). |
|
© 2024 AMREIN ENGINEERING AG
|
We have found quite a few of the Amrein Engineering webparts to be very accessible for people with disabilities, which is a critical factor for us. As well, the staff at Amrein have been very helpful and extremely responsive when we have needed minor changes for accessibility. Well done! ![](/gif/rdq32-white.png) Vicki Mains, CNIB
This web part is available for: | SharePoint 2010 | ![](../gif/check.gif) | SharePoint 2013 | ![](../gif/check.gif) | SharePoint 2016 | ![](../gif/check.gif) | SharePoint 2019 | ![](../gif/check.gif) | SharePoint SE | ![](../gif/check.gif) | SharePoint 2019 'modern' | ![](../gif/check.gif) | SharePoint SE 'modern' | ![](../gif/check.gif) | Office 365 | |
|