Show theme settings Shopping cart Download trialFree Trial
Change Theme Settings
Change Theme Settings
Show All Themes


Scientists describe 'secret of life'
Two Cambridge University scientists have published their answer to one of the most fundamental questions of biology - how… Details
Farewell to scientist who discovered penicillin
Sir Alexander Fleming - the man who first discovered the life-saving drug penicillin - has died of a heart attack. He was… Details
Albert Einstein dies
Albert Einstein has died in hospital in Princeton, New Jersey, aged 76.
The eminent scientist and originator of… Details
Page:Prev12349Next v
Pager settings

This demo shows the main features available in the DevExpress ASP.NET News Control (ASPxNewsControl). Use the controls in the panel on the right to change the values of the control's properties, and see the results in the ASPxNewsControl.

The EnableCallBacks property controls whether callback or postback technology is used to manage round trips to the server when moving to another page within the ASPxNewsControl.

Use the ShowBackToTop property to display a "BACK TO TOP" link after each news headline. When clicked, this link navigates the end-user to the top of the page.

The embedded pager control can be customized using the following settings:

  • The EllipsisMode property specifies how an Ellipsis symbol(s) is displayed to indicate page numbers that are omitted. An Ellipsis symbol(s) can be displayed inside the range of pages (InsideNumeric), outside the range of pages (OutsideNumeric), or can be hidden (None).
  • The Position property can be used to specify the pager's position (Bottom, Top, TopAndBottom) within the ASPxNewsControl.
  • The ShowDisabledButtons property controls the visibility of the pager buttons that are not used at the moment, and are temporarily disabled.
  • The ShowNumericButtons property controls the visibility of the pager's numeric buttons that navigate a user to a corresponding page.
  • The ShowSeparators property specifies whether separators that separate page numbers are displayed.
  • The PageSizeItemSettings.Visible property controls page size item visibility. In this demo, use the Show PageSizeItem check box to show and hide the item.
  • The PageSizeItemSettings.Position property controls where a page size item is displayed: on the left or right side of the pager. In this demo, use the PageSizeItem position combo box to select the required location.
  • The EndlessPagingMode property controls whether or not the NewsControl should load news headlines on demand.

The following common settings can be used to customize news headlines displayed by the ASPxNewsControl:

  • A pair of DateHorizontalPosition and DateVerticalPosition properties specifies the date's position (horizontal and vertical, respectively) within news headlines.
  • The positions of the tail text and tail image within news headlines can be controlled by using the TailPosition and TailImagePosition properties.
  • The ShowContentAsLink and ShowHeaderAsLink properties specify whether the news text and header text should be displayed as a hyper link within news headlines.
  • The ShowContentInToolTip property controls whether or not a headline's tooltip displays the entire content when the headline is clipped.
  • The MaxLength property specifies the maximum length of a news headline's text.
Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer.
You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher).
Open CS Solution
Open VB Solution
The source code files for this demo are installed (by default) in the following directories:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\ASPxImageAndDataNavigationDemos
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\VB\ASPxImageAndDataNavigationDemos