By default the C1Gallery control appears with a horizontal orientation. This example will show you how you can use ThumbnailOrientation and ThumbnailDirection properties to change how thumbnail images in the gallery are displayed.

In Source View

In Source view add ThumbnailOrientation="Vertical" ThumbnailDirection="Before" to the <cc1:C1Gallery> tag so it appears similar to the following:

<cc1:C1Gallery ID="C1Gallery1" runat="server" ThumbnailOrientation="Vertical" ThumbnailDirection="Before"> 

In Design View

In Design view, select the C1Gallery control and in the Properties window set the following properties:

• ThumbnailOrientation property to Vertical
• ThumbnailDirection property to Before

Note that you can also set the ThumbnailOrientation property to Vertical in the C1Gallery Tasks menu. See C1Gallery Smart Tag for more information.

In Code

Add the following code to the Page_Load event:

To write code in Visual Basic

Me.C1Gallery1.ThumbnailOrientation = "Vertical"

Me.C1Gallery1.ThumbnailDirection = "Before"                                               

To write code in C#

this.C1Gallery1.ThumbnailOrientation = "Vertical";

this.C1Gallery1.ThumbnailDirection = "Before";