Open ToolTip from RadRotator

Posted by simple money technique on Tuesday, June 4, 2013 at 9:59 AM 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="RadToolTip2.aspx.cs" Inherits="RadToolTip2" %>
<%@ 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 id="Head1" runat="server">
   
    <style type="text/css">
        .itemTemplate
        {
            width: 80px;/* 11px margin is taken into account */
            height: 50px;
        }
        .rightArrow
        {
            cursor: pointer;
            float: right;
        }
        .leftArrow
        {
            cursor: pointer;
            float: left;
        }
    </style>
  <script type="text/javascript">
      function CallScript(Id) //Id, args
      {
        // window.radopen('Dialog1.aspx?CustomerID=' + Id + '', 'window1');
      }
  </script>
  <script type="text/javascript">
      function clientShow(sender, eventArgs) {
          alert("OnClientShow tool tip: " + sender.get_text());
      } 
</script>
</head>
<body class="BODY">
    <form runat="server" id="mainForm" method="post">
   
   
    <telerik:RadScriptManager ID="ScriptManager1" runat="server">
    </telerik:RadScriptManager>
    <div style="width: 454px;">
<asp:Image ImageUrl="images/right.gif" ID="img_right" AlternateText="right" runat="server"
CssClass="rightArrow" />
        <asp:Image ImageUrl="images/left.gif" ID="img_left" AlternateText="left" runat="server" CssClass="leftArrow"/>
        <div style="background-image: url(images/bg.gif); width: 355px; height: 103px; margin-left: 49px;
            padding-top: 19px; background-repeat: no-repeat; box-sizing: border-box; -moz-box-sizing: border-box;">
            <div style="margin-left: 20px; padding-top: 20px;">
                <telerik:RadRotator DataSourceID="xmlDataSource1" runat="server" ID="RadRotator1"  
                OnItemCreated="RadRotator1_OnItemCreated"     Width="314" Height="50" ItemWidth="80" ItemHeight="50" FrameDuration="1" RotatorType="ButtonsOver">
                    <ItemTemplate>  <%--OnItemClick="RadRotator1_OnItemClick" --%>
                        <div class="itemTemplate">
                          
                          <asp:Image ID="Img1" runat="server"  ImageUrl='Images/<%# XPath("Image") %>' />
                          <%--<img id="Img1" runat="server" src='Images/<%# XPath("Image") %>' alt="Image" />--%>
                        <%--<asp:ImageButton ID="Img1" runat="server"  ImageUrl='Images/<%# XPath("Image") %>' AlternateText="" style="margin: 0px 11px;" /> --%>
                        <asp:Label ID="RowIndex" runat="server"></asp:Label>
                         <telerik:RadToolTip ID="RadToolTip1" runat="server" TargetControlID="RowIndex" RelativeTo="Element"
                                 IsClientID="true"   Position="BottomCenter" RenderInPageRoot="true">
                                   There are
                               <%--  <%# DataBinder.Eval(Container, "DataItem.Img1")%>--%>
                                   customers from
                                  <%-- <%# DataBinder.Eval(Container, "DataItem.Country")%>--%>
                              </telerik:RadToolTip>
                        </div>
                    </ItemTemplate>
                    <ControlButtons LeftButtonID="img_left" RightButtonID="img_right" />
                </telerik:RadRotator>
            </div>
        </div>
    </div>
    <br />
    <asp:XmlDataSource ID="xmlDataSource1" runat="Server" DataFile="~/data.xml"></asp:XmlDataSource>
   
  
<asp:Label ID="lblContent" runat="server" Visible="false"></asp:Label>
    </form>
</body>
</html>
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using Telerik.Web.UI;
using System.Web.UI.HtmlControls;
public partial class RadToolTip2 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
    }
    protected void RadRotator1_OnItemCreated(object sender, RadRotatorEventArgs e)
    {
        if (e.Item.DataItem != null)
        {
            RadToolTip RadToolTips = (RadToolTip)e.Item.FindControl("RadToolTip1");
            Label RowIndex = (Label)e.Item.FindControl("RowIndex");
            Image image1 = e.Item.FindControl("Img1") as Image;
            RowIndex.Text = Convert.ToString(e.Item.Index);
            string text = Convert.ToString(RowIndex.Text);
            lblContent.Text = text;
            RadToolTips.TargetControlID = RowIndex.ClientID;
            RadToolTips.Text = text;
           //RadToolTips.OnClientShow = "clientShow";
        }
    }
    
    protected void RadRotator1_OnItemClick(object sender, RadRotatorEventArgs e)
    {
        RadRotator rotator = sender as RadRotator;
        rotator.InitialItemIndex = e.Item.Index;// Persist the index 
        string text = Convert.ToString(rotator.InitialItemIndex);
        ClientScript.RegisterClientScriptBlock(GetType(), "ClientScript", "<script>alert('" + text + "')</script>");
    }
}

for Xml file DataSource go to :

http://telerikexamples.blogspot.in/2013/06/open-radwindow-from-radrotator.html

output:

--------------

- 2013-06-04 19-57-18
  
















































0
comments:
        
















Post a Comment




















      

    










Subscribe to:
Post Comments (Atom)