Stijlen van gesprekkenlijst aanpassen

U kunt de stijl van de component 'Gesprekkenlijst' aanpassen door selectors toe te voegen in het bestand design.css.

Gebruik deze CSS-selectors om de stijl van de component 'Gesprekkenlijst' aan te passen.

Naam selector Beschrijving
.scs-convo-list-cust .scs-convo-list-container Buitenste DIV van de component
.scs-convo-list-cust .scs-convo-list-title Titel van een gesprek in de lijst wanneer dit is geselecteerd
.scs-convo-list-cust .scs-convo-list-line-separator Scheidingsteken tussen lijsttitel en de lijst
.scs-convo-list-cust .scs-convo-list-convo-title Titel van een gesprek in de lijst
.scs-convo-list-cust .scs-convo-list-convo-line-separator Scheidingsteken tussen elk gesprek
.scs-convo-list-cust .scs-convo-list-active Titel van een gesprek in de lijst wanneer dit is geselecteerd
.scs-convo-list-cust .scs-convo-list-convo-posts Aantal postings van een gesprek
.scs-convo-list-cust .scs-convo-list-convo-unread Aantal ongelezen berichten van een gesprek
.scs-convo-list-cust .scs-convo-list-convo-updated Gesprek laatst bijgewerkt op
.scs-convo-list-cust .scs-convo-list-no-convo-msg Bericht wanneer de lijst leeg is
.scs-convo-list-cust .scs-convo-list-no-auth-msg Bericht wanneer de gesprekkenlijst op een publieke site wordt weergegeven zonder gebruikersautorisatie

Zie Stijlen en opmaak gebruiken in Sites bouwen met Oracle Content Management voor meer informatie.

Voorbeeld

In dit voorbeeld wordt het gebruik van aangepaste CSS voor wijzigingen van lettertype, stijl en kleur in een gesprekkenlijst getoond.


Beschrijving van GUID-8C78E17E-9CF5-4CA3-B014-55307FFE7426-default.png volgt hierna
Beschrijving van de illustratie GUID-8C78E17E-9CF5-4CA3-B014-55307FFE7426-default.png

In de volgende code wordt de aangepaste CSS getoond die is gebruikt om het voorbeeld te maken:

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