Du kan tilpasse stilen for en konversasjonslistekomponent ved å legge til velgere i filen design.css
.
Bruk disse CSS-velgerne til å tilpasse stilen for konversasjonslistekomponenten.
Velgernavn | Beskrivelse |
---|---|
.scs-convo-list-cust .scs-convo-list-container |
Ytterste DIV for komponenten |
.scs-convo-list-cust .scs-convo-list-title |
Tittelen på en konversasjon i listen når den er valgt |
.scs-convo-list-cust .scs-convo-list-line-separator |
Skilletegn mellom listetittelen og listen |
.scs-convo-list-cust .scs-convo-list-convo-title |
Tittelen på en konversasjon i listen |
.scs-convo-list-cust .scs-convo-list-convo-line-separator |
Skilletegn mellom hver konversasjon |
.scs-convo-list-cust .scs-convo-list-active |
Tittelen på en konversasjon i listen når den er valgt |
.scs-convo-list-cust .scs-convo-list-convo-posts |
Antall innlegg i en konversasjon |
.scs-convo-list-cust .scs-convo-list-convo-unread |
Antall uleste meldinger i en konversasjon |
.scs-convo-list-cust .scs-convo-list-convo-updated |
Den siste oppdateringsdatoen for en konversasjon |
.scs-convo-list-cust .scs-convo-list-no-convo-msg |
Melding når listen er tom |
.scs-convo-list-cust .scs-convo-list-no-auth-msg |
Melding når konversasjonslisten gjengis på et offentlig område uten brukerautorisasjon |
Se Bruke stiler og formatering i Bygge områder med Oracle Content Management.
Eksempel
Dette eksemplet illustrerer bruken av tilpasset CSS for endringer av skrifttype, stil og farge i en konversasjonsliste.
Den følgende koden viser tilpasset CSS som brukes til å opprette eksemplet:
.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; }