添加超链接样式到Telerik报告

时间:2012-09-01 06:23:24

标签: asp.net css xslt telerik telerik-reporting

问题:     我需要将下面的内部样式添加到Telerik报告中。请注意a0和a1是班级     样式表如下所示:如何将其转换为telerik报告接受的XML样式表      请参阅:http://www.telerik.com/help/reporting/style-understanding-style-selectors.html
    但是该链接没有提供有关如何将超链接选择器添加到XML样式表的详细信息。

下面的CSS:

a.a0:hover {
        text-decoration: underline;
}
a.a1:link {
text-decoration: underline;
}

1 个答案:

答案 0 :(得分:1)

Below is how I worked around the above issue:
ReportViewer.prototype.OnReportLoadedOld = ReportViewer.OnReportLoaded;
                ReportViewer.prototype.OnReportLoaded = function() {
                    this.OnReportLoadedOld();

var reportFrame = document.getElementById(this.reportFrameID);
                    var reportDocument = reportFrame.contentWindow.document;
                    var body = reportDocument.getElementsByTagName("body")[0];

 $(".a1", body).css("text-decoration", "underline");
 $(".a0", body).css("text-decoration", "underline");

You can achive the hover like this:

$(".a1", body).hover(function() {
        $(".a1", body).css("text-decoration", "underline");
      }, function () {
       $(".a1", body).css("text-decoration", "underline");
  });