Viestiketjulistan tyylien räätälöinti

Voit räätälöidä Viestiketjulista-komponentin tyylin lisäämällä valitsimia design.css-tiedostoon.

Näiden CSS-valitsimien avulla voit räätälöidä Viestiketjulista-komponentin tyylin.

Valitsimen nimi Kuvaus
.scs-convo-list-cust .scs-convo-list-container Komponentin ulommaisin DIV-elementti
.scs-convo-list-cust .scs-convo-list-title Viestiketjun otsikko listassa, kun se on valittu
.scs-convo-list-cust .scs-convo-list-line-separator Listan otsikon ja listan välinen erotin
.scs-convo-list-cust .scs-convo-list-convo-title Viestiketjun otsikko listassa
.scs-convo-list-cust .scs-convo-list-convo-line-separator Viestiketjujen välinen erotin
.scs-convo-list-cust .scs-convo-list-active Viestiketjun otsikko listassa, kun se on valittu
.scs-convo-list-cust .scs-convo-list-convo-posts Viestiketjun viestien määrä
.scs-convo-list-cust .scs-convo-list-convo-unread Viestiketjun lukemattomien viestien määrä
.scs-convo-list-cust .scs-convo-list-convo-updated Viestiketjun edellinen päivityspäivämäärä
.scs-convo-list-cust .scs-convo-list-no-convo-msg Sanoma, kun lista on tyhjä
.scs-convo-list-cust .scs-convo-list-no-auth-msg Sanoma, kun viestiketju muodostetaan julkisessa sivustossa ilman käyttäjän valtuutusta

Katso kohta Tyylien ja muotoilujen käyttäminen Sivustojen luonti Oracle Content Management -palvelulla -oppaassa.

Esimerkki

Tässä kuvassa esitellään räätälöidyn CSS-koodin käyttö viestiketjun fontin, tyylin ja värin muuttamiseen.


Kohteen GUID-8C78E17E-9CF5-4CA3-B014-55307FFE7426-default.png kuvaus seuraa
Kuvan GUID-8C78E17E-9CF5-4CA3-B014-55307FFE7426-default.png kuvaus

Seuraavassa näytetään esimerkin luontiin käytetty räätälöity CSS-koodi:

.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;
}