Molto spesso capita di avere a disposizione una textarea o un div all'interno dei quali c'è un testo molto lungo. In questi casi spesso si tende a dare una dimensione fissa o percentuale per evitare che l'eccessiva lunghezza del testo renda la pagina meno accattivante per l'utente.
In questi casi può essere una buona idea lasciare la dimensione, ma permettere anche all'utente di ridimensionare gli elementi se lo desidera. Per permettere ad un elemento di essere ridimensionato dall'utente dobbiamo usare l'attributo CSS resize. Questo attributo può avere i valori horizontal, vertical e both che rispettivamente permettono all'utente di ridimensionare l'elemento in orizzontale, verticale e entrambi.
.resizable { width: 500px; height: 500px; border: 1px solid; resize: both; overflow: auto; }
Durante il ridimensionamento, il browser tiene in considerazione le proprietà CSS min-width, max-width, min-height e max-height e quindi non permette all'utente di ridimensionare oltre queste dimensioni.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Eseguire query per recuperare il padre di un record che sfrutta il tipo HierarchyID in Entity Framework
Eseguire operazioni sui blob con Azure Storage Actions
Ottimizzare la latenza in Blazor 8 tramite InteractiveAuto render mode
Gestire la cancellazione di una richiesta in streaming da Blazor
Supportare il sorting di dati tabellari in Blazor con QuickGrid
Aggiungere interattività lato server in Blazor 8
Generare la software bill of material (SBOM) in GitHub
Reactive form tipizzati con FormBuilder in Angular
Code scanning e advanced security con Azure DevOps
Creare un webhook in Azure DevOps
Sostituire la GitHub Action di login su private registry
Gestire undefined e partial nelle reactive forms di Angular