<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Demo._Default" %>

<asp:Content runat="server" ID="BodyContent" ContentPlaceHolderID="MainContent">

    <style>
        .peekTemplate  {
             width: 150px;
             height: 150px;
        }

        .widePeekTemplate {
            width: 310px;
            height: 150px;
        }

    </style>

    <telerik:RadTileList runat="server" EnableTheming="true" TileRows="2"
        SelectionMode="Single"
        >

        <Groups>
            <telerik:TileGroup>
                <telerik:RadIconTile ImageUrl="/Images/tiles/Cube.png" BackColor="ForestGreen" NavigateUrl="">
                    <Badge Value="100" />
                    <Title Text="Products"></Title>
                    <PeekTemplate>
                        <img src="/Images/tiles/products_peek.png" class="peekTemplate" id="productsPeek" />
                    </PeekTemplate>
                    <PeekTemplateSettings ShowPeekTemplateOnMouseOver="true" 
                        HidePeekTemplateOnMouseOut="true" Animation="Slide" 
                        Easing="easeOutBounce" AnimationDuration="1000" />
                </telerik:RadIconTile>
                <telerik:RadTextTile Text="Orders" Title-Text="Orders" Badge-Value="100"></telerik:RadTextTile>
                <telerik:RadTextTile Text="Customers" Shape="Wide">
                    <Badge Value="1492"/>
                    <PeekTemplate>
                        <img src="/Images/tiles/customers_peek.png" class="widePeekTemplate" />
                    </PeekTemplate>
                    <PeekTemplateSettings Animation="Fade" Easing="easeInOutQuad" CloseDelay="2000" ShowInterval="4000" ShowPeekTemplateOnMouseOver="true" HidePeekTemplateOnMouseOut="true"  />
                </telerik:RadTextTile>
                <telerik:RadTextTile Text="Admin"></telerik:RadTextTile>
            </telerik:TileGroup>
        </Groups>

    </telerik:RadTileList>


</asp:Content>
