Zmiana wysokości i szerokości widżetu

Ustawienie rozmiarów widżetów wymaga wprawdzie trochę wiedzy o języku HTML, ale sam proces jest prosty. Pozwala na personalizację wielkości widżetu na stronie internetowej.

Uwaga:

Uwaga: Procedura ta ma jedynie zastosowanie do kodu JavaScript widżetu. Aktualnie nie można zmieniać wielkości widżetów adresów URL.

Domyślnie wysokość i szerokość widżetu jest skalowana pod kątem wielkości przeglądarki. Ta dynamiczna właściwość umożliwia wyświetlanie widżetu na ekranach o różnej rozdzielczości.

Aby dopasować wymiary widżetu, dodaj element style div do kodu otaczającego widżet. Ten krok wykonuje się za pomocą kodu HTML, co umożliwia pełną personalizację wyglądu ramki widżetu.

Kod widżetu wyświetla się poniżej po kliknięciu powiązanego łącza pobierania kodu na stronie zarządzania:

<script type='text/javascript' language='JavaScript' src='https://secure.echosign.com/public/embeddedWidget?wid=2AAABLblqZhCb3ZNyEbi1ywHYaBw893IPRafJOjVvgE44n4Kb36XRArp5QgTpBhUWhLa7x81ek18*'></script> 

Aby dostosować rozmiar, dodaj następujący kod przed kodem widżetu. Kod ten ustawia szerokość na 500 pikseli i wysokość na 600 pikseli. Granica ramki widżetu może zostać również dopasowana poprzez zmianę właściwości granicy.

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

Kod do wstawienia w witrynie, która hostuje widżet:

<html>

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

<script type='text/javascript' language='JavaScript' src='https://secure.echosign.com/public/embeddedWidget?wid=2AAABLblqZhCb3ZNyEbi1ywHYaBw893IPRafJOjVvgE44n4Kb36XRArp5QgTpBhUWhLa7x81ek18*'>

</skrypt>

</div>

</html>

Jak widać, wynikowy widżet jest wyświetlany w określonych wymiarach. Oczywiście wymiary te nie są idealne, ale to pokazuje, jak ustawianie wartości wysokości i szerokości wpływa na publikowany widżet.

Więcej przykładów

Pełny ekran 1

<body style="margin: 0; padding: 0;">
<script type='text/javascript' language='JavaScript' src=»https://secure.echosign.com/public/embeddedWidget?wid=[wstaw tutaj ID widżetu]'>

</script>
</body>

Pełny ekran 2

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

<script> </script>

</div>

 

Ta zawartość jest licencjonowana na warunkach licencji Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License  Posty z serwisów Twitter™ i Facebook nie są objęte licencją Creative Commons.

Informacje prawne   |   Zasady prywatności online