Comment agrandir/diminuer la webAPI

Comment agrandir/diminuer la webAPI

La webAPI s’adapte au conteneur parent. Elle va prendre toute la largeur qui lui est disponible tout en gardant les proportions hauteur / largeur.

Note : px : pixel


Illustration


Dans cet exemple, le conteneur parent a une longueur fixe de 300px. S’agissant d’une webAPI d’occupation (qui est plus “allongé”) le rendu final sera proche de 300px x 150px


 <div style="width: 300px;">

       <div class="affluences-counter" data-token="o5cm3TIABSR5l9"></div>

   </div>


Pour augmenter/diminuer la taille de la webAPI, il suffit de jouer sur le paramètre width. Plus cette valeur sera élevé et plus la webAPI apparaîtra grande. Vous pouvez également mettre une valeur en % sur le conteneur parent afin d’avoir un rendu plus responsive.


Ci-dessous une liste de webAPI avec des conteneurs parents de largeur différente :


<html>

<head>

   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

   <script src="https://webapi.affluences.com/js/webapi_latest.min.js%22></script>

</head>

<body>

   <div style="width: 250px;">

       <div class="affluences-counter" data-token="lJSn2ew20kHxwc"></div>

   </div>

   <div style="width: 500px;">

       <div class="affluences-counter" data-token="o5cm3TIABSR5l9"></div>

   </div>

   <div style="width: 750px;">

       <div class="affluences-counter" data-token="o5cm3TIABSR5l9"></div>

   </div>

   <div style="width: 1000px;">

       <div class="affluences-counter" data-token="o5cm3TIABSR5l9"></div>

   </div>

</body>

</html>

 


Et ci-dessous le rendu (dans le même ordre)





    • Related Articles

    • Paramétrage & utilisation de la fonctionnalité "Validation de la présence de l'usager"

      Le système de validation de présence vous permettra d'avoir un meilleur contrôle sur la présence effective des usagers à leur réservation et d'optimiser la réservation des ressources en cas d'absence d'un usager (donc de non validation de la ...

    • Comment modifier les horaires de mon établissement

      Pour modifier les horaires de votre établissement, cliquer sur l'onglet Administration > Changer les horaires. Vous pourrez ainsi modifier les horaires d'ouverture standards (horaires qui s'appliquent tout au long de l'année) et exceptionnels (par ...

    • Communiquer sur la réservation - quelques exemples

      Si vous utilisez notre système de réservation en ligne, n'hésitez pas à le communiquer largement à votre public. Grâce aux supports que nous vous fournissons (flyers, stickers, etc.) mais pas que ! Voici quelques exemples de contenus créés par nos ...

    • Communiquer avec les webAPIs

      Pour plus d'informations sur l'intégration technique des webAPI, se référer au livre à ce sujet : Affluences : API et webAPIs Conseils Quelques conseils pour bien utiliser les webAPIs : Présenter les webAPI (ou widgets web) à votre webmaster Préciser ...

    • Administration

      L’onglet Administration vous permet de gérer facilement les informations relatives à votre établissement. Gérer les informations Dans la partie Gérer les informations, vous renseignez toutes les informations relatives à votre établissement : ...