Question

你们中的任何人都知道是否可以根据网址（网页）大小更改SmartPortal的默认大小？默认为屏幕宽度的1/3和高度250px。是否可以将其更改为整个屏幕宽度和其他高度？

Mayby我必须为此创建一个SmartPortal插件或操纵网页DOM吗？

任何建议都会有所帮助：）

Answer 1

我已经明白了（感谢ShankarSangoli）。我使用jQuery来修改iframe高度。整个仪表板只是一个html表，所以使用一些选择器我能够改变iframe高度。

这是我的代码：

    <script type="text/javascript">
        $(document).ready(function () {
            //SmartPortal name
            var SPname = 'Name of SmartPortal';
            //function usage
            resizeSP(SPname, 400);
        });

        function resizeSP(SP, size) {
            $("table.TitleText td.TitleText:contains(" + SP + ")", parent.document).closest('#title-bar').parent().next().find('#contentNode').children(":first").css("height", size);
        }
    </script>

但是有一些限制！ SmartPortal使用的html页面必须与Pivotal（JavaScript安全限制）位于同一个域中，因此我将文档保存在本地驱动器上，并在SP属性中使用了相对URL。

如果您想在域外使用网页，只需创建一个包含目标网址的iframe的html文档，并将其加载到Pivotal中。像这样：

<html>
<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            //SmartPortal name
            var SPname = 'SP name;
            //usage
            resizeSP(SPname, 400);
        });

        function resizeSP(SP, size) {
            $("table.TitleText td.TitleText:contains(" + SP + ")", parent.document).closest('#title-bar').parent().next().find('#contentNode').children(":first").css("height", size);
        }
    </script>
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
            overflow: auto;
            height: 100%;
        }
        iframe {
            display:block;
            width:100%;
            border:none;
        }
    </style>
</head>
<body>
    <iframe src="http://www.yoursite.com"></iframe>
</body>

我希望它对任何人都有帮助:)。

Pivotal CRM 5.7 SmartPortal大小

1 个答案: