Il tema grafico in modalità “legacy” della versione 8.8 può essere modificato e allineato al nuovo tema
Per modificare lo stile delle versioni 7.* fare riferimento all’articolo: Personalizzare il layout dei temi grafici per versioni 7.10+
La versione 8.8 di SuiteCRM, continua a far convivere la nuova struttura con la vecchia. Abbiamo quindi una doppia modalità di gestione delle interfacce, quella nuova di Angular e quella “legacy” compatibile con la versione 7.
La versione legacy è però disallineata alla nuova interfaccia delle schede di dettaglio e modifica.
Di seguito uno spunto per modificare la versione legacy e renderla simile alla nuova veste.
Creiamo il file
public/legacy/custom/themes/suite8/css/Dawn/style.css
all’interno di questo file possiamo inserire le nostre istruzioni
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
.label{color:#000;} .detail-view-row .label, .edit-view-row .label{width: 33.3333333333%; margin-top:0;margin-bottom:0;font-size:12.16px;font-weight:700;text-wrap: auto;} .detail-view-field, .edit-view-row .edit-view-row-item .edit-view-field{width:66.6666666667%;} .detail-view-row .label, .detail-view-field, .edit-view-row .label, .edit-view-row .edit-view-row-item .edit-view-field{min-height: 27px;line-height:1.5;padding-top:5px;} div.detail-view-row .detail-view-bordered{border:none;} .detail-view-field a{flex-grow: 0;} .detail-view-row .label.col-sm-2, .edit-view-row .label.col-sm-2{width:16.6666666667%;} .detail-view-field.col-sm-10, .edit-view-row .edit-view-row-item .edit-view-field.col-sm-10{width:83.3333333333%;} .dotted-border{background-color:#ddd;background-image:none;} |
perché il CRM rilevi le modifiche e carichi correttamente i nuovi files è necessario pulire la cache
bin/console cache:clear
Oppure potrebbe essere necessario effettuare anche un “repair e rebuild” dall’amministrazione.