Loading ...

Per un progetto ho usato il modal di Bootstrap 4 come loading page.

Ovviamente avevo la necessità di visualizzarlo full screen.

Vi posto il codice HTML e CSS che ho usato.

La documentazione di Bootstrap è ottima, tranne in alcuni punti.

Uno di questi è il vertical align; anche se ci sono delle classi preposte, non sono di facile lettura.

Oggi vi propongo un mio esempio che sto usando in produzione; ovviamente possono esserci altri modi.

Supponiamo che io decida di serilizzare i dati di un form in jQuery, per poi spedirli tramite AJAX a PHP.

Come faccio a deserizalizzare questi dati in PHP?

L'attributo required di HTML 5 ci ha levato un sacco di rogne nella validazione dei form.

Lo impostate e lui farà tutto da solo, bloccando il form e visualizzando un messaggio.

Il messaggio è praticamente automatico e preimpostato, e penso che la lingua dipenda dal pc sui gira il browser.

Il modal di Bootstrap 4 crea un'area grigia, con classe CSS modal-backdrop, che dovrebbe aiutare l'utente indicandogli l'area in cui cliccare per uscire.

In un sito mi è stato chiesto di rimuovere l'area grigia.

LiteDB è un database NoSQL per C#.

Ho fatto un test veloce, e mi sembra abbastanza facile da usare, anche se ha strumenti avanzati e completi.

La cosa comoda è che è un db embedded, e quindi facile da trasportare insieme alle applicazioni.

Javascript ha la funzione replace che ci permette di rimipiazzare quello cerchiamo in quello che vogliamo.

Solo che non vale per tutti i caratteri; in sostanza non ha un replaceAll, o non funziona come PHP che lo fa a prescindere.

Il modal di Bootstrap 4 è un componente a dir poco usato.

Solo che di default, l'effetto fade è solo dal top.

Io avevo bisogno di visualizzarlo dal lato; nel mio caso il destro, ma visualizzarlo dal lato sinistro richiede poche modifiche.

BarcodeLib è una libreria per C# che ci consente di creare barcode partendo da stringhe.

Mette a disposizione parecchi tipi di barcode (praticamente tutti), basta dargli la stringa della lunghezza corretta.

Noi vedremo un esempio con EAN13, ma basta veramente poco per modificare il codice per usare il formato che volete.

La navbar di Bootstrap ci arriva praticamente completa di tutto.

Anche dei sottomenu volendo; basta copiare gli esempi dalla documentazione.