Cómo ampliar/reducir la webAPI

Cómo ampliar/reducir la webAPI

La webAPI se adapta al contenedor padre. Ocupará todo el ancho disponible manteniendo las proporciones alto/ancho.
Nota: px: pixel

Ilustración
En este ejemplo, el contenedor padre tiene una longitud fija de 300px. Como se trata de un webAPI ocupante (que es más "alargado") la representación final será cercana a 300px x 150px.

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

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

   </div>


Para aumentar/disminuir el tamaño de la webAPI, basta con ajustar el parámetro de anchura. Cuanto mayor sea el valor, más grande aparecerá la webAPI. También puede establecer un valor % en el contenedor padre para una representación más sensible.


A continuación se muestra una lista de webAPIs con contenedores padre de diferentes anchos:

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

 


Y a continuación la representación (en el mismo orden)




    • Related Articles

    • API: integración y personalización de la web

      Introducción Con el término "WebAPI", estamos hablando de diferentes módulos que se integran en el código de una página web para permitir que se muestre como un widget web: La afluencia en tiempo real de la institución (índice de ocupación o tiempo ...

    • Tratamiento de datos personales y cumplimiento de la legislación Europea

      En el marco de la utilización de sus servicios, Affluences puede verse obligada a tratar datos personales. Affluences se compromete a tratar estos datos con fines estrictamente operativos y no comerciales, cumpliendo con las normativas vigentes ...

    • Presentación de las plataformas de Affluences (aplicación móvil y sitio web)

      Aplicación móvil Affluences La aplicación Affluences se puede descargar desde Play Store o Apple Store, es gratuita y no tiene publicidad. En la primera conexión, es posible aceptar la geolocalización, lo que permitirá mostrar en primer lugar los ...

    • Configuración avanzada de recursos

      Este artículo es una guía avanzada para la configuración de recursos, con especial atención a las citas, actividades recurrentes o puntuales, eventos, etc. (recursos que requieren multi-reserva para ser activados). Podéis encontrar información ...

    • Estadísticas

      El módulo Estadísticas es accesible desde la licencia Silver. La pestaña de estadísticas te permite consultar fácilmente las estadísticas de tu institución. Proceden de los sensores presentes en el establecimiento (tecnologías Affluences y/o ...