In many cases you may need to filter content items by the date and time when they are published. This tutorial demonstrates how to add a timespan selector in a widget's designer view.
The image below illustrates a timespan selector in the designer of the News widget:
DesignerView.YourView.json
JSON
DesignerView.<YourView>.json
scripts
designerview-<yourview>.js
.js
DesignerView.<YourView>.cshtml
To access the selected value, you use the sf-selected-item attribute. The value of the attribute is a scope property that you must add in your widgets controller:
sf-selected-item
Depending on your scenario, you can filter items by:
The returned value is an object of type timeSpanItem() with the following properties:
timeSpanItem()
periodType
Represents one of 3 possible scenarios:
fromDate
Date()
null
timeSpanValue
1
timeSpanInterval
weeks
displayText
Increase your Sitefinity skills by signing up for our free trainings. Get Sitefinity-certified at Progress Education Community to boost your credentials.
This free lesson teaches administrators, marketers, and other business professionals how to use the Integration hub service to create automated workflows between Sitefinity and other business systems.
This free lesson teaches administrators the basics about protecting yor Sitefinity instance and its sites from external threats. Configure HTTPS, SSL, allow lists for trusted sites, and cookie security, among others.
The free on-demand video course teaches developers how to use Sitefinity .NET Core and leverage its decoupled architecture and new way of coding against the platform.
To submit feedback, please update your cookie settings and allow the usage of Functional cookies.
Your feedback about this content is important