CardViewDataColumnHeaderFilterSettings.DateRangeCalendarSettings Property
Gets the settings of the header filter calendar.
Namespace: DevExpress.Web
Assembly: DevExpress.Web.v18.2.dll
Declaration
Property Value
| Type | Description |
|---|---|
| CardViewColumnDateRangeCalendarSettings | A CardViewColumnDateRangeCalendarSettings object containing the calendar settings. |
Property Paths
You can access this nested property as listed below:
Show 34 property paths
Remarks
When a column’s GridDataColumnHeaderFilterSettings.Mode property is set to DateRangeCalendar, the column header filter displays a calendar, allowing end-users to select the required date or period. Use the DateRangeCalendarSettings property to access and customize the calendar settings.
Online Demo
CardView - Date Range Header Filter
Example
<dx:ASPxCardView ID="ASPxCardView1" runat="server" AutoGenerateColumns="False" DataSourceID="SqlDataSource1" KeyFieldName="OrderID">
<Settings ShowHeaderPanel="True" />
<SettingsPopup>
<HeaderFilter Height="300px" Width="300px" />
</SettingsPopup>
<Columns>
<dx:CardViewTextColumn FieldName="OrderID" ReadOnly="True" Visible="False">
</dx:CardViewTextColumn>
<dx:CardViewTextColumn FieldName="CustomerID" VisibleIndex="0">
</dx:CardViewTextColumn>
<dx:CardViewDateColumn FieldName="OrderDate" VisibleIndex="1">
<Settings AllowHeaderFilter="True" />
<SettingsHeaderFilter Mode="DateRangeCalendar">
<DateRangeCalendarSettings HighlightToday="False" MaxDate="1997-01-01" MinDate="1994-01-01" ShowTodayButton="False" />
<DateRangePeriodsSettings ShowFuturePeriods="False" ShowPresentPeriods="False" ShowWeeksSection="False" ShowDaysSection="False"
ShowMonthsSection="False" ShowPastPeriods="False" ShowYearsSection="False" />
</SettingsHeaderFilter>
</dx:CardViewDateColumn>
<dx:CardViewDateColumn FieldName="RequiredDate" VisibleIndex="2">
</dx:CardViewDateColumn>
<dx:CardViewDateColumn FieldName="ShippedDate" VisibleIndex="3">
</dx:CardViewDateColumn>
<dx:CardViewTextColumn FieldName="ShipRegion" VisibleIndex="4">
</dx:CardViewTextColumn>
</Columns>
</dx:ASPxCardView>
See Also