登录/注册

首页 › ActiveReports专区 › 求助中心 › 查看内容

55 主题	266 帖子	643 积分

积分: 643

6972
金币
55
主题
266
帖子

最新发帖

[已处理] 关于HtmlView样式的探讨

wu8829
中级会员 / 发表于：2017-8-18 11:43 / 查看：2897 / 回复：4

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

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

本帖子中包含更多资源

您需要登录才可以下载或查看，没有帐号？立即注册

x

收藏

回复

4 个回复

倒序浏览

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见附件

本帖子中包含更多资源

您需要登录才可以下载或查看，没有帐号？立即注册

x

评分

参与人数 1	满意度 +5	收起理由
wu8829	+ 5	很给力!

查看全部评分

回复 使用道具举报

wu8829
中级会员 / 发表于：2017-8-19 08:39:22 地板

谢谢。本次回答满分。

回复 使用道具举报

KearneyKang
超级版主 / 发表于：2017-8-21 09:44:29 5^#

谢谢!

回复 使用道具举报