How to enlarge/decrease the webAPI

How to enlarge/decrease the webAPI

The webAPI adapts to the parent container. It will take all the width available to it while keeping the height/width proportions.
Note: px: pixel

Illustration

In this example, the parent container has a fixed length of 300px. As this is an occupation webAPI (which is more "elongated") the final rendering will be close to 300px x 150px

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

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

   </div>


To increase/decrease the size of the webAPI, you just have to play with the width parameter. The higher this value is, the bigger the webAPI will appear. You can also set a value in % on the parent container to have a more responsive rendering.


Below is a list of webAPIs with parent containers of different widths:

<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>


And below the rendering (in the same order)

    • Related Articles

    • API: web integration and customisation

      Introduction The term web API refers to several modules which can be integrated to a webpage to display web widgets featuring: The library's real-time occupancy (occupancy rate or waiting time) The establishment's opening hours Example of an ...

    • Affluences' data processing and GDPR compliance

      When using its services, Affluences may process personal data. Affluences is committed to process this data for strictly operational and non-commercial purposes while complying with the regulations in force (GDPR). Booking service Emails As part of ...

    • Statistics

      The Statistics module is accessible starting from a Silver license. The Statistics tab allows you to easily consult the statistics related to an institution.  The data present under this tab comes from the sensors that are present in the institution ...

    • Administration

      The Administration tab allows you to easily manage information regarding your institution. Managing information In the Profile information section, you can fill in all the information about your institution: Required information: name of the ...

    • Focus on resource settings

      Objective of this page is to provide a comprehensive guide on resources settings with a specific focus on specific booking types such as recurring or punctual appointments, events (ie multi-reservation resources)... For more generic information ...