Back to Devexpress

Headline Elements

aspnet-3636-components-data-and-image-navigation-headline-visual-elements.md

latest6.0 KB
Original Source

Headline Elements

  • Jul 28, 2021
  • 3 minutes to read

This topic describes the ASPxHeadline elements visible on screen. Each section contains a screenshot and a brief overview of the element’s function. Additionally, each topic contains a list of settings that specify the element’s layout, content and appearance.

The following visual elements are available:

Content

A Headline Content element displays the text that follows the header (the body of the headline).

The table below lists the main members that affect the element’s appearance and functionality:

CharacteristicsMembers
TextASPxHeadline.ContentText, ASPxHeadline.MaxLength
Hyperlink DisplayASPxHeadline.ShowContentAsLink
ToolTipASPxHeadline.ShowContentInToolTip
StyleASPxHeadline.ContentStyle

A Header contains a short description of the headline content.

The table below lists the main members that affect the element’s appearance and functionality:

CharacteristicsMembers
TextASPxHeadline.HeaderText
Hyperlink DisplayASPxHeadline.ShowHeaderAsLink
StyleASPxHeadline.HeaderStyle

Tail

A text element that is placed at the end of the headline content that indicates a link to the rest of the text. When a user clicks a headline tail, the application navigates to the specified location (ASPxHeadline.NavigateUrl).

The table below lists the main members that affect the element’s appearance and functionality:

CharacteristicsMembers
TextASPxHeadline.TailText
Navigate URLASPxHeadline.NavigateUrl
Position Relative to the TextASPxHeadline.TailPosition
StyleASPxHeadline.TailStyle

Tail Image

An optional element of the tail. You can use the Tail Image to emphasize the tail text, as a hyperlinked element to navigate the headline.

The table below lists the main members that affect the element’s appearance and functionality:

CharacteristicsMembers
ImageASPxHeadline.TailImage
Position Relative to the Tail TextASPxHeadline.TailImagePosition

Image

An Image element displays the image that accompanies the headline.

The table below lists the main members that affect the element’s appearance and functionality:

CharacteristicsMembers
ImageASPxHeadline.Image
Image PositionASPxHeadline.ImagePosition

Date

A Date element indicates the headline’s date. It can be displayed in different formats and layout positions.

The table below lists the main members that affect the element’s appearance and functionality:

CharacteristicsMembers
DateASPxHeadline.Date
FormatASPxHeadline.DateFormatString
Horizontal PositionASPxHeadline.DateHorizontalPosition
Vertical PositionASPxHeadline.DateVerticalPosition
StyleASPxHeadline.DateStyle

Left Panel

The left panel of the control. It is displayed if the headline’s image is aligned to the headline’s left or the ASPxHeadline.DateHorizontalPosition property is set to DateHorizontalPosition.OutsideLeft, when the headline’s date is specified.

The table below lists the main members that affect the element’s appearance and functionality:

CharacteristicsMembers
StyleASPxHeadline.LeftPanelStyle

Right Panel

The right panel of the control. It is displayed if the headline’s image is aligned to the headline’s right or the ASPxHeadline.DateHorizontalPosition property is set to DateHorizontalPosition.OutsideRight, when the headline’s date is specified.

The table below lists the main members that affect the element’s appearance and functionality:

CharacteristicsMembers
StyleASPxHeadline.RightPanelStyle