ComponentOne SuperPanel for ASP.NET AJAX: SuperPanel for ASP.NET AJAX Task-Based Help > Customizing C1SuperPanel's Appearance > Creating a Content Template

Creating a Content Template

Content templates are useful for customizing your SuperPanel for your application and for displaying additional information in the content area in the panel.

In the following example, you will add a control to SuperPanel’s content template in design view and in source view.

In Design View

In Design view drag and drop a few controls onto the C1SuperPanel control and then go to Source view to see the controls added within the <ContentTemplate> </ContentTemplate> tags.

It will appear similar to the following:

<cc1:C1SuperPanel ID="C1SuperPanel1" runat="server"

            VisualStylePath="~/C1WebControls/VisualStyles">

            <ContentTemplate>

                <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

                <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>

                <cc3:C1Calendar ID="C1Calendar1" runat="server" height="180px" width="230px">

                </cc3:C1Calendar>

            </ContentTemplate>

<PanelBehaviorSettings Enabled="True">

<HScroller SmallChange="1" LargeChange="0" Value="0" Maximum="100" Minimum="0" IncreaseButtonOffsetX="0" DecreaseButtonOffsetX="0" IncreaseButtonOffsetY="0" DecreaseButtonOffsetY="0"></HScroller>

 

<VScroller SmallChange="1" LargeChange="0" Value="0" Maximum="100" Minimum="0" IncreaseButtonOffsetX="0" DecreaseButtonOffsetX="0" IncreaseButtonOffsetY="0" DecreaseButtonOffsetY="0"></VScroller>

</PanelBehaviorSettings>

        </cc1:C1SuperPanel>

In Source View

In Source view add text to the <cc1:C1SuperPanel> tag so it appears similar to the following:

<cc1:C1SuperPanel ID="C1SuperPanel1" runat="server"

            VisualStylePath="~/C1WebControls/VisualStyles">

            <ContentTemplate>

                <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

                <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>

                <cc3:C1Calendar ID="C1Calendar1" runat="server" height="180px" width="230px">

                </cc3:C1Calendar>

            </ContentTemplate>

<PanelBehaviorSettings Enabled="True">

<HScroller SmallChange="1" LargeChange="0" Value="0" Maximum="100" Minimum="0" IncreaseButtonOffsetX="0" DecreaseButtonOffsetX="0" IncreaseButtonOffsetY="0" DecreaseButtonOffsetY="0"></HScroller>

 

<VScroller SmallChange="1" LargeChange="0" Value="0" Maximum="100" Minimum="0" IncreaseButtonOffsetX="0" DecreaseButtonOffsetX="0" IncreaseButtonOffsetY="0" DecreaseButtonOffsetY="0"></VScroller>

</PanelBehaviorSettings>

        </cc1:C1SuperPanel>


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