Personalizzare gli stili delle liste di conversazioni

È possibile personalizzare lo stile di un componente Lista conversazioni mediante l'aggiunta di selettori nel file design.css.

Utilizzare i selettori CSS indicati di seguito per personalizzare lo stile del componente Lista conversazioni.

Nome selettore Descrizione
.scs-convo-list-cust .scs-convo-list-container Tag DIV più esterna del componente
.scs-convo-list-cust .scs-convo-list-title Titolo di una conversazione nella lista quando viene selezionata
.scs-convo-list-cust .scs-convo-list-line-separator Separatore tra il titolo della lista e la lista
.scs-convo-list-cust .scs-convo-list-convo-title Titolo di una conversazione nella lista
.scs-convo-list-cust .scs-convo-list-convo-line-separator Separatore tra ogni conversazione
.scs-convo-list-cust .scs-convo-list-active Titolo di una conversazione nella lista quando viene selezionata
.scs-convo-list-cust .scs-convo-list-convo-posts Numero di post di una conversazione
.scs-convo-list-cust .scs-convo-list-convo-unread Numero di messaggi non letti di una conversazione
.scs-convo-list-cust .scs-convo-list-convo-updated Data dell'ultimo aggiornamento di una conversazione
.scs-convo-list-cust .scs-convo-list-no-convo-msg Messaggio visualizzato quando la lista è vuota
.scs-convo-list-cust .scs-convo-list-no-auth-msg Messaggio visualizzato quando viene eseguito il rendering del componente Lista conversazioni in un sito pubblico senza l'autorizzazione dell'utente

Vedere Utilizzare gli stili e la formattazione in Creazione di siti con Oracle Content Management.

Esempio

In questo esempio viene illustrato l'uso di CSS personalizzato per le modifiche di carattere, stile e colore apportate a un componente Lista conversazioni.


Segue la descrizione di GUID-8C78E17E-9CF5-4CA3-B014-55307FFE7426-default.png
Descrizione dell'illustrazione GUID-8C78E17E-9CF5-4CA3-B014-55307FFE7426-default.png

Il codice seguente mostra il CSS personalizzato utilizzato per creare l'esempio:

.scs-convo-list-cust .scs-convo-list-container {
    background-color: azure;
}

.scs-convo-list-cust .scs-convo-list-title {
    color: crimson;
}

.scs-convo-list-cust .scs-convo-list-line-separator {
    border-bottom: 2px dashed #dfe4e7;
}

.scs-convo-list-cust .scs-convo-list-convo-title {
    font-style: italic;
}

.scs-convo-list-cust .scs-convo-list-active {
    text-decoration: underline;
}

.scs-convo-list-cust .scs-convo-list-convo-posts {
    color: cadetblue;
    font-size: 12px;
}

.scs-convo-list-cust .scs-convo-list-convo-unread {
    color: brown;
    font-size: 12px;
    float: left;
}

.scs-convo-list-cust .scs-convo-list-convo-updated {
    color: blueviolet;
    font-size: 12px;
    clear:none;
}

.scs-convo-list-cust .scs-convo-list-no-convo-msg {
    font-size: 18px;
    color: darkorange;
}

.scs-convo-list-cust .scs-convo-list-no-auth-msg {
    font-size: 18px;
    color: red;
}