SSRS 2016 Report Viewer V13 工具栏图标未显示

Question

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

报表查看器控件未正确呈现工具栏。

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

1. 我看不到工具栏图标，即使超链接处于活动状态。

2. 当我打开导出下拉菜单时，背景是透明的，难以阅读。

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

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

Answer 1

据我所知，这仍然是一个问题，Microsoft 仍未发布更新以更正使用主/子页面时丢失的图标。

我让控件在正常的 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";
}