Oggi vediamo come creare un loading dialog con i CSS.
Non useremo immagini, ma solo una combinazione di stile; useremo solo un scriptino Javascript per stoppare il loader.
In fin dei conti il loader andrà nascosto ad un certo punto, e al 99% sarà una operazione che farete in Javascript.
In pratica in una casella di input, in un progetto Angular, dobbiamo intercettare il tasto ENTER.
In verità la cosa è molto semplice utilizzando uno degli event binding messi a disposizione; nello specifico keyup.enter.
Vediamo molto spesso nei siti web le caselle di input che suggeriscono il valore da selezionare mentre si scrive.
Questa cosa si può ottenere in diversi modi, e dipende ovviamente anche dalla mole di dati in cui cercare, e dalle tecnologie usate.
PrimeNG ha tra i suoi componenti il ProgressSpinner.
In pratica è il classico cerchio che gira che ci consente di dire all'utente che si sta caricando qualcosa.
Oggi vediamo un semplice esempio su come visualizzarlo dentro ad un Dialog.
PrimeNG ci fornisce tutta una serie componenti HTML da usare nei progetti Angular (e in verità non solo).
Oggi vediamo come far diventare una tabella responsive, partendo dalla documentazione ufficiale.
La proprietà mask-image di CSS ci consente di creare delle "mask" alle immagini.
Oggi vediamo come usarla per creare dei gradient.
Ma penso ci siano anche altre utili utilizzi.