Skip to main content
All docs
V24.1
Tab

CardViewCommandLayoutItem.ShowCancelButton Property

Specifies whether cards display the Cancel command button.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v24.1.dll

NuGet Package: DevExpress.Web

Declaration

[DefaultValue(false)]
public bool ShowCancelButton { get; set; }

Property Value

Type Default Description
Boolean false

true to display the Cancel command button; otherwise, false.

Remarks

Set the ShowCancelButton property to true to display the Cancel button within a card when the Gantt is in batch edit mode. Click the Cancel button to discard changes made to the card. You can handle the BatchEditCardChangesCanceling event to process this click and prevent the discard action.

You can also use the CancelButton property to customize the Cancel button’s image, style, and text.

The following example shows how to display the customized Cancel button within a card when a user edits card cells:

<dx:ASPxCardView ID="CardView" runat="server" DataSourceID="DemoDataSource1" KeyFieldName="ProductID" ...>
    <Columns>
        <!--...-->
    </Columns>
    <CardLayoutProperties>
        <Items>
            <dx:CardViewCommandLayoutItem ShowCancelButton="true" .../>
            <!--...-->
        </Items>
    </CardLayoutProperties>
    <SettingsCommandButton>
        <CancelButton Text="Cancel">
            <Styles>
                <Style Font-Size="X-Large" Font-Bold="true" />
            </Styles>
        </CancelButton>
    </SettingsCommandButton>>
    <SettingsEditing Mode="Batch" />
    <SettingsPager>
        <SettingsTableLayout ColumnCount="2" RowsPerPage="1" />
    </SettingsPager>
</dx:ASPxCardView>

ASPxCardView - ShowCancelButton Property

See Also