Skip to main content
Tab

CardViewDataColumnHeaderFilterSettings.DateRangePeriodsSettings Property

Gets the settings of the header filter periods section.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v22.1.dll

Declaration

public CardViewColumnDateRangePeriodsSettings DateRangePeriodsSettings { get; }

Property Value

Type Description
CardViewColumnDateRangePeriodsSettings

A CardViewColumnDateRangePeriodsSettings object containing the section settings.

Property Paths

You can access this nested property as listed below:

Show 35 property paths
Library Object Type Path to DateRangePeriodsSettings
ASP.NET Bootstrap Controls BootstrapCardViewBinaryImageColumn
.SettingsHeaderFilter.DateRangePeriodsSettings
BootstrapCardViewButtonEditColumn
.SettingsHeaderFilter.DateRangePeriodsSettings
BootstrapCardViewCheckColumn
.SettingsHeaderFilter.DateRangePeriodsSettings
BootstrapCardViewColorEditColumn
.SettingsHeaderFilter.DateRangePeriodsSettings
BootstrapCardViewColumn
.SettingsHeaderFilter.DateRangePeriodsSettings
BootstrapCardViewComboBoxColumn
.SettingsHeaderFilter.DateRangePeriodsSettings
BootstrapCardViewDateColumn
.SettingsHeaderFilter.DateRangePeriodsSettings
BootstrapCardViewDropDownEditColumn
.SettingsHeaderFilter.DateRangePeriodsSettings
BootstrapCardViewEditColumn
.SettingsHeaderFilter.DateRangePeriodsSettings
BootstrapCardViewHyperLinkColumn
.SettingsHeaderFilter.DateRangePeriodsSettings
BootstrapCardViewImageColumn
.SettingsHeaderFilter.DateRangePeriodsSettings
BootstrapCardViewMemoColumn
.SettingsHeaderFilter.DateRangePeriodsSettings
BootstrapCardViewProgressBarColumn
.SettingsHeaderFilter.DateRangePeriodsSettings
BootstrapCardViewSpinEditColumn
.SettingsHeaderFilter.DateRangePeriodsSettings
BootstrapCardViewTagBoxColumn
.SettingsHeaderFilter.DateRangePeriodsSettings
BootstrapCardViewTextColumn
.SettingsHeaderFilter.DateRangePeriodsSettings
BootstrapCardViewTimeEditColumn
.SettingsHeaderFilter.DateRangePeriodsSettings
ASP.NET Web Forms Controls CardViewBinaryImageColumn
.SettingsHeaderFilter.DateRangePeriodsSettings
CardViewButtonEditColumn
.SettingsHeaderFilter.DateRangePeriodsSettings
CardViewCheckColumn
.SettingsHeaderFilter.DateRangePeriodsSettings
CardViewColorEditColumn
.SettingsHeaderFilter.DateRangePeriodsSettings
CardViewColumn
.SettingsHeaderFilter.DateRangePeriodsSettings
CardViewComboBoxColumn
.SettingsHeaderFilter.DateRangePeriodsSettings
CardViewDateColumn
.SettingsHeaderFilter.DateRangePeriodsSettings
CardViewDropDownEditColumn
.SettingsHeaderFilter.DateRangePeriodsSettings
CardViewEditColumn
.SettingsHeaderFilter.DateRangePeriodsSettings
CardViewHyperLinkColumn
.SettingsHeaderFilter.DateRangePeriodsSettings
CardViewImageColumn
.SettingsHeaderFilter.DateRangePeriodsSettings
CardViewMemoColumn
.SettingsHeaderFilter.DateRangePeriodsSettings
CardViewProgressBarColumn
.SettingsHeaderFilter.DateRangePeriodsSettings
CardViewSpinEditColumn
.SettingsHeaderFilter.DateRangePeriodsSettings
CardViewTextColumn
.SettingsHeaderFilter.DateRangePeriodsSettings
CardViewTimeEditColumn
.SettingsHeaderFilter.DateRangePeriodsSettings
CardViewTokenBoxColumn
.SettingsHeaderFilter.DateRangePeriodsSettings
ASP.NET MVC Extensions MVCxCardViewColumn
.SettingsHeaderFilter.DateRangePeriodsSettings

Remarks

The column header filter can display period items allowing end-users to select corresponding periods. Use the DateRangePeriodsSettings property to access and customize the period section settings.

DateRangeHeaderFilter_Periods

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