DateEditTimeSectionProperties.TimeEditCellStyle Property
In This Article
Gets the style settings defining the date edit’s time edit cell appearance.
Namespace: DevExpress.Web
Assembly: DevExpress.Web.v24.2.dll
NuGet Package: DevExpress.Web
#Declaration
public DateEditTimeSectionCellStyle TimeEditCellStyle { get; }
#Property Value
Type | Description |
---|---|
Date |
A Date |
#Remarks
Use the TimeEditCellStyle property to access style settings that define the time section’s time edit cell appearance. You can control the time section visibility via the DateEditTimeSectionProperties.Visible property.
#Example
The example below demonstrates how you can customize the time section to allow end-users to specify time with seconds. For this purpose, the following properties are specified.
- The DateEditTimeSectionProperties.ShowSecondHand property is set to
true
to display the second hand on the clock. - The TimeEditProperties.EditFormatString property is set to “T” to format the time displayed within the time edit using the long time pattern.
- The AppearanceStyle.Paddings property is specified (via ASPxDateEdit.TimeSectionProperties.TimeEditCellStyle.Paddings) to fit the time edit size to its inner content.
The image below shows the result.
<dx:ASPxDateEdit ID="ASPxDateEdit1" runat="server">
<TimeSectionProperties ShowSecondHand="True" Visible="True">
<TimeEditProperties EditFormatString="T">
</TimeEditProperties>
<TimeEditCellStyle>
<Paddings PaddingLeft="20px" PaddingRight="20px" />
</TimeEditCellStyle>
</TimeSectionProperties>
</dx:ASPxDateEdit>
See Also