ComponentOne Extender Controls for ASP.NET Web Forms
Wijmo Control Toolkit Extender Controls / C1LightBoxExtender / C1LightBoxExtender Tutorial / Step 1 of 4: Setting up the Panel
In This Topic
    Step 1 of 4: Setting up the Panel
    In This Topic

    In this topic you will add some images to panel.

    1. In your Web application, add a standard Panel control to the main content of  your page.
    2. In the Panel, add some images. For example, the XAML might look like the following:

    <asp:Panel ID="Panel1" runat="server">

            <a href="http://lorempixum.com/600/400/sports/1" rel="wijlightbox[stock];player=img">

                      <img src="http://lorempixum.com/120/90/sports/1" title="Sports 1" alt="Sports 1" /></a>

                <a href="http://lorempixum.com/600/400/sports/2" rel="wijlightbox[stock];player=img">

                      <img src="http://lorempixum.com/120/90/sports/2" title="Sports 2" alt="Sports 2" /></a>

                <a href="http://lorempixum.com/600/400/sports/3" rel="wijlightbox[stock];player=img">

                      <img src="http://lorempixum.com/120/90/sports/3" title="Sports 3" alt="Sports 3" /></a>

                <a href="http://lorempixum.com/600/400/sports/4" rel="wijlightbox[stock];player=img">

                      <img src="http://lorempixum.com/120/90/sports/4" title="Sports 4" alt="Sports 4" /></a>

        </asp:Panel>

    1. Add a C1LightBoxExtender to the page in the next step.