Pienohjelman korkeuden ja leveyden muuttaminen
Pienohjelman mittojen määrittäminen edellyttää perustason tietoja HTML-koodista, mutta itse määritysprosessi on helppo. Prosessin avulla voit määrittää, kuinka pienohjelma mahtuu verkkosivullesi.
Huomaa, että tämä menettely koskee vain pienohjelman JavaScript-koodia. Tällä hetkellä URL-pienohjelmien kokoa ei voida muuttaa.
Oletusarvoisesti pienohjelman korkeus ja leveys skaalautuvat selaimen koon mukaan. Tämän dynaamisen ominaisuuden ansiosta pienohjelmaa voidaan katsella useimmissa näyttötarkkuuksissa.
Säädä pienohjelman mittoja ja lisää tyyli pienohjelmaa ympäröivään koodiin. Tämä vaihe toteutetaan HTML:n avulla, mikä tekee pienohjelman kehyksen ulkoasusta täysin mukautettavan.
Pienohjelman koodi on näkyvissä alla siinä muodossa, joka saadaan napsautettaessa Hallinta-sivun asianmukaista Hanki koodi -linkkiä:
<script type='text/javascript' language='JavaScript' src='https://secure.echosign.com/public/embeddedWidget?wid=2AAABLblqZhCb3ZNyEbi1ywHYaBw893IPRafJOjVvgE44n4Kb36XRArp5QgTpBhUWhLa7x81ek18*'></script>
Säädä kokoa lisäämällä seuraava koodi ennen pienohjelman koodia. Koodi asettaa leveydeksi 500 pikseliä ja korkeudeksi 600 pikseliä. Pienohjelman kehyksen rajaa voidaan säätää myös muuttamalla rajan ominaisuuksia.
<div style="height:500px; width:600px; border:1px solid black;">
Verkkosivustolle syötettävä koodi, joka isännöi pienohjelmaa:
<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*'>
</komentosarja>
</div>
</html>
Kuten näkyy, lopullinen pienohjelma näytetään ilmoitetuissa mitoissa. Nämä mitat eivät tietenkään ole ihanteellisia, mutta käyttäjä saa käsityksen siitä, kuinka määritetyt korkeus- ja leveysasetukset vaikuttavat julkaistavaan pienohjelmaan.
Lisää esimerkkejä
Koko näyttö 1
<body style="margin: 0; padding: 0;">
<script type='text/javascript' language='JavaScript' src='https://secure.echosign.com/public/embeddedWidget?wid=[yourwidgteId goes here]'>
</script>
</body>
Koko näyttö 2
<div style="height:100%; width:100%; border:0px solid black;">
<script> </script>
</div>
Kirjaudu sisään tiliisi