.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
Sign In
Win Surprise Gifts!!!

Top 5 Contributors of the Month
Gaurav Pal
Post New Web Links

using jquery tooltip with asp:Chart control

Posted By:      Posted Date: August 27, 2010    Points: 0   Category :ASP.Net

I'm trying to use qtip (jquery plugin) instead of the standard tooltip control provided for the asp:Chart. I think the best way to do this is with an img map, though I don't know how to implement it. Does anyone know how to implement the img map for an asp:Chart?

View Complete Post

More Related Resource Links

Displaying Row Details Tooltip on GridView using JQuery

Continuing exploring JQuery! I decided to implement a feature to display some kind of details related to a row displayed on GridView. For example when displaying employees details on GridView some information might not fit in the GridView because it will make it huge and wide. These infomration can be diplayed as Tooltip. Or when you want to display a picture and some kind of formated text to be diplayed as tooltip when mouse hover on the image.

jquery tooltip


I am trying to create a tooltip for a row in my template field of a gridview.  This is a snipet of my code -

<asp:TemplateField ItemStyle-width="30%"  ItemStyle-Wrap ="true">
                    <div class="group">
                   <%# ((Dictionary<String, object>)Container.DataItem)["descrip"].ToString()%> <br />
                      <div class= "divLongDescrip" runat ="server" id="divLongDescrip" />
                   <div class="tooltip" runat ="server" id="divHelpInfoAsToolTip" style="float:right; background-color:#95c5de;" >
                   <asp:Label ID="lblHelpInfoAsToolTip" runat ="server" />                   
                  <asp:Label ID="lblModRemQty" runat ="server" />
                  <asp:CheckBoxList ID="chklstMod" runat ="server" AutoPostBack="true" OnSelectedIndexChanged ="changeChkModSelected" />

<script t

find a Control inside a GridView using jQuery


I have databound GridView in my page and I have a hidden DIV in all rows. Each row contains a Button that I want it to make the DIV visible for me! how can I use that with jQuery?!

here is the code page: 

<asp:GridView ID="GridView2" runat="server" AutoGenerateColumns="False" 
                                EnableModelValidation="True" GridLines="None" ShowHeader="False" Width="100%">

Jquery date picker in ASP.NET Web user control does not work


Hello, I have the most frustrating problem and being new to JQuery does make it more difficult. I have an ASP.NET web user control with an ASP.NET box which I want to apply a JQuery date picker to, then of course I have server side code which takes the date and processes it etc. The date picker will not work. I can achieve a working JQuery date picker with an ASP.NET textbox if there is no user control involved, or within the user control I use a html text box instead, but once I add runat="server" to the text box, it does not work. Is there a way I can achieve this? (the web user control will be wrapped in an update panel too which at the moment will work with the html control/web user control without the server side functionality)

<%@ Register TagPrefix="TE" TagName="JobHistory" Src="test.ascx"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">


    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>

    <link h

how to get the text of selected checkbox from asp.net checkboxlist control using jquery


I have asp.net checkboxlist control that bounded to a data source so the number of items in the control are different from one to to another time.

I have this function:

     $('#<%=chkListGroups.ClientID %> input:checkbox:checked').siblings('label').text();

this function will return all texts for all selected items in the control as a one string.

 I'm looking for a way that when I check a check box from the ckeckboxlist control will return only last checked checkbox.

this code :

$('#<%=chkListGroups.ClientID %> input:checkbox:checked').last().siblings('label').text(); 

returns last checked item for example if I checked second will return
second item then when I checked fifth item will return fifth item but
if now when I check third item will return fifth item so it is always
returning last item checked in the list and I'm looking to

Please advice me how to do this using jquery.

Tooltip on SSRS Chart Bars and Columns


Is there any way to implement tooltip on bars and column of charts in sql reporting servies? 

WPF Chart Control

Hi,I'm trying to locate the WPF chart control that Microsoft treated as an intern project a while back: http://channel9.msdn.com/ShowPost.aspx?PostID=232493  The reason that I'm interested is that I'm in the process of taking a Windows Forms graph control (think of a line graph versus a bar chart) and converting it to be a WPF one . and would be very interested in taking a look at what those two interns had done . to try and determine best practices and the right approach for our new WPF graph control. I contacted Kevin Moore and he thought that this component was getting pretty close to being released to the public. Anyone know the current status of it? Thanks, Cory

jQuery Rating Control in Repeater - Not Duplicating per Record

Hi Everyone,There is a similar instance of this @ http://forums.asp.net/p/1380776/2919093.aspx#2919093 However I haven't had a response, maybe due to the age of the topic, but the problem is different in the sense I am not using AJAX Rating Control, I am using radio buttons contained in a Div named Ratings, which is picked up by jQuery to style to radio buttons accordingly. The output is that it will put the stars on the first record but anything after just shows origional unstyled radio buttons. Just thinking off the top of my head, but does anything need to be put in the ItemDataBound event? The jQuery for the stars etc were attained from the link below:http://orkans-tmp.22web.net/star_rating/index.html#demos=&main-menu=0&demo-tabs=3 Here is my code:.ASPX:<%@ Page Language="C#" MasterPageFile="~/Admin/Admin.master" AutoEventWireup="true" CodeFile="Test.aspx.cs" Inherits="Admin_Test" Title="Untitled Page" %> <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %> <asp:Content ID="Content1" ContentPlaceHolderID="CPCHeader" Runat="Server"> </asp:Content> <asp:Content ID="Content2" ContentPlaceHolderID="AdminCPC" Runat="Server"> <asp:R

Need urgent help using JQuery DatePicker inside asp.net user control

Hello,I am able to use the DatePicker inside an aspx page with no problem at all but when I try to use that inside a usercontrol it gives me an error "Object expected"I have the links to my Jquery css and script files from the master page and have the following code inside a usercontrol:<script type="text/javascript"><!--    $(document).ready(function() {    var txt1 = document.getElementById('<%= txtDate.ClientID %>');    $(txt1).datepicker({ dateFormat: 'dd/mm/yy', duration: ''   });    });          // --></script><asp:TextBox ID="txtDate" runat="server"></asp:TextBox>

How do grab the value from label control into jQuery?

I have the following jQuery code working as it is (passing the value of 'test") but what I want to do is to pass the value of the label control (lblNames). I'm using the label control to collect the uploaded file names. Is there a way?jQuery:$(document).ready(function () {        $("#btnUpload").click(function () {            $("#Notes", top.document).val('test');        });    });ASPX code:<asp:Label ID="lblNames" runat="server" visible="true" ></asp:Label>

Control.ClientID with ASP.NET and jQuery - Where am I going wrong?

 Hey everyone.  I've got some jQuery on in a User Control which takes the values from two hidden field and uses them against a jQuery UI Multi-handle Slider and two ASP.net Textboxes.  When I drop this User Control on a Content Page, my control names are renamed from 'txtStartTime' to 'MainContent_UserControl_txtStartTime'...  This is a problem because now I have all the controls hard-coded by ID... but if I want to use the jQuery in another User Control, I'll have to rename everything.  That sucks.This is why I want to learn how to use the Control.ClientID via jQuery to get a controlID.  For instance, how would I change this to use ClientID? $('#MainContent_ucAddEvent_txtStartTime').val(getTime($('#MainContent_ucAddEvent_hfStartTime').val())); $('#MainContent_ucAddEvent_txtEndTime').val(getTime($('#MainContent_ucAddEvent_hfEndTime').val())); //Function GetTime takes t (Ticks/Integer) and converts it to a 00:00:00 format. function getTime(t) { var t_h = Math.floor(t / 3600); var t_m = Math.floor(t / 60) - (t_h * 60); var t_s = t - (t_h * 3600) - (t_m * 60); var f_t = (t_h < 10 ? '0' + t_h : t_h) + ':' + (t_m < 10 ? '0' + t_m : t_m) + ':' + (t_s < 10 ? '0' + t_s : t_s);

Chart control with sqldatasource?

Hi,I am working with chart controls in VS 2010. I have used sqldatasource. I want to populate select values from sqldatasource and display it on the chart controls.According to the chart samples: http://code.msdn.microsoft.com/mschart/Release/ProjectReleases.aspx?ReleaseId=4418the chart controls are databound in the page_load event. Then in which page event should I select data from sqldatasource?Code for sqldatasource selection will also be appreciated.Regards,ap.

How to embed jquery library in ASP.NET Custom Server Control

i created custom server control using jquery. i  embeded  jquery library in the control using following code. but it displays object expected error.  has someone done this before ?   //other code    protected override void RenderContents(HtmlTextWriter output) {    output.Write("<div id=\"bckPopup\"></div>"); }   protected void onInit(EventArgs e) { Page.ClientScript.RegisterClientScriptResource(GetType(), "HelpServerControl.Scripts.jquery-1.4.1.min.js");   string javascript = "<script type='text/javascript'> " +   "$(document).ready(function () { " +   "$('#bckPopup').text(\"loaded\"); " + "});</script>" ;   if (!(Page.ClientScript.IsClientScriptBlockRegistered("bhelp" ))) Page.ClientScript.RegisterStartupScript(this.GetType(), "bhelp" , javascript); base .OnInit(e);   }      

Chart Control

I have a chart control in  my web page which is working fine on my local machine but the time I deploy my site on server, the chart control is causing prob........... I installed seperate exe for chart control...and copy dll as well but still error continues......can anybody help me?

Chart Control 3.5 - X-axis Labels

I have a fairly basic line graph which is bound to a SQLDataSource control.  The graph displays perfectly, but I want the labels on the X-axis to display vertically rather than horizontally.I have used the following code to try and do this but it is having no effect:<AxisX Title="Patient Safety Submissions" IsLabelAutoFit="True">    <LabelStyle Angle="90" interval="1" /></AxisX>Can anyone help?Here is the complete code for my chart:<asp:Chart ID="chrtHHcompliance" runat="server" DataSourceID="sqlHHcompliance" Width="1000px">                    <Titles>                        <asp:Title Font="Microsoft Sans Serif, 12pt, style=Bold, Underline"                                    Name="Title1" Text="Hand Hygiene Weekly Percentage Compliance">                 &nbs

How to draw Triangle in ASP.NET Chart Control

Hi I am looking for a control that can draw a very customized chart in ASP.NET.  The chart comprises: 1. A closed triangle, or polygon, shaded, drawn according to a fixed set of xy vertices. 2. A series of x,y points plotted on top of the triangle or polygon. I thought the chart Control wasthe best, but I can't figure out how to draw the close triangle or polygon. Is GDI+ the better way? Thanks   Alan
ASP.NetWindows Application  .NET Framework  C#  VB.Net  ADO.Net  
Sql Server  SharePoint  Silverlight  Others  All   

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend