DatePicker sample widget

Latest supported version: Sitefinity CMS 11.0.6700.0

Documentation articles: Tutorial: Create a date picker widget

Overview

The Date Picker sample projects contains a Forms widget with a custom widget designer. The user can drag and drop the DatePicker widget from the Forms toolbox and place the widget in a form. In the form, the widget defines a RadDatePicker that enables the user to choose a date. The custom widget designer of the form allows users to define a range that is automatically validated by the RadDatePicker built-in validation.

Using the Date Picker sample, you can:

• Create a DatePicker form widget
• Register the widget in Sitefinity CMS toolbox
• Create a custom widget designer to manage the range of the date
• Create a form and a page that displays the form from the code.

Prerequisites

• You must have a Sitefinity CMS license.
• Your setup must comply with the system requirements.
  For more information, see the System requirements for the respective Sitefinity CMS version.

Installation

1. Clone the sample repository.

2. Clear the NuGet cache files.
   a. Open the solution file in Visual Studio.
   b. In the toolbar, navigate to Tools >> NuGet Package Manager >> Package Manager Settings.
   c. In the left pane, navigate to NuGet Package Manager >> General.
   d. Click Clear All NuGet Cache(s).

3. Restore the NuGet packages in the solution.

   NOTE: The solution in this repository relies on NuGet packages with automatic package restore while the build procedure takes place.
   For a full list of the referenced packages and their versions see the packages.config file.
   For a history and additional information related to package versions on different releases of this repository, see the Releases page.

   a. Navigate to Tools >> NuGet Package Manager >> Package Manager Console.
   b. In Source, select Sitefinity CMS NuGet Repository.
   c. Click Restore button.

4. In Visual Studio's Solution Explorer, navigate to SitefinityWebApp >> App_Data >> Sitefinity >> Configuration and select the StartupConfig.config file.

5. Modify the dbType, sqlInstance, and dbName values to match your server settings.

6. Build the solution.

Login

1. In the context menu of SitefinityWebApp, click View >> View in Browser.
   After the project initializes, the License activation page appears.
2. Activate your license.
   For more information, see Activate a license.
3. Setup the project using procedure using procedure Setup the project.
4. To login into the Sitefinity CMS backend, use the credentials that you created or use:
   Username: admin
   Password: password

Additional resources

Progress Sitefinity CMS documentation: Develop: Use and extend Sitefinity CMS functionality