Impostare larghezza minima su colonna di pannello in lista con Fluid

Tips & Tricks
, ,
1

Se in un pannello in lista di un’applicazione web, realizzata con Instant Developer Foundation o Studio, che utilizza un tema grafico Fluid voglio che, per i campi che hanno Adatta nel Ridimensionamento orizzontale, sia impostata una larghezza minima sotto la quale la dimensione del campo non scende, devo usare il CSS.

Quindi nella directory custom dell’applicazione andrò a creare il file customf.css e al suo interno posso utilizzare il seguente codice:

:root {
  --larghezza-minima: 200px;
}

.col panel-list-col field-header-clickable col-width-min {
  min-width: var(--larghezza-minima);
}

.col panel-list-col panel-qbe-row col-width-min {
  min-width: var(--larghezza-minima);
}

.col panel-list-col panel-active-row field-disabled-value col-width-min {
  min-width: 200px;
}

.col panel-list-col field-disabled-value col-width-min {
  min-width:var(--larghezza-minima);
}

Poi nella proprietà Classe CSS del campo a video andrò ad indicare:

col-width-min

In questo modo la colonna costruita sul quel campo avrà un min-width in tutti i settori che la compongono.

1 Mi Piace