CSS "nur" für Heizungs-Slider

[Andreas K 0]

Hi,

ist es möglich, dass ich global alle Slider gleich konfigurieren kann via CSS aber aufgeteilt danach ob es ein Slider für einen Thermostat (Temperaturregelung) oder bspw. für einen Rollladen ist?

Das jeweils über die ID zu machen finde ich etwas "umständlich"

Mit CSS an sich bin ich recht vertraut, aber mir fehlt noch ein wenig der Überlick über die vorhandenen Selektoren in Jarvis für z.B. einen Slider: Welche Selektoren gibt es hier? Welche gibt es bei den anderen Elementen usw? Gibt es da eine Übersicht oder Doku zu? Oder kann ich das in Jarvis selbst irgendwo einsehen (Quellcode des Widgets anzeigen lassen?).

Ich habe "Jarvis - Pro" und bilde Stück für Stück mein ganze Haus darin nun ab. Stehe also noch recht am Anfang
Grüße

Andreas

[OliverIO]

@andreas-k-0

Mit den Developer Tools des Browsers (F12) Kannst du dir ja alle Informationen zu dem Widget genau anschauen. Also HTML, CSS, alles.
In den Widget Einstellungen, ich glaube, unter Allgemein, kannst du eine Klasse dem widget zu ordnen. Dadurch kannst du schön, die allgemeinen und die speziellen CSS Anweisungen voneinander trennen.

[Andreas K 0]

@oliverio

Danke Hat mir grundsätzlich geholfen - ist aber echt umständlich uff

[BananaJoe]

Also in VIS hat ja jedes Widget eine Widget-Nummer welche ich schon beim bearbeiten sehe.
Da muss ich im CSS dann vor die Eigenschaften immer nur die Widget-Nummer setzten und schon wird das nur auf das eine angewandt:

#w00087_input {
    color: #333333;
    padding-left: 10px;
    padding-top: 15px;
    border: none;
}

statt auf alle Input.
Nützt dir nur scheinbar bei Jarvis nicht viel?

[OliverIO]

@bananajoe

Noch besser ist es klassennamen zu verwenden

.myslider {
    color: #333333;
    padding-left: 10px;
    padding-top: 15px;
    border: none;
}

Und den klassennamen direkt in den Widget properties einzutragen.
So sind die designs wiederverwendbar.
Es lassen sich auch mehrere klassennamen eintragen um mehrere Designs zu kombinieren

[BananaJoe]

@oliverio in der Tat verwende ich beides parallel ... wie immer führen viele Wege zum Ziel.
Warum ich es mal so und mal anders gemacht habe kann ich gar nicht mehr sagen ...