SWT RAP Anwendung - Tabelle - Theming

[Hummel1887]

Hallo zusammen,
ich möchte für eine RAP Anwendung meine Table mit einem Design versehen.
Habe eine css die auch benutzt wird jedoch sind wohl entweder meine CSS Fähigkeiten so
beschränkt oder es funktioniert wirklich nicht ( was ich mir nicht so recht vorstellen mag ) , jedenfalls
komme ich über

Table{
background-color : #isegal
}

nicht hinaus. Die angegebene Farbe wird gesetzt. Mein Ziel ist es an die Spaltenköpfe ranzukommen.

Ähnliches suche ich auch für ExpandItems jedoch wenn ich da richtig informiert bin ist es laut Bugzilla aktuell
nicht möglich die Farbe eines ExpandItems via CSS zu setzen. Korrigiert mich bitte 😉

Vielen Dank schonmal für Ideeen und Anregungen die mich hoffentlich
zu einer Lösung bringen.

Viele Grüße Jonas

 

[Gelöschtes Mitglied 23978]

Hallo Hummel1887,

hier ein kleines Beispiel wie du ausschließlich per CSS deine Tabellenköpfe bedienen kannst:

<style>
table thead
{
background: green;
}
</style>

<table>

<thead>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</thead>
<tbody>
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
</tr>

</tbody>
</table>

 

[Hummel1887]

Hallo,
vielen Dank erstmal. Leider hat das so auf anhieb nicht funktioniert.

Ich habe meiner Anwendung ein eigenes Theme zugeordnet das Theme wird über die Branding extension
eingebunden und funktioniert auch, zumindest wenn ich in der Theme Datei sowas angebe wie

Table
{
background-color: #FFFF00;
}

In Folge zeichnet er mir den kompletten Tabelleninhalt Hintergrund gelb.

Table thead
{
background: #FFFF00;
}

Jetzt hätte ich angenommen das er mir die Spaltenköpfe auch gelb macht.
Im Editor kommt jedenfalls schonmal das "thead" not correctly spelled sei.
Muss / kann ich das via

 .setData(WidgetUtil.CUSTOM_VARIANT,"cssBezeichner");

aussteuern ?

Die Fehlermeldung die nach dem Starten kommt ist:

org.w3c.css.sac.CSSException: Descendant selectors not supported by RAP - ignored
org.w3c.css.sac.CSSException: Failed to read property background: Unknown property background

 

[Gelöschtes Mitglied 23978]

Dann probiere es mal wie folgt:

<style>
table th
{
background: green;
}
</style>

<table>
<tr>
<th>1</th>
<th>2</th>
<th>3</th>
</tr>
<tbody>
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
</tr>

</tbody>
</table>