Question

当我在寻找问题的解决方案时，我在微软论坛上看到了topic。用户提出了同样的问题，我想引用这个问题：

Report Viewer控件未正确呈现工具栏。

我正在按照ReportViewer入门的说明进行操作   2016年控制https://msdn.microsoft.com/en-us/library/mt764770.aspx   并且能够从我的应用程序运行报告，但有   报告工具栏的问题。



即使超链接处于活动状态，我也没有看到工具栏图标。



当我打开“导出”下拉列表时，背景是透明的，难以阅读。



报告参数下拉列表显示为文本框，但当我点击它们时，它们就像下拉列表一样。


附件是显示工具栏的图像，因为它在我的工具栏中呈现   应用程序：

Answer 1

从我可以看到这仍然是一个问题，微软仍然没有发布更新，以便在使用主/子页面时纠正丢失的图标。

我让控件在普通的ASPX页面中运行，并查看了图标的显示方式，看起来每个控件实例都会生成一个内联样式标记。

作为临时工作，直到Microsoft发布此修复程序，您可以使用下面的样式标记，我从内联css中提取此内容。

<style>
    @font-face {
        font-family: "reportingservicesglyphs-regular";
        src: url("/Reserved.ReportViewerWebControl.axd?OpType=Resource&Version=13.0.1700.305&Name=Microsoft.Reporting.WebForms.Fonts.ReportingServicesGlyphs.eot");
        src: url("/Reserved.ReportViewerWebControl.axd?OpType=Resource&Version=13.0.1700.305&Name=Microsoft.Reporting.WebForms.Fonts.ReportingServicesGlyphs.eot?#iefix") format("embedded-opentype"),url("/Reserved.ReportViewerWebControl.axd?OpType=Resource&Version=13.0.1700.305&Name=Microsoft.Reporting.WebForms.Fonts.ReportingServicesGlyphs.woff") format("woff"),url("/Reserved.ReportViewerWebControl.axd?OpType=Resource&Version=13.0.1700.305&Name=Microsoft.Reporting.WebForms.Fonts.ReportingServicesGlyphs.ttf") format("truetype"),url("/Reserved.ReportViewerWebControl.axd?OpType=Resource&Version=13.0.1700.305&Name=Microsoft.Reporting.WebForms.Fonts.ReportingServicesGlyphssvg#PowerBIGlyphs-regular") format("svg");
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
    }

    .glyphui {
        position: relative;
        top: 2px;
        display: inline-block;
        font-family: "reportingservicesglyphs-regular";
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        font-size: 14pt;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .glyphui-calendar:before {
        content: "";
    }

    .glyphui-powerbi:before {
        content: "";
    }

    .glyphui-refresh:before {
        content: "";
    }

    .glyphui-back:before {
        content: "";
    }

    .glyphui-firstpage:before {
        content: "";
    }

    .glyphui-lastpage:before {
        content: "";
    }

    .glyphui-previouspage:before {
        content: "";
    }

    .glyphui-nextpage:before {
        content: "";
    }

    .glyphui-downarrow:before {
        content: "";
    }

    .glyphui-save:before {
        content: "";
    }

    .glyphui-print:before {
        content: "";
    }

    .MenuBarBkGnd div, .MenuBarBkGnd span, .DocMapBar {
        color: #000000;
    }

    .ActiveLink:link {
        color: #000000;
    }

    .ActiveLink:hover {
        color: #000000;
    }

    .ActiveLink:visited {
        color: #000000;
    }

        .ActiveLink:visited:hover {
            color: #000000;
        }

    :focus {
        outline-color: #F4F4F4;
    }

    span.glyphui {
        color: #000000;
    }

    .aspNetDisabled.DisabledButton span.glyphui {
        color: #7A7A7A;
    }

    .MenuBarBkGnd .HoverButton {
        background-color: #F4F4F4;
    }

    .WaitControlBackground {
        background-color: White;
        border-color: #DDDDDD;
    }

    .WaitText {
        font-size: 10pt;
        font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #000000;
    }

    a, a:visited {
        color: #000000;
    }

    .CancelLinkText {
        font-size: 10pt;
        font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    .sk-circle .sk-child:before {
        background-color: #000000;
    }

    .spinnie .dot:after {
        background: #000000;
    }

    .ParametersFrame {
        background-color: White;
        border-color: #DDDDDD;
    }

        .ParametersFrame span.glyphui:hover {
            color: #000000;
            background-color: #F4F4F4;
        }

    .ParamEntryCell .glyphui.glyphui-downarrow {
        font-size: 8pt;
    }

    .ToolBarButtonsCell {
        border-color: #DDDDDD;
    }

    .ToolBarBackground {
        background-color: White;
    }

    .ToolbarExport.WidgetSet, .ToolbarFind.WidgetSet, .ToolbarZoom.WidgetSet, .ToolbarPageNav.WidgetSet, .ToolbarRefresh.WidgetSet, .ToolbarPrint.WidgetSet, .ToolbarBack.WidgetSet, .ToolbarPowerBI.WidgetSet {
        border-color: #DDDDDD;
    }

    .DisabledLink {
        color: #7A7A7A;
    }

        .DisabledLink:hover {
            color: #7A7A7A;
        }

    .DisabledTextBox {
        background-color: #FFFFFF;
    }

    .NormalButton {
        font-size: 10pt;
        font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    .DisabledButton {
        font-size: 10pt;
        font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    .ToolbarExport .MenuBarBkGnd div {
        background-color: White;
        border-color: #DDDDDD;
    }

    .ToolbarExport .MenuBarBkGnd .HoverButton {
        background-color: #F4F4F4;
    }

    .ToolbarExport .glyphui-downarrow {
        font-size: 8pt;
    }

    .SplitterNormal, .SplitterHover {
        background-color: #DDDDDD;
    }

    .DocMapFrame, .DocMapTitle {
        border-color: #DDDDDD;
    }

    .documentMapHighlighting {
        background-color: #F4F4F4;
        color: #000000;
    }

    .DocMapContentCell a {
        color: #000000;
    }

    .searchHighlighting {
        background-color: #FFC20D;
    }

    .msrs-printdialog-main {
        font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    .msrs-printdialog-caption, .msrs-printdialog-list-pageorientation {
        font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    .msrs-printdialog-list-pagesize {
        font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    .msrs-printdialog-divbuttons {
        font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;
        background-color: #BB2124;
        color: #FFFFFF;
    }

    .msrs-printdialog-divhighlightbutton:hover, .msrs-printdialog-divhighlightbutton:focus {
        background-color: #D31115;
        color: #FFFFFF;
    }

    .msrs-printdialog-divhighlightbutton {
        background-color: #BB2124;
        border-color: #BB2124;
        color: #FFFFFF;
    }

    .msrs-printdialog-divnonhightlightbutton:hover, .msrs-printdialog-divnonhightlightbutton:focus {
        background-color: #E6E6E6;
        color: #000000;
    }

    .msrs-printdialog-divnonhightlightbutton {
        background-color: #C8C8C8;
        border-color: #C8C8C8;
        color: #000000;
    }
</style>

Answer 2

您是在主/子页面中使用该控件吗？当前的Report Viewer Control RC存在一个已知问题 - https://github.com/Microsoft/Reporting-Services/blob/master/Docs/Get-Started-With-RVC.md#known-issues

Answer 3

上面答案中的内容值混淆了。以下是正确的值：

.glyphui-calendar:before {
    content: "H";
}

.glyphui-powerbi:before {
    content: "E";
}

.glyphui-refresh:before {
    content: "F";
}

.glyphui-back:before {
    content: "G";
}

.glyphui-firstpage:before {
    content: "A";
}

.glyphui-lastpage:before {
    content: "B";
}

.glyphui-previouspage:before {
    content: "C";
}

.glyphui-nextpage:before {
    content: "D";
}

.glyphui-downarrow:before {
    content: "K";
}

.glyphui-save:before {
    content: "J";
}

.glyphui-print:before {
    content: "I";
}

SSRS 2016报表查看器V13工具栏图标未显示

3 个答案: