ComponentOne Extender Controls for ASP.NET Web Forms
Wijmo Control Toolkit Extender Controls / C1Gallery Extender / Displaying Flash and Video Content in the Gallery
In This Topic
    Displaying Flash and Video Content in the Gallery
    In This Topic

    If you choose, you can display video or Flash content within the gallery extender. The gallery's Flash mode has an inner Flash player in the frame to display Flash content. In this example, external Flash content will be linked to in the gallery and the  gallery's Mode will set to "Swf".

    Complete the following steps:

    1. Create a new ASP.NET Web application.
    2. In the Solution Explorer, right-click the project and choose Add Reference. Locate and add a reference to the C1.Web.Wijmo.Extenders assembly.
    3. Switch to Source view, and add the following markup at the top of the page to register the assembly:

    <%@ Register Assembly="C1.Web.Wijmo.Extenders.4" Namespace="C1.Web.Wijmo.Extenders.C1Gallery" TagPrefix="Gallery" %>

    Note that you may need to edit the above depending on the assembly you are using.

    1. Add the following markup within the main <div> tag to add a Panel with content:

               <asp:Panel ID="gallery" runat="server" Font-Overline="False" Title="Overview" Width="700" Height="600">

        <ul class="">

            <li class=""><a href="http://cdn.wijmo.com/movies/skip.swf">

                <img src="http://cdn.wijmo.com/images/happygirl.png" title="Happy Girl" alt="Happy Girl" /></a> </li>

            <li class=""><a href="http://cdn.wijmo.com/movies/caveman.swf">

                <img src="http://cdn.wijmo.com/images/caveman.png" title="Cave Man" alt="Cave Man" /></a> </li>

            <li class=""><a href="http://cdn.wijmo.com/movies/old_man.swf">

                <img src="http://cdn.wijmo.com/images/oldman.png" title="Old Man" alt="Old Man" /></a> </li>

        </ul>

    </asp:Panel>

    1. The above markup adds links to three Flash videos to the panel's content.
    2. Add the following markup just below the Panel markup to set the gallery extender:

    <Gallery:C1GalleryExtender runat="server" ID="CarouselExtender2" ShowTimer="True" ThumbnailOrientation="Horizontal" ThumbsDisplay="4" ShowPager="false" Mode="Swf" TargetControlID="gallery">

    </Gallery:C1GalleryExtender>

    The Mode option is set to "Swf" so the Flash content will be displayed.

    What You've Accomplished

    Press F5 to run your application and notice that Flash content is displayed in the gallery. You can chose another Flash item's thumbnail image to view that item in the main gallery.