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

Templates

  •  
    • tabImage Ganymede
    •  
    • tabImage Io
    •  
    • tabImage Callisto
    •  
    • tabImage Europa
  •  
Europa

Ganymede

(Jupiter III) is the largest moon of Jupiter and in the Solar System, and the only moon known to have a magnetosphere. It is the seventh satellite outward from Jupiter Galilean moons, the first group of objects discovered orbiting another planet. Completing an orbit in roughly seven days, Ganymede participates in a 1:2:4 orbital resonance with the moons Europa and Io, respectively. With a diameter of 5,268 km (3,273 mi), it is 8% larger than the planet Mercury, but has only 45% as much mass. Its diameter is 2% larger than that of Saturn's Titan, the Solar System's second-largest moon. At 2.02 times the mass of the Moon, it is the most massive planetary satellite. It is the 9th largest object in the Solar System, and the largest without a substantial atmosphere.

From Wikipedia, the free encyclopedia

Did this demo address your needs?
If you’d like us to extend this demo further, please describe your needs below.
Thank you in advance for your cooperation.
SEND FEEDBACK

This sample demonstrates the use of template technology found in the ASPxPageControl. The look of each tab element of the page control can be modified by creating a specific template which defines how the tab will be rendered by a client browser. In this demo, templates of type TabTemplate and ActiveTabTemplate are used to define non-typical appearances for individual tabs (tabs with rounded edges).

In order to display tabs with rounded edges, the image that represents a single tab should be divided into three sections as shown below (note that pictures for a selected tab should be 1 pixel higher).

The tab template implemented in this demo is defined by using a table with three cells. Each cell contains the corresponding portion of the image. The left and right sections of the image are represented by entire images. The middle portion is used as a background image which is tailed horizontally according to the length of the tab's content (which is, in particular, the text taken from the tab's Text property during binding the template's child controls).

Refer to ASPX code to see how a ActiveTabTemplate is defined by using the described approach.

Collapse/Expand
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\ASPxNavigationAndLayoutDemos
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\VB\ASPxNavigationAndLayoutDemos
Multi-Use Site Controls