Telerik is a leading vendor of ASP.NET AJAX, ASP.NET MVC, Silverlight, WinForms and WPF controls and components, as well as .NET Reporting, .NET ORM , .NET CMS, Code Analysis, Mocking, Team Productivity and Automated Testing Tools. Building on its expertise in interface development and Microsoft technologies, Telerik helps customers build applications with unparalleled richness, responsiveness and interactivity. Telerik products help thousands of companies to be more productive and deliver reliable applications under budget and on time.
Version Q2 2011 released 07/12/2011
select

Window / E-mail System

Click on a message to open it in a RadWindow

This demo contains 1 or more dialog pages. To view them, hover over the dropdown button () in the Example Source Code & Description section
My Inbox
FromSubjectDate
Christian Hernandes Pellentesque et metus et eros2006/05/24
Eduard Turner Duis laoreet scelerisque2006/05/27
Heinrich Fink Donec id elit ac est sollicitudin ultricies2006/05/29
Nancy Davolio Lorem ipsum dolor2006/05/24
Andrew Fuller Nullam ultrices lectus ac orci2006/05/27
Janet Leverling Donec id enim2006/05/29

  • Web-based email system

    RadWindow can help for the implementation of a multi-message email system which allows the user to view each message in a separate window.

Source Code

C# VB.NET
Show code in new window Demo isolation steps
  • <%@ Page AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs" Inherits="Telerik.Web.Examples.Window.DemoEmail.DefaultCS"
        Language="c#" %>

    <%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
    <%@ Register TagPrefix="qsf" TagName="Header" Src="~/Common/Header.ascx" %>
    <%@ Register TagPrefix="qsf" TagName="HeadTag" Src="~/Common/HeadTag.ascx" %>
    <%@ Register TagPrefix="qsf" TagName="Footer" Src="~/Common/Footer.ascx" %>
    <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <qsf:HeadTag runat="server" ID="Headtag1"></qsf:HeadTag>
        <!-- custom head section -->
        <!-- end of custom head section -->
        <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
            <style type="text/css">
                .expandImage
                {
                    display: inline-block;
                    background-image: url('<%= Page.ResolveUrl("~/Common/styles09/sprite09.gif")%>');
                    background-position: -596px -1191px;
                    background-repeat: no-repeat;
                    width: 15px;
                    height: 15px;
                }
                * html .expandImage
                {
                    background-position: -596px -1194px;
                }
                * + html .expandImage
                {
                    background-position: -596px -1194px;
                }
            </style>
        </telerik:RadCodeBlock>
    </head>
    <body class="BODY">
        <form runat="server" id="mainForm" method="post">
        <qsf:Header ID="Header1" runat="server" NavigationLanguage="c#" ShowSkinChooser="false" />
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        </telerik:RadScriptManager>
        <script type="text/javascript">

            function ShowMessage(sender, args)
            {
                var id = args.getDataKeyValue("ID");
                var wnd = window.radopen("Details.aspx?AuthorID=" + id, null);

                //Get the clicked row
                var index = args.get_itemIndexHierarchical();
                var item = args.get_tableView().get_dataItems()[index];
                var rowElement = item.get_element();

                //Get coordinates of the row and reposition the window relative to it
                var bounds = $telerik.getBounds(rowElement);
                wnd.moveTo(bounds.x + 120 + index * 10, bounds.y - 180);
            }
        </script>
        <qsf:InformationBox ID="InformationBox1" runat="server" Title="Click on a message to open it in a <strong>RadWindow</strong>">
            <span style="font-size: 12px;">This demo contains 1 or more dialog pages. To view them,
                hover over the dropdown button (<span class="expandImage"></span>) in the <em>Example
                    Source Code &amp; Description</em> section</span>
        </qsf:InformationBox>
        <div style="font-size: 18px; color: #666; margin-bottom: 6px;">
            My Inbox</div>
        <div class="tblWrapper">
            <asp:UpdatePanel ID="panel" runat="server">
                <ContentTemplate>
                    <telerik:RadGrid ID="UserGrid" AutoGenerateColumns="False" runat="server" Skin="Outlook"
                        DataSourceID="XmlDataSource1" GridLines="None" AllowSorting="true">
                        <ClientSettings Selecting-AllowRowSelect="true" EnableRowHoverStyle="true">
                            <ClientEvents OnRowSelected="ShowMessage" />
                        </ClientSettings>
                        <MasterTableView DataKeyNames="ID" DataSourceID="XmlDataSource1" ClientDataKeyNames="ID">
                            <RowIndicatorColumn>
                                <HeaderStyle Width="20px" />
                            </RowIndicatorColumn>
                            <ExpandCollapseColumn>
                                <HeaderStyle Width="20px" />
                            </ExpandCollapseColumn>
                            <Columns>
                                <telerik:GridBoundColumn HeaderText="Subject" DataField="ID" Visible="False" UniqueName="ID">
                                </telerik:GridBoundColumn>
                                <telerik:GridTemplateColumn HeaderText="From" UniqueName="TemplateColumn" SortExpression="Author">
                                    <ItemTemplate>
                                        <img src="email.gif" height="12" width="13" alt="" class="emailFlag" />
                                        <%# Eval("Author") %>
                                    </ItemTemplate>
                                    <HeaderStyle Width="55%" />
                                </telerik:GridTemplateColumn>
                                <telerik:GridBoundColumn HeaderText="Subject" DataField="Title" UniqueName="Title">
                                    <HeaderStyle Width="30%" />
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn HeaderText="Date" DataField="PublishDate" UniqueName="PublishDate">
                                    <HeaderStyle Width="15%" />
                                </telerik:GridBoundColumn>
                            </Columns>
                        </MasterTableView>
                        <ClientSettings>
                            <DataBinding CountPropertyName="Count" />
                        </ClientSettings>
                        <FilterMenu EnableTheming="True" Skin="Outlook">
                            <CollapseAnimation Duration="200" Type="OutQuint" />
                        </FilterMenu>
                    </telerik:RadGrid>
                </ContentTemplate>
            </asp:UpdatePanel>
        </div>
        <telerik:RadWindowManager ID="Singleton" Skin="Outlook" Width="600" Height="430"
            VisibleStatusbar="false" Behaviors="Close,Move, Resize" runat="server" EnableShadow="true">
        </telerik:RadWindowManager>
        <asp:XmlDataSource ID="XmlDataSource1" runat="server" DataFile="~/Window/Examples/DemoEmail/Messages.xml">
        </asp:XmlDataSource>
        <qsf:Footer runat="server" ID="Footer1" />
        </form>
    </body>
    </html>

Get more than expected!

 
 

Take your time to truly experience the power of RadControls for ASP.NET AJAX with a free 60-day trial backed up by Telerik’s unlimited dedicated support.

Download your RadControls for ASP.NET AJAX trial and jumpstart your development with the available Getting Started resources.

If you have any questions, do not hesitate to contact us at sales@telerik.com.

Copyright 2002-2024 © Telerik. All right reserved
Telerik Inc, 201 Jones Rd, Waltham, MA 02451