Topics
Using the advanced implementation mode
In order to use the advanced implementation the website should be prepared in advanced. Firstly developer should choose place for widgets (we suggest to use 50 pixels of qrcode height) and define space for link.
For example:
<html>
<body>
<div class="content">
...
<div id="my-qr-code-space"></div>
...
</div>
</body>
</html>
Secondly in order to create the suitable outlook developer should add custom styles.
#my-qr-code-space{
...
}
#my-qr-code-space span{
...
}
#my-qr-code-space svg{
...
}
Attention
Qr code is loaded dynamically after page loaded. It can resize the page or move different elements. In order to maximise usability we suggest to set constant dimensions for chosen space.
In our example parent element of div with
my-qr-code-spaceid.