Come ingrandire/diminuire le webAPI

Come ingrandire/diminuire le webAPI

La webAPI si adatta al contenitore principale. Prenderà tutta la larghezza disponibile mantenendo le proporzioni altezza / larghezza.

Nota : px : pixel


Esempio


In questo esempio, il contenitore principale ha una lunghezza fissa di 300px. Essendo una webAPI di occupazione (che è più "lunga") il rendering finale sarà vicino a 300px x 150px.


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

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

   </div>


Per aumentare/diminuire le dimensioni della webAPI, basta usare il parametro larghezza. Più alto il valore viene impostato, più grande apparirà la webAPI. Si può anche mettere un valore in % sul contenitore principale per avere un rendering più responsive.


Di seguito viene riportato un elenco di webAPI con dei contenitori principali di diverse larghezze:


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

 


E qui sotto il rendering (nello stesso ordine)




    • Related Articles

    • Impostazione delle risorse per le biblioteche

      Questo articolo è un manuale dedicato all'impostazione delle risorse (posti a sedere, aule studio, prenotazione di un appuntamento, ecc.). Troverete tutte le informazioni generali del modulo "Prenotazioni" del portale di amministrazione cliccando su ...

    • Cambiare le pile di un sensore a raggi infrarossi

      Materiale necessario Cacciavite a croce 4 pile LR6 per coppia di sensori Le pile devono essere nuove et della stessa marca. In tal caso, il conteggio potrebbe essere degradato. Affluences non può garantire l'affidabilità del conteggio se questa ...

    • Visualizza le prenotazioni per più risorse sullo stesso calendario

      La sezione Prenotazioni > Gestisci il planning permette di avere visibilità delle prenotazioni fatte per una risorsa selezionata. È possibile visualizzare un calendario delle prenotazioni effettuate per una o più risorse importando il calendario ...

    • Comunicare con le Web API

      Per maggiori informazioni sull'integrazione tecnica dei webAPI, consultare il libro sull'argomento: Affluences: API e webAPI Consigli Alcuni consigli per l'utilizzo di webAPI: Presenta i webAPI (o widget) al tuo webmaster Comunica al pubblico che la ...

    • API: integrazione e personalizzazione

      Introduzione Con il termine "WebAPI" si parla di diversi moduli da integrare nel codice di una pagina web per permetterne la visualizzazione come widget: L’affluenza in tempo reale dell'istituto (tasso di occupazione o tempo di attesa) Gli orari ...