zoukankan      html  css  js  c++  java
  • 修复Telerik reporting 在网页中使用时的样式

    在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;
    }
  • 相关阅读:
    Android中获取网络图片的三种方法
    关于android性能,内存优化
    web端调用Android端方法的过程
    [程序猿感悟] [悟] 两篇不错的文章 (转载自 stay4it )
    ListView 中使用onItemClick和onItemLongClick的常见问题
    TextView 在java中使用Html设置字体大小颜色
    Android-手机端开发用界面原型与布局工具
    Android Service完全解析,关于服务你所需知道的一切(下)
    Android Service完全解析,关于服务你所需知道的一切(上)
    (转 todo阅读)Android 官方博客
  • 原文地址:https://www.cnblogs.com/Wayou/p/3196228.html
Copyright © 2011-2022 走看看