修复Telerik reporting 在网页中使用时的样式

简介: 在ASP.NET 网页或ASP MVC中嵌入Telerik Reporting时,报表出来的样式是有问题的,按扭的位置错位了。 在页面中引入以下CSS文件可以将报表样式修复从而回到正常的报表样式。   .

在ASP.NET 网页或ASP MVC中嵌入Telerik Reporting时,报表出来的样式是有问题的,按扭的位置错位了。

在页面中引入以下CSS文件可以将报表样式修复从而回到正常的报表样式。

 

.TReport input, .TReport textarea {
    margin: 0;
    padding: 0;
}
.TReport .PageNumberText {
    font-size: 8pt;
    font-family: Verdana;
    padding-top: 1px;
    margin-left: 6px;
}
.TReport .InputButtonClass {
    display: block;
    margin-top: 1px;
    padding-top: 0 !important;
}
.TReport .ImageButtonCell {
    padding: 3px;
}
.TReport .ReportToolbar INPUT, .TReport .ReportToolbar SELECT, .TReport .ReportToolbar BUTTON {
    font-size: 8pt;
    font-family: Verdana;
    border: 0px !important;
}
.TReport .ReportToolbar {
    font-size: 8pt;
    font-family: Verdana;
    height: 28px;
    border: 1px solid #4f4f4f;
}
.TReport .ReportToolbarGroup {
    margin-left: 8px;
    height: 26px;
    padding-bottom: 2px;
    padding-top: 2px;
}
.TReport .NormalButton, .TReport .DisabledButton {
    background-color: transparent;
    margin: 1px 1px 1px 1px;
    border-collapse: separate !important;
}
.TReport .HoverPressedButton {
    cursor: hand;
    background-color: #99bbe2;
    border: solid 1px #336699;
    border-collapse: separate !important;
}
.TReport .HoverButton {
    cursor: hand;
    background-color: #ddeef7;
    border: solid 1px #336699;
    border-collapse: separate !important;
}
.TReport .PressedButton {
    cursor: hand;
    background-color: #ddeef7;
    border: solid 1px #336699;
    border-collapse: separate !important;
}
.TReport .ActiveLink {
    font-size: 8pt;
    font-family: Verdana;
}
.TReport .ActiveLink: link {
    color: #3366CC;
    text-decoration: none;
}
.TReport .ActiveLink: hover {
    color: #FF3300;
    text-decoration: underline;
}
.TReport .ActiveLink: visited {
    color: #3366CC;
    text-decoration: none;
}
.TReport .ActiveLink: visited: hover {
    color: #FF3300;
    text-decoration: underline;
}
.TReport .DisabledLink {
    color: gray;
    text-decoration: none;
    cursor: default;
    font-size: 8pt;
    font-family: Verdana;
}
.TReport .WaitText {
    font-family: Verdana;
    font-weight: normal;
    font-size: 14pt;
}
.TReport .ReportViewerSplitterBar {
    background-repeat: repeat-y;
    border-left: solid 1px #a7bac5;
    border-right: solid 1px #2c628b;
}
.NormalButton .Enabled, .HoverButton .Enabled, .HoverPressedButton .Enabled, .PressedButton .Enabled {
    /* DO NOT MODIFY */

display: inline;
}
.NormalButton .Disabled, .HoverButton .Disabled, .HoverPressedButton .Disabled, .PressedButton .Disabled {
    /* DO NOT MODIFY */

display: none;
}
.DisabledButton .Enabled {
    /* DO NOT MODIFY */

display: none;
}
.DisabledButton .Disabled {
    /* DO NOT MODIFY */

display: inline;
}
.ReportAreaErrorControl {
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: White;
}
.ReportAreaErrorLabel {
    font-size: 8pt;
    font-family: Verdana;
    color: Gray;
}
.DocumentMapNodeStyle {
    font-family: "Verdana";
    font-size: 8pt;
}
.DisabledTextInput {
    background-color: inactiveCaptionText;
    font-size: 8pt;
    font-family: Verdana;
    text-align: left;
}
.ParameterEditor {
    font-size: 8pt;
    font-family: Verdana;
    text-align: left;
}

 

目录
相关文章
|
4月前
|
前端开发
【UI】 elementui的dialog弹窗打开时CSS的BUG | 滚动条消失bug
【UI】 elementui的dialog弹窗打开时CSS的BUG | 滚动条消失bug
146 0
|
6月前
|
Web App开发 Windows
Windows【Chrome浏览器 02】Auto Dark Mode for Web Contents 无需安装插件开启chrome浏览器黑暗模式
Windows【Chrome浏览器 02】Auto Dark Mode for Web Contents 无需安装插件开启chrome浏览器黑暗模式
361 0
|
12月前
|
前端开发
element-ui图标偶现乱码问题的原因和修复方法
之前很老的一个 webpack3 前端项目,用 vue-cli5 重构了一下,根据 vue-cli 文档安装的 sass 版本 ^1.32.7,sass-loader 版本 ^12.0.0,各种自测感觉没问题了就部署到线上了
275 0
|
前端开发 容器 开发工具
[uwp]自定义Behavior之随意拖动
原文:[uwp]自定义Behavior之随意拖动   由于最近有需求,所以自定义了一个随意拖动元素的Behavior.   当然在使用这个自定义的Behavior时,有个小假设:拖动元素必须是Canvas容器的子元素。
828 0
|
JavaScript 缓存 前端开发
如何让 jQuery Mobile 不显示讨厌的 loading 界面
jQuery Mobile 的一个BUG: 当不采用 ajax 以及 他自己的 back 返回的时候,即: 点击浏览器后退按钮时,将会从缓存之中加载页面,此时,讨厌的 loading 动画出来了,而且一直不消失。
711 0