Adding Text to a Splitter Panel

ComponentOne Splitter for ASP.NET AJAX: Splitter for ASP.NET AJAX Task-Based Help > Adding Content to the Splitter Panels > Adding Text to a Splitter Panel

In this topic, you will learn how to add text to a C1Splitter control using the designer and HTML markup.

In Design View

To add text to a panel, simply place your cursor inside the panel and type (or copy) the text into the panel.

$Description: D:\Whidbey\T109\C1Splitter\WordDocuments\TBH\AddingText_TypingText.png$

Once you've added text to the page, you can use Visual Studio's Formatting toolbar (to view this toolbar, use the following path: View | Toolbars | Formatting) to format the text. The image below features a C1PageView with formatted text:

$Description: D:\Whidbey\T109\C1Splitter\WordDocuments\TBH\AddingText_Formatting.png$

In Source View

You can add text to a C1Splitter panel in Source view by placing text between the <Panel1> or <Panel2> tags. To format the text, you would use HTML markup.

Complete the following steps:

1. Add a C1Splitter to your project.

2. Switch to Source view and paste the following markup and text between the <Panel1> tags:

     <ContentTemplate>

You can also add text to a <b>C1Splitter</b> control in Source view. Simply place the text between the <span style="color: #0000ff; font-family: Courier New">&lt;Panel&gt;</span> tags and use HTML markup to format the text.

     </ContentTemplate>

3. Click the Design tab to enter Design view and observe that text has been added to Panel1 of your C1Splitter control. The result will resemble the following image:

$Description: D:\Whidbey\T109\C1Splitter\WordDocuments\TBH\AddingText_FinalHTML.png$