ComponentOne ListView for ASP.NET Web Forms
Task-Based Help / Theming / Applying Default Swatches
In This Topic
    Applying Default Swatches
    In This Topic

    You can mix and match the default theme swatches to create a unique application. Follow these steps to apply the default swatches to your C1ListView application

    1. The markup for your C1ListView control should resemble the following:
        <cc1:C1ListView ID="C1ListView1" runat="server" Filter="true" Inset="true">
                      <Items>
                          <cc1:C1ListViewLinkItem Text="The Godfather" FilterText="Crime"></cc1:C1ListViewLinkItem>
                          <cc1:C1ListViewLinkItem Text="The Good, the Bad and the Ugly" FilterText="Adventure"></cc1:C1ListViewLinkItem>
                          <cc1:C1ListViewLinkItem Text="12 Angry Men" FilterText="Crime"></cc1:C1ListViewLinkItem>
                          <cc1:C1ListViewLinkItem Text="One Flew Over the Cuckoo's Nest" FilterText="Adventure"></cc1:C1ListViewLinkItem>
                          <cc1:C1ListViewLinkItem Text="Star Wars: Episode V - The Empire Strikes Back" FilterText="sci-fi"></cc1:C1ListViewLinkItem>
                          <cc1:C1ListViewLinkItem Text="The Dark Knight" FilterText="Adventure"></cc1:C1ListViewLinkItem>
                      </Items>
      
          </cc1:C1ListView>
      
    2. Open the Designer Form by clicking the control's smart tag and selecting Edit ListView from the C1ListView Tasks menu.
    3. Select the C1ListView control and locate the Appearance properties in the Properties pane.
    4. Set the FilterTheme property to "a," the ThemeSwatch property to "e," and press OK. The opening <cc1:C1ListView> tag for your application should now resemble the following sample:
      <cc1:C1ListView ID="C1ListView1" runat="server" Filter="true" Inset="true" FilterTheme="a" ThemeSwatch="e">
    5. Press F5 or start debugging to run your application. It should resemble the following image:

    See Also