Prispôsobenie štýlov zoznamu konverzácií

Pridaním selektorov do súboru design.css môžete prispôsobiť štýly komponentu zoznamu konverzácií.

Pomocou týchto selektorov CSS môžete prispôsobiť štýl komponentu zoznamu konverzácií.

Názov selektora Popis
.scs-convo-list-cust .scs-convo-list-container Okrajový parameter DIV komponentu.
.scs-convo-list-cust .scs-convo-list-title Názov konverzácie v zozname, keď je vybratá.
.scs-convo-list-cust .scs-convo-list-line-separator Oddeľovač medzi názvom zoznamu a zoznamom.
.scs-convo-list-cust .scs-convo-list-convo-title Názov konverzácie v zozname.
.scs-convo-list-cust .scs-convo-list-convo-line-separator Oddeľovač medzi jednotlivými konverzáciami.
.scs-convo-list-cust .scs-convo-list-active Názov konverzácie v zozname, keď je vybratá.
.scs-convo-list-cust .scs-convo-list-convo-posts Počet príspevkov v konverzácii.
.scs-convo-list-cust .scs-convo-list-convo-unread Počet neprečítaných správ v konverzácii.
.scs-convo-list-cust .scs-convo-list-convo-updated Dátum poslednej aktualizácie konverzácie.
.scs-convo-list-cust .scs-convo-list-no-convo-msg Správa, ktorá sa zobrazí, keď je zoznam prázdny.
.scs-convo-list-cust .scs-convo-list-no-auth-msg Správa, ktorá sa zobrazí, keď sa zoznam konverzácií vykreslí na verejnej lokalite bez autorizácie používateľa.

Pozrite si časť Používanie štýlov a formátovania v príručke Vytváranie lokalít v službe Oracle Content Management.

Príklad

Táto vzorka znázorňuje prispôsobený štýl CSS pre písmo, štýl a zmeny farieb v zozname konverzácií.


Popis GUID-8C78E17E-9CF5-4CA3-B014-55307FFE7426-default.png je uvedený nižšie
Popis obrázka GUID-8C78E17E-9CF5-4CA3-B014-55307FFE7426-default.png

Nasledujúci kód znázorňuje prispôsobený štýl CSS použitý na vytvorenie vzorky:

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