https://documentazione-bolweb.exabit.it/ 2026-07-23T15:43:06+00:00 https://documentazione-bolweb.exabit.it/ https://documentazione-bolweb.exabit.it/lib/exe/fetch.php?media=favicon.ico text/html 2021-10-08T10:46:51+00:00 Anonymous (anonymous@undisclosed.example.com) https://documentazione-bolweb.exabit.it/doku.php?id=bootstrap_bolweb:altre_componenti:accordion&rev=1633690011&do=diff Accordion text/html 2021-10-08T10:46:51+00:00 Anonymous (anonymous@undisclosed.example.com) https://documentazione-bolweb.exabit.it/doku.php?id=bootstrap_bolweb:altre_componenti:calendario&rev=1633690011&do=diff Calendario Al calendario abbiamo aggiunto jquery.inputmask.bundle.js che serve a creare una maschera per evitare l’inserimento di date sbagliate La documentazione è presente a questo link: <https://italia.github.io/bootstrap-italia/docs/form/input-calendario/> text/html 2021-10-08T10:46:51+00:00 Anonymous (anonymous@undisclosed.example.com) https://documentazione-bolweb.exabit.it/doku.php?id=bootstrap_bolweb:altre_componenti:carousel&rev=1633690011&do=diff Carousel text/html 2021-10-08T10:46:51+00:00 Anonymous (anonymous@undisclosed.example.com) https://documentazione-bolweb.exabit.it/doku.php?id=bootstrap_bolweb:altre_componenti:filtri&rev=1633690011&do=diff FILTRI TARGET <button class="d-inline-block btn btn-info btn-xs btn-icon btn-target btn-catbandi-filter-home" data-filter="CITTADINI"> <svg class="icon icon-target icon-sm"> <use xlink:href="/procedimenti/new/static/svg/sprite.svg#it-aria-citizen"></use> </svg> <span>Cittadini</span> </button> text/html 2021-10-08T10:46:51+00:00 Anonymous (anonymous@undisclosed.example.com) https://documentazione-bolweb.exabit.it/doku.php?id=bootstrap_bolweb:altre_componenti:overlay&rev=1633690011&do=diff Modale Solitamente si utilizza per dare rilevanza al messaggio che si sta inoltrando all'utente, una velatura nera ricopre tutta la pagina ed il messaggio è contenuto all'interno di un riquadro bianco. Ci sono tre tipi di modali: la modale del footer con barra di scorrimento verticale per contenuti lunghi, la modale comune e la modale con bottoni di risposta. Un'icona di chiusura a forma di 'x' è sempre posta nell'angolo alto di destra. text/html 2021-10-08T10:46:51+00:00 Anonymous (anonymous@undisclosed.example.com) https://documentazione-bolweb.exabit.it/doku.php?id=bootstrap_bolweb:altre_componenti:paginazione&rev=1633690011&do=diff Paginazione <nav class="pagination-wrapper justify-content-end mt-2" aria-label="Pagination"> <ul class="pagination order-sm-2"> <li class="page-item disabled"> <a class="page-link page-down" href="#" tabindex="-1" aria-hidden="true"> <svg class="icon"> <use xlink:href="/procedimenti/new/static/svg/sprite.svg#it-chevron-left"></use> </svg> <span class="sr-only">Pagina precedente</span> </a> </li> <li class="page-item"> … text/html 2021-10-08T10:46:51+00:00 Anonymous (anonymous@undisclosed.example.com) https://documentazione-bolweb.exabit.it/doku.php?id=bootstrap_bolweb:altre_componenti:tab&rev=1633690011&do=diff Tabs <ul class="nav nav-tabs nav-tabs-cards profile-nav mt-5" id="card-simple" role="tablist"> <li class="nav-item"><a class="nav-link active" href="/procedimenti/new/bandi/dati-utente/dati-personali">Dati personali</a></li> <li class="nav-item"><a class="nav-link" href="/procedimenti/new/bandi/dati-utente/i-miei-interessi">I miei interessi</a></li> <li class="nav-item"><a class="nav-link" href="/procedimenti/new/bandi/dati-utente/i-miei-profili">I miei profili<… text/html 2021-10-08T10:46:51+00:00 Anonymous (anonymous@undisclosed.example.com) https://documentazione-bolweb.exabit.it/doku.php?id=bootstrap_bolweb:altre_componenti:tabelle&rev=1633690011&do=diff Tabella La tabella di Bolweb usa la libreria 'jquery datatables', in questa customizzazione si occupa di configurare tutto: paginazione, numero di item da visualizzare, ordinamento... <table id="dtMessaggi" class="datatable-init data-table-ajax table table-striped table-bordered" style="width:100%;" data-server-side="true" data-processing="true" data-url="" data-type="POST" data-page-length="5" data-length-menu="[5, 10, 25, 50]" data-dom='<"top"<"float-md-left"i><"float-md-right"l…