Can we use jQuery in reports?

[sitefinitysteve]

I have a need to display tooltips and other overlays on top of the asp.net report viewer elements...is that perhaps doable somehow?

Thanks,
Steve

[Chavdar]

Hello Steve,

Could you, please, elaborate on what functionality in particular you are trying to implement with jQuery. In this way we will be able to give you a more specific advice whether it is possible and how or not.

Regards,
Chavdar
the Telerik team

[sitefinitysteve]

Hi Chavdar ,

Oh with jQuery the possibilities are endless!  Hover animations, tooltips, etc etc...

I've implemented the Drilldown reports as my main admin interface right now, and that's the only thing missing really.  I want to be able to "enhance" the generated html in the viewer.

So actually I figured it out myself...here's the code for anyone else who needs it

var frame = $('#[id$=ReportViewer1ReportFrame]'); //get the frame

//s57 is a table element in the viewer
frame.contents().find(".s57")
                .hover(
                    function(){
                        alert('hover!');
                    }
                );

It would be superhandy to attach a classname to an element though in the designer so I could get it at render.

Steve

[Michael Epley]

Any ideas on how to leverage JQuery(or anything else) to get a tooltip with a mouse-over of a Report Legend item? perhaps based on position, not just element?
thanks

[sitefinitysteve]

Are you allowed to post a screenshot of what you mean?

I mean as long as you can find the viewer frame you can jQuery till you're blue in the face, it's just a bit hard to find items :)

[Michael Epley]

Hey Steve,
thanks for the quick reply..

Not sure how to get an image pasted in here, so I'll just describe the issue a little more

I have a pie chart with very limited page space.  Because of this, the items in the legend are abreviated to 4 character codes (IE: ETRP, ECUR, EOPN, etc..).  Obviously, these are a bit cryptic.  I need to be able to add a mouse-over hint (ie:  tooltip) as to what the full description of the code means.  I have been unsuccessfull finding a solution thus far, so was hopeing maybee JQuery could provide an answer.  I believe I can get a handle to the Report Viewer element, but I am unsure how to use jquery to pop-up a tip based simply on the cursor position within the report viewer. 
Basically, I want to be able to pop-up a tool tip if the mouse is within certain pre-defined regions within the report viewer, which are fixed, since I always have 4 items in my legend. (IE: X:500, y:200, width = 20, height= 10), ...(or of course, if there is a better and/or simpler way, that would be preferred)

Any thoughts?
thanks again.

[sitefinitysteve]

Well if it's a legend rendered with a chart as seen here.  I think you might be SOL :)

You see the chart renders as a single image and therefore doesn't contain any individual elements....however with the latest release I think you can do events which toggle visibility and things...I wonder if perhaps a telerik rep who is more familiar would be able to suggest something?

[Steve]

Hi Michael,

I am afraid Steve is absolutely correct - currently there is no way to achieve such functionality with the chart item and there is no easy way to implement this without changing the chart innerworkings as a whole, which we plan to do for subsequent versions.

All the best,
Steve
the Telerik team

[sitefinitysteve]

which we plan to do for subsequent versions

Alright!  Since it's an upcoming feature, can I ask for the potential to have a live preview feature on the chart like Reporting Services?  Perhaps be able to bind it to the report DS or a sample DS so you dont have to make a tweak, exit, preview, go back, open the wizard, make a tweak, preview, etc etc

(wish list)

[Michael Epley]

Ok, I was afraid that was the answer.  But, thanks for the replies guys.  Glad to hear it is in plans for the future. Any idea what release this might be slated for?

thanks again.
-MIke.

[sitefinitysteve]

What about this as an idea Michael

You create a chunk on the report which just contains the legend details you want, and somehow hide it (maybe it's 0 or 1px high, maybe the text is all white to match the background.

You then use jQuery to just rip the raw details form that and turn it into a hover-over on the IMAGE chart?