Я понял это (спасибо 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>
Но есть некоторые ограничения !!!HTML-страница, используемая SmartPortal, должна находиться в том же домене, что и Pivotal (ограничения безопасности JavaScript), поэтому я сохранил свой документ на локальном диске и использовал относительный URL-адрес в свойствах SP.
Если вы хотите использовать веб-страницу вне домена, простосоздайте HTML-документ, содержащий iframe с целевым URL, и загрузите его в 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>
Я надеюсь, что это будет полезно для всех:)