FB_CALLLIST in Floorplan

[RoBra81]

Hallo,

ich wollte nun mal die FB_CALLLIST in einen Floorplan integrieren und mir per CSS stylen. Leider ist die Calllist im Floorplan anders aufgebaut als im "normalen" FHEMWEB: Im Floorplan gibt es eine weitere Überschrift "Callist", die es im FHEMWEB nicht gibt und die ich nicht wegkonfigurieren kann (nein, es handelt sich nicht um den Namen, den habe ich mit Style 0 schon abgeschaltet).

Was mir auch nicht ganz gefällt, sind die ineinander verschachtelten Tabellen, die zu überflüssigen Margins führen, aber ich denke, dass kann man mit CSS auf 0 konfigurieren.

@Markus: könntest du dir das mit der überflüssigen Überschrift mal bitte ansehen?

Vielen Dank
Ronny

[RoBra81]

Hat sich erledigt, ich habe das Update mit dem Attribut no-heading gefunden

[Markus Bloch]

Hallo Ronny,

sehr gut, endlich jemand, der mal die commandref liest

Gruß
Markus

[octek0815]

Hallo,

ist es möglich die Breite der Anrufer-Liste zu definieren oder in da Modul einzubauen, ähnlich wie bei einer ReadingsGroup mit dem Style Attribut?

Da sich die Darstellung auf einem Floorplan immer wieder ändert durch die Breite der Anrufer-Namen.
Noch besser wäre es wenn mann pro Spalte die Breite definieren könnte.

Grüße
Olli

[RoBra81]

Hallo,

ist es möglich die Breite der Anrufer-Liste zu definieren oder in da Modul einzubauen, ähnlich wie bei einer ReadingsGroup mit dem Style Attribut?

Da sich die Darstellung auf einem Floorplan immer wieder ändert durch die Breite der Anrufer-Namen.
Noch besser wäre es wenn mann pro Spalte die Breite definieren könnte.

Grüße
Olli

Hallo,

das geht über CSS.

Ronny

[octek0815]

Hallo Ronny,

danke für die Antwort. Das habe ich schon probiert. Vielleicht fehlt mir auch ein wenig das Wissen.
Hast Du mal ein Beispiel (Code).

Grüße
Olli

[RoBra81]

Hallo,

meine Calllist heißt Calllist_Kurz und hier ein Auszug aus meiner CSS:

Code Auswählen Erweitern


#Calllist_Kurz > td > table {
  padding:5px;
  text-align:center;
  background:rgba(0, 0, 0, .4);
  border:1px solid;
  border-color:gray;
}

#Calllist_Kurz > td > table > tbody > tr > td > div > table > tbody > tr.fbcalllist.header > td:nth-child(1)
{
  width:35px;
  font-weight:bold;
  color:yellow;
}

#Calllist_Kurz > td > table > tbody > tr > td > div > table > tbody > tr.fbcalllist.header > td:nth-child(2)
{
  width:50px;
  font-weight:bold;
  color:yellow;
}


CSS-Pfade kann man im Chrome gut mit "Element untersuchen" ermitteln und kopieren...

Ronny

[octek0815]

Hallo Ronny,

vielen Dank für die super schnelle Antwort!

Das funktioniert hervorragend.

Grüße
Olli

[cotecmania]

Hallo,

kann mir jemand erklären, wie ich obige CSS einbinden kann ?
Es sollte allerdings so sein, dass es nach einem FHEM-Update weiterhin funktioniert ...

Danke