Изменение размера веб-формы

Последнее обновление 20 июл. 2023 г.

Изменение высоты и ширины веб-формы

Высоту и ширину веб-формы можно скорректировать, изменив встроенный код веб-формы на статический размер, основанный на пикселах, или относительный размер, основанный на проценте от занимаемого места на экране.

Примечание

Эта процедура применима только к встроенным кодам сценария и iframe. Невозможно изменить размер веб-форм, доступных по URL-адресу.

По умолчанию веб-форма масштабируется по высоте и ширине окна браузера. Это динамическое свойство позволяет просматривать веб-форму практически при любом разрешении экрана.

Чтобы скорректировать размеры веб-формы, сначала необходимо получить код HTML или код сценария вашей веб-формы.

Изменение размера рамки веб-формы зависит от используемого кода:

Код HTML (iframe)

Код HTML предоставляет элементы управления в строке, скопированной из веб-формы.

Ниже приведен пример строки кода iframe:

<iframe src=&quot;https://secure.na1.adobesign.com/public/esignWidget?wid=CBFCIBAA3AAABLblqZhDGvdwEWK6RveVqcwpzncUOYmtOI*&hosted=false&quot; width=&quot;100%&quot; height=&quot;100%&quot; frameborder=&quot;0&quot; style=&quot;border: 0; overflow: hidden; min-height: 500px; min-width: 600px;&quot;></iframe>

В конце строки кода указаны параметры width="100%" и height="100%". Коррекция этих параметров позволяет настроить размер рамки веб-формы. Можно использовать проценты или фиксированный размер в пикселах (не забудьте удалить символ процента).

Отредактируйте строку кода в любом текстовом редакторе, затем скопируйте и вставьте измененный код на веб-страницу.

Примечание

Аргумент ?wid= указывает на уникальный идентификатор веб-формы, который будет отличаться для всех создаваемых веб-форм.

Код (Java)Script  (сценарий)

Параметр javascript несколько сложнее, так как параметры не включаются заранее в строку, но суть та же.

Ниже приведен пример сценария той же веб-формы. 

<script type='text/javascript' language='JavaScript' src='https://secure.na1.adobesign.com/public/embeddedWidget?wid=CBFCIBAA3AAABLblqZhDGvdwEWK6RveVqcwpzncUOYmtOI*'>
</script>

Чтобы изменить размер рамки с помощью сценария, необходимо добавить перед элементами <script></script> и после них элемент <div>, содержащий свойства рамки. Таким образом элемент <script> находится в контейнере <div> и на него распространяются ограничения, относящиеся к <div>.

Пример: элемент <div> с шириной 600 пикселов, высотой 500 пикселов и границей сплошного черного цвета шириной 1 пиксел:

<div style=&quot;height:500px; width:600px; border:1px solid black;&quot;> 
</div>

Сценарий должен содержаться в элементе <div> для полной блокировки кода, которая выглядит так:

<html>

    <div style=&quot;height:500px; widget:600px; border: 1px solid black;&quot;>

        <script type='text/javascript' language='JavaScript' src='https://secure.na1.adobesign.com/public/embeddedWidget?wid=CBFCIBAA3AAABLblqZhDGvdwEWK6RveVqcwpzncUOYmtOI*'>

        </script>

    </div>

</html>

Полученная веб-форма отображается с заданными размерами.

Другие примеры настройки сценария

Полноэкранный режим 1

<body style=&quot;margin: 0; padding: 0;&quot;>

        <script type='text/javascript' language='JavaScript' src='https://secure.na1.adobesign.com/public/embeddedWidget?wid=CBFCIBAA3AAABLblqZhDGvdwEWK6RveVqcwpzncUOYmtOI*'>

        </script>

</body>

Полноэкранный режим 2

<div style=&quot;height:100%; width:100%; border:0px solid black;&quot;>

        <script type='text/javascript' language='JavaScript' src='https://secure.na1.adobesign.com/public/embeddedWidget?wid=CBFCIBAA3AAABLblqZhDGvdwEWK6RveVqcwpzncUOYmtOI*'>

        </script>

</div>