You can easily change the height of the header, by setting the HeaderSize property. By default the height of the header is set to 25px. You can easily change the header's height in Source view, from the C1Expander Tasks menu, from the Properties window, or in code.

In Source View

In Source view change HeaderSize="25px" in the <cc1:C1Expander> tag to the size you wish to set the header's height to, for example:

<cc1:C1Expander ID="C1Expander1" runat="server" HeaderSize="100px" Height="200px" Width="100px">

The above will resize the header's height to 100 pixels tall.

From the Tasks Menu

You can set the header's height from the C1Expander Tasks menu:

1.   Click on the C1Expander's smart tag to open the C1Expander Tasks menu.

2.   In the HeaderSize text box, replace "25px" with the size you want the header to be, for example "100px".

3.   Click outside of the C1Expander Tasks menu to close the menu and set the height of the header.

From the Properties Window

You can change the HeaderSize property to set the header's height in the Properties window:

1.   Click on the C1Expander to select it.

2.   Navigate to the Properties window and, if needed, expand the Layout node to locate the HeaderSize property.

3.   Next to HeaderSize, replace "25px" with the size you want the header to be, for example "100px".

4.   Press the ENTER key or click outside of the Properties window for the header height you set to be applied to the C1Expander control.

In Code

Add the following code to the Page_Load event to set the HeaderSize property to 100 pixels:

•      Visual Basic

Me.C1Expander1.HeaderSize = 100

•      C#

this.C1Expander1.HeaderSize = 100;

Send comments about this topic to ComponentOne. Copyright © ComponentOne LLC. All rights reserved.