修复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;
}

 

目录
相关文章
|
7月前
|
Web App开发 JavaScript 前端开发
Chrome插件实现问题之在Manifest V2中,设置插件的图标要如何解决
Chrome插件实现问题之在Manifest V2中,设置插件的图标要如何解决
|
7月前
|
前端开发
【UI】 elementui的dialog弹窗打开时CSS的BUG | 滚动条消失bug
【UI】 elementui的dialog弹窗打开时CSS的BUG | 滚动条消失bug
244 0
|
前端开发
element-ui图标偶现乱码问题的原因和修复方法
之前很老的一个 webpack3 前端项目,用 vue-cli5 重构了一下,根据 vue-cli 文档安装的 sass 版本 ^1.32.7,sass-loader 版本 ^12.0.0,各种自测感觉没问题了就部署到线上了
323 0
|
图形学
Unity 编辑器开发实战【Editor Window】- Filter 物体筛选工具
Unity 编辑器开发实战【Editor Window】- Filter 物体筛选工具
368 0
Unity 编辑器开发实战【Editor Window】- Filter 物体筛选工具
|
定位技术 图形学 Windows
【琐琐碎碎小知识】 关于部分Unity编辑器在创建瓦片地图时缺乏Tiles选项
【琐琐碎碎小知识】 关于部分Unity编辑器在创建瓦片地图时缺乏Tiles选项
666 0
【琐琐碎碎小知识】 关于部分Unity编辑器在创建瓦片地图时缺乏Tiles选项
|
监控 JavaScript 前端开发