WebEssentials

WebCalendar

  • Media Gallery

WebCalendar

Maximum Viewing Versatility

The WebCalendar ViewMode property lets you choose between three views: Month, Quarter, and Year. In Month view, all dates, days, and week numbers for the current month are displayed. In Quarter view, all 12 months are shown, and clicking a month selects the entire quarter containing that month. In Year view, WebCalendar displays a range of years.

Maximum Viewing Versatility

Diverse Date Highlighting

Four date range highlight modes are available in Month View: Month, Week, Day, and Custom. In Month mode, selecting a date highlights all dates within the current month. In Week mode, selecting a date highlights the entire week. Day mode highlights only the selected day. For more advanced selection requirements, use Custom mode to define your own date range highlight rule.

  • Live Demo
Diverse Date Highlighting

A Week Is Whatever You Want It To Be

When the highlight mode is Week, the WorkViewMode property can be used to control the number of days in a week that will be highlighted. Setting it to Full Week will highlight all days (from Monday to Sunday), while Work Week will highlight working days as specified by the WorkWeekSettings property, which defaults to Monday through Friday.

A Week Is Whatever You Want It To Be

Time Travel Made Easy

The clean, crisp styling of the WebCalendar provides an intuitive interface that enables users to quickly move between months and years. A complete date navigation system, the back and forward buttons navigate according to the current view mode. When Month view is active, the View Mode can be toggled between Day, Month, and Year by clicking on the calendar header.

Time Travel Made Easy

Make Your Own Holidays

The unique WebCalendar Holiday feature lets you define your own holidays with the Holiday Collection Editor. The holiday text color can be set through the HolidayStyle property, and an informative tooltip displays a brief description when a user hovers over the holiday.

  • Live Demo
Lavishly Predefined Themes

A World-Wide WebCalendar

Extend the reach of your web application to international users in all locales. The extensive localization library in WebCalendar lets you set the most appropriate culture for your audience no matter where in the world they are.

  • Live Demo
The API That Puts You in Charge

All the Calendars You’ll Ever Need

With WebCalendar, you can display as many individual calendars as you like, in whatever layout you want. Use the NumberOfCalendarDisplayed property to set the total number displayed, and the CalendarItemWidth property to control the number of calendars per row. For example, to display 6 calendars in 2 rows of 3 each, set NumberOfCalendarDisplayed to 6, and CalendarItemWidth to 1/3 the width of the container – and let WebCalendar do the rest.

All the Calendars You’ll Ever Need

Incomparable Keyboard Support

The solid keyboard support in WebCalendar treats your users to an effortless date navigation experience. Easily controlled through the EnableKeyboardSupport property, it allows users to move between months and dates with the arrow keys, select dates with the Enter key, and cycle through available views (Day, Month, and Year) with the Spacebar.

  • Live Demo
Incomparable Keyboard Support

Multiple Selections

Use the EnableMultipleSelection property to let your users quickly select multiple dates and date ranges with using mouse, keyboard, or both. Make sure that EnableKeyboardSupport is also active to unleash the full power of calendar date selection.

  • Live Demo
All the Calendars You’ll Ever Need

An Abundance of Style

WebCalendar offers four predefined styles: the sleek black and blue themes of Outlook 2007, a soothing olive green, and the ultra-modern Windows 7. Use the DefaultStyleMode property to switch between them, or use WebStyleManager to create your own.

  • Live Demo
An Abundance of Style

The API That Puts You in Charge

The client-side framework of WebCalendar provides a consistent object model that supports both server-side and client-side development. A comprehensive client-side API puts you in complete control of runtime behavior. Easily set a date, move a day, navigate between months, and much, much more. Client-side events give you the power to craft customized programmatic responses to a variety of user actions.

  • Live Demo
The API That Puts You in Charge

Powerful AutoPostBack

When the OnSelectedDateChanged server-side event is specified, postback will occur whenever SelectedDate (or SelectedDates when there are multiple values) is changed. WebCalendar offers a choice of two postback modes, FullPostBack and FlyPostBack (AJAX) that you can use to implement custom business logic.

Complete XHTML Compliance

WebCalendar is designed to fully comply with the W3C XHTML standard, providing pixel-perfect rendering in all XHTML-ready browsers.

Close window
back back back forwardforwardforward
Browse other components