wu8829 发表于 2017-8-18 11:43:45

关于HtmlView样式的探讨

工程师：请问在HtmlView中，如何更改其展示的样式？如图：


希望解决：
1、隐藏工具栏、报表呈现区域的边框；
2、HtmlView的高度设置100%无效，希望能调整报表呈现区域的高度已达到不显示滚动条的效果。

KearneyKang 发表于 2017-8-18 14:21:57

您好
根据您说的高度宽度100%设置，我这通过编码CSS来控制实现了这种100%的设置。您参考下<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>   
    <style type="text/css">
      body, html {
            height: 100%;
      }

      body {
            margin: 0px;
            overflow: hidden;
      }

      .viewer {
            height: 100%;
            width: 100%;
            display: inline-block;
      }
    </style>

</head>
<body>
<form id="form1" runat="server" class="viewer">
   
    <ActiveReportsWeb:WebViewer ID="WebViewer1" CssClass="viewer" runat="server" Width="100%" >
    </ActiveReportsWeb:WebViewer>
</form>
</body>
</html>

KearneyKang 发表于 2017-8-18 17:31:01

本帖最后由 KearneyKang 于 2017-8-18 17:36 编辑

边框去掉的操作，需要在JS里自己通过去覆盖原来封装好的css
预览结果如下：

具体操作，运行代码后，按F12然后调试找到对应的边线框的CSS，然后在JS中对border属性进行一个覆盖:
重要代码：

$("div.viewer-layout-toolbar-panel").css("border", "0px");
            $("div.viewer-layout-main-panel").css("border", "0px");
            $("div.viewer-layout-siderbar-panel").css("border", "0px");
具体demo见附件

wu8829 发表于 2017-8-19 08:39:22

谢谢。本次回答满分。

KearneyKang 发表于 2017-8-21 09:44:29

谢谢!:)
页: [1]
查看完整版本: 关于HtmlView样式的探讨