Gallery for ASP.NET Web Forms
手順 3:コントロールの外観と動作のカスタマイズ
クイックスタート > 手順 3:コントロールの外観と動作のカスタマイズ

C1Galleryの外観と動作を簡単にカスタマイズできます。次の手順では、コントロールの動作と外観を設定します。以下は、「手順 2:コントロールへのコンテンツの追加 トピックを完了していることを前提にしています。

以下の手順を実行します。

  1. ソースビューで、<cc1:C1Gallery>タグを編集して、Width="600px" Height="256px":を追加します。
    ソースビュー
    コードのコピー
    <cc1:C1Gallery ID="C1Gallery1" runat="server" Width="600px" Height="256px">

    これにより、コントロールのサイズが設定されます。

  2. ソースビューで、<cc1:C1Gallery>タグを編集して、ShowPager="False" ShowTimer="True":を追加します。
    ソースビュー
    コードのコピー
    <cc1:C1Gallery ID="C1Gallery1" runat="server" Width="600px" Height="256px" ShowPager="False" ShowTimer="True">

    これにより、コントロールの下にページャボタンが表示されなくなり、タイマーが表示されます。

  3. ソースビューで、<cc1:C1Gallery>タグを編集して、ThumbnailOrientation="Vertical" ThumbsDisplay="3":を追加します。
    ソースビュー
    コードのコピー
    <cc1:C1Gallery ID="C1Gallery1" runat="server" Width="600px" Height="256px" ShowPager="False" ThumbnailOrientation="Vertical" ThumbsDisplay="3">

    これにより、サムネイルの向きと数が変更されます。一度に3つのサムネイル画像のみ表示され、サムネイル画像は選択した画像の下に水平方向ではなく垂直方向に表示されます。

  4. アプリケーションを実行して、コントロールに変更内容が表示されることを確認します。

    サムネイル画像の位置と数が変わり、コントロールのサイズが小さくなり、ページャが表示されなくなっていることに注意してください。

この手順では、コントロールの外観と動作をカスタマイズしました。おめでとうございます。このクイックスタートは完了しました。

関連トピック