Altezza riga in lista Bootstrap

[stefano.riccobelli]

Salve.
Fino a qualche aggiornamento fa l'altezza delle righe in lista aumentava se il testo era più largo della colonna, e andava a capo.
Adesso il testo viene tagliato e appaiono a destra tre puntini ...
C'è un modo per ripristinare il comportamento precedente e quindi portare il testo a capo alzando l'altezza della riga?

[d.pierangeli]

E' una regressione della versione 19.5 che ci è stata appena segnalata.

Può essere risolta inserendo nel file custom.css (cartella custom) il seguente codice CSS :

Code: Select all

.panel-list-rows-table td {
  white-space: pre-wrap;
}

[stefano.riccobelli]

Grazie! Funziona perfettamente.

[f.faleschini]

Mi riallaccio a questo thread:
in bootstrap un campo text con degli a campo digitati dall'utente in dettaglio diventa "monoriga" quando si passa in lista.

Allego un progetto (Che è la modifica del progetto fatto da ljwilson su quseto thread bloccato viewtopic.php?f=5&t=85369&p=154862#p154868) un cui ho aggiunto una videata TestDO che permette di editare in dettaglio così:


ma appena vado in lista con il pannello sbloccato e clicco su uno dei campi gli "a capo" vengono immediatamente sostituiti con la stringa vuota:


se torno in dettaglio o se clicco fuori dal campo vedo che in effetti "il pannello in lista ha modificato il campo togliendo gli a capo":


Non c'è modo di andare a capo in un campo text in lista?

Ho provato a fare un campo fuori lista e lì funziona:


però i miei utenti vorrebbero "come in excel o google drive o simili" di poter scrivere "su una tabella".

Al momento non si può in un pannello boostrap in lista?

Che alternative ci sono? fare un book o integrare un componente griglia esterno?

Ad esempio un rapido sguardo ai demo della DataGrid di devexreme mi mostra che questo si può fare:

Rif: https://js.devexpress.com/Demos/Widgets ... Vue/Light/

non è proprio ciò che voglio ma è un "custom editor" e probabilmente si può fare tutto, però il pannello Inde è la datagrid per definizione per noi sviluppatori Inde, posso capire integrare uno scheduler, ma addirittura una datagrid per potenziare l'IDPanel mi sembra estremo.

Concludendo: si può in qualche modo andare a capo in lista quando si edita?

Grazie.

[d.pierangeli]

Quando viene creata una cella di edit questa può essere un Input o una Textarea. In un caso è monoriga nell'altro può andare a capo.

Inde decide il tipo in base all'altezza con cui hai disegnato la cella nell'Editor.
Se in basso a sinistra quando ridimensioni l'editor vedi NR>1 significa che avrai una textarea altrimenti un input.

In lista Inde disegna una Table con delle celle, e queste vanno automaticamente a capo in base al contenuto.
Quando invece viene creata la cella di Edit questa segue le impostazioni che hai dato.

Probabilmente puoi risolvere il problema aumentando l'altezza della riga in lista nell'editor.

[f.faleschini]

Grazie per la risposta!

Facendo così:


funziona:


NR>1 fa la differenza.

[dr_whiteriver]

Scusami Diego una domanda... se invece sei in pannello modalità dettaglio e hai impostato su un campo nr>1 e maschera = per visualizzare l'html formattato.
E' normale che al ridimensionamento del browser non compaia la scrollbar all'interno del campo? Ho fatto una prova e togliendo la maschera la scrollbar appare...

grazie

[d.pierangeli]

In quel caso non hai una textarea ma un div con dentro l'html. Può essere che erediti qualche impostazione che nasconde la scrollbar.

Basta una classe css con overflow:auto; .

[dr_whiteriver]

Grazie! Appena provo farò delle prove...