Neues Design: Metal

[kleinklausi]

Irgendwie scheint er mit dem rowspan bei Groups mit nowidget="true" durcheinander zu kommen.

Hi,

ich habe auch das Problem mit rowspan und nowidget. Ich glaube, es hatte mal jemand geschrieben, dass das nicht so einfach zu beheben ist. Er hat statt rowspan mit </break> gearbeitet.

Keine Garantie - aber vielleicht ein Versuch wert.

Gruß

[haegar80]

Hallo zusammen,

ich bin immer noch dabei meine Visu zu "schleifen":

z.B. bei einer Heizung wäre sowas sinnvoll:

<slide...format="%d%%">

Egal was ich mache, bei mir wird immer nur die Zahl angezeigt:
- <slide min="0" max="100">
- <slide min="0" max="100" format="%d%%">
- <slide min="0" max="100" format="%.0f %"">
Es wird immer der genaue Wert angezeigt...



Ich habe auch mit den Groups mit nowidget="true" Probleme:

<group name="Regelung Heizkreis">
	<layout colspan="4" />
	<info>
		<layout colspan="2" />
		<address transform="DPT:16.000" readonly="true" variant="">10/3/2</address>
	</info>
	<group nowidget="true">
		<text align="center">
			<layout colspan="0.5" />
			<icon name="zeit_automatik" />
		</text>
		<toggle mapping="AktivNichtAktiv" styling="RotGrün" align="center">
			<layout colspan="1.5" />
			<address transform="DPT:1.001" readonly="false" variant="">10/3/10</address>
			<address transform="DPT:1.001" readonly="true" variant="">10/3/11</address>
		</toggle>
	</group>
	<break/>
	<group nowidget="true">
		<text align="center">
			<layout colspan="0.5" />
			<icon name="user_anwesend" />
		</text>
		<toggle mapping="AktivNichtAktiv" styling="NeutralGrün" align="center">
			<layout colspan="1.5" />
			<address transform="DPT:1.001" readonly="false" variant="">10/3/16</address>
			<address transform="DPT:1.001" readonly="true" variant="">10/3/17</address>
		</toggle>
	</group>
	<group nowidget="true">
		<text align="center">
			<layout colspan="0.5" />
			<icon name="user_abwesend" />
		</text>
		<toggle mapping="AktivNichtAktiv" styling="NeutralGrün" align="center">
			<layout colspan="1.5" />
			<address transform="DPT:1.001" readonly="false" variant="">10/3/18</address>
			<address transform="DPT:1.001" readonly="true" variant="">10/3/19</address>
		</toggle>
	</group>
</group>

Erwartet hätte ich, dass das Icon und der Toggle die Hälfte der Group rowspan ausfüllen (2) und das das nächste Icon mit dem Toggle daneben passen, weil ja noch 2 frei sind. Irgendwie scheint er mit dem rowspan bei Groups mit nowidget="true" durcheinander zu kommen. Er füllt anscheinend auch die Zeilen nicht auf. Verständlich?

Ach ja, ich verwende Chrome 22.0.1229.92 m

Danke
Sascha

[JuMi2006]

Ich habs in Firefox/Chrome (aktuelle Versionen) getestet.

Gruß
Tobias

Ich auch ... aber das wird mir per default angezeigt ... so war das nicht gedacht

Gruß

[MicHau]

Plugin jqclock

Hallo,

ich habe das jqclock-Plugin ausprobiert.

    <group name="Uhrzeit Datum">
      <jqclock lang="de" date="true"/>
    </group>

Hier gibt es eine kleine Unschönheit, da die Ziffern in der Schriftart Dosis unterschiedliche Breiten haben. Weil die Sekunden mitlaufen, springt die Anzeige ständig etwas hin und her.

Man könnte das meines Erachtens recht einfach in CSS beheben durch Hinzufügen von

.jqclock {
  font-family: Monospace;
  font-size: 4.5mm;
}

Dadurch würde die Standard-Mono-Schriftart des Browsers verwendet und etwas kleiner dargestellt, um nicht zu krass gegenüber Dosis auszusehen.

PS: Gerne kann ich das auch ins SVN stellen. Habe mir mal einen Account bei Sourceforge (Username: hausl) eingerichtet, um vielleicht auch mal was beitragen zu können.

[peuter]

Ich finde es schon machbar.

Ok hast mich überzeugt, irgendwie hatte ich das hässlich in Erinnerung .
In rev. #1037 implementiert. Per Default bleibt alles beim Alten. Will man den Wert des Sliders sehen muss man ein format definieren also z.B. bei einer Heizung wäre sowas sinnvoll:

<slide...format="%d%%">

Das zeigt dann den Wert in Prozent an.
Ich habs in Firefox/Chrome (aktuelle Versionen) getestet.

Gruß
Tobias

[Bodo]

Hoi

Ich finde es schon machbar.

[peuter]

Wie soll das aussehen? Das würde den Sliderknopf noch dicker machen. Gerade auf dem Tablet sind die Slider in der Breite eigentlich schon jetzt zu klein, vom Smartphone mal ganz zu schweigen.

Ganz genau, ich hatte das irgendwann mal versucht umzusetzen, sieht aber einfach nur schrecklich aus. Da hab ich sämtliche Versuche in der Richtung direkt abgebrochen.

[JuMi2006]

Hoi

Ist das eigentlich schon umgesetzt, dass ich den Wert eines Sliders als Zahl direkt im Sliderknopf sehe? 0-100% oder 0-90° oder 0-255

Hallo Bodo,

Wie soll das aussehen? Das würde den Sliderknopf noch dicker machen. Gerade auf dem Tablet sind die Slider in der Breite eigentlich schon jetzt zu klein, vom Smartphone mal ganz zu schweigen.

Optional wäre so was natürlich denkbar allerdings zweifle ich an der "usability" und Optik. 0% und 100% haben doch schon einen nicht zu verachtenden Größenunterschied.

Bei Raumtemperaturen könnte ich mir das allerdings durchaus vorstellen und es hätte vielleicht wirklich was.

Gruß Mirko

[Bodo]

mal ne Frage vom Küken

Hoi

Ist das eigentlich schon umgesetzt, dass ich den Wert eines Sliders als Zahl direkt im Sliderknopf sehe? 0-100% oder 0-90° oder 0-255

[peuter]

So, ich hab das mal versucht umzusetzen in Rev #1036.
Du müsstest dann Deine config in etwa so anpassen:

<page name="Arbeitszimmer">
    <layout colspan="12" />
    <group name="Jalousien">
        <layout colspan="12" />
        <group nowidget="true">
            <layout colspan="12" />
            <info format="%.0f %">
                <layout colspan="4" />
                <label>
                    <icon name="fts_rollo" />
                    Arbeitszimmerfenster
                </label>
                <address transform="DPT:5.001" mode="readwrite" variant="">0/7/5
                </address>
            </info>
            <trigger value="0" mapping="Positionen">
                <layout colspan="2" />
                <address transform="DPT:5.001" type="">0/7/5</address>
            </trigger>
            <trigger value="40" mapping="Positionen">
                <layout colspan="2" />
                <address transform="DPT:5.001" type="">0/7/5</address>
            </trigger>
            <trigger value="80" mapping="Positionen">
                <layout colspan="2" />
                <address transform="DPT:5.001" type="">0/7/5</address>
            </trigger>
            <trigger value="100" mapping="Positionen">
                <layout colspan="2" />
                <address transform="DPT:5.001" type="">0/7/5</address>
            </trigger>
        </group>
    </group>
    <group name="Steckdosen">
        <layout colspan="12" />
        <switch mapping="On_Off" styling="GreyGreen">
            <layout colspan="12" />
            <label>
                <icon name="meld_steckdose" />
                Steckdose Fenster
            </label>
            <address transform="DPT:1.001" variant="">13/5/1</address>
        </switch>
    </group>
    <group name="Heizung">
        <layout colspan="12" />
        <info format="%.1f °C">
            <layout colspan="12" />
            <label>
                <icon name="temp_temperatur" />
                Raumtemperatur
            </label>
            <address transform="DPT:9.001" variant="">0/1/3</address>
        </info>
    </group>
</page>

Gruß
Tobias

[SachsenTobi]

Hier wäre der Code zu dem was man im Moment sieht.

Im Bild sieht man dann was es ergibt :-) Es geht dabei um die Ansicht der Jalousiebuttons.

Lieben Dank




[INFORMATION]
<page name="Arbeitszimmer">
<layout colspan="12" />
<group name="Jalousien">
<--> <layout colspan="12" />
<--> <info format="%.0f %">
<--><------><layout colspan="4" />
<--><------><label><icon name="fts_rollo" />Arbeitszimmerfenster</label>
<--><------><address transform="DPT:5.001" readonly="false" variant="">0/7/5</address>
<--> </info>
<--> <trigger value="0" mapping="Positionen">
<--><------><layout colspan="2" />
<--><------><address transform="DPT:5.001" type="">0/7/5</address>
<--> </trigger>
<--> <trigger value="40" mapping="Positionen">
<--><------><layout colspan="2" />
<--><------><address transform="DPT:5.001" type="">0/7/5</address>
<--> </trigger>
<--> <trigger value="80" mapping="Positionen">
<--><------><layout colspan="2" />
<--><------><address transform="DPT:5.001" type="">0/7/5</address>
<--> </trigger>
<--> <trigger value="100" mapping="Positionen">
<--><------><layout colspan="2" />
<--><------><address transform="DPT:5.001" type="">0/7/5</address>
<--> </trigger>
<--></group>
<group name="Steckdosen">
<------> <layout colspan="12" />
<------> <switch mapping="On_Off" styling="GreyGreen">
<------> <layout colspan="12" />
<------> <label><icon name="meld_steckdose" />Steckdose Fenster</label>
<------> <address transform="DPT:1.001" variant="">13/5/1</address>
</switch>
</group>
<group name="Heizung">
<--> <layout colspan="12" />
<--> <info format="%.1f °C">
<------><layout colspan="12" />
<------><label><icon name="temp_temperatur" />Raumtemperatur</label>
<------><address transform="DPT:9.001" variant="">0/1/3</address>
<--> </info>
<------></group>
[/INFORMATION]

[peuter]

wie schaffe ich es, das wenn in einer zeile mit colspan gearbeitet wird zwischen den cols kein vertikaler Streifen gezeigt wird?

Ich habe eben pro Col einen Switch drin und will nicht noch vertikale Striche dazwischen?

Mit dem aktuellen Code geht das nicht. Die vertikalen Striche gehören zu dem Rahmen der alle Widgets umfasst. Die alle zu entfernen zerstört das Design (zumindest nach meinem ästetischen Empfinden).

Was allerdings denkbar wäre, wäre die Widgets, die sich innerhalb einer Gruppe mit <group nowidget="true"> befinden, ohne Rahmen darzustellen. Das käme dann optisch dem Multitrigger sehr nahe.

Was mir allerdings helfen würde, wäre ein Screenshot und Deine Config. Dann könnte ich das direkt am Beispiel testen und sehen ob ich hier in die richtige Richtung denke.

Gruß
Tobias

[SachsenTobi]

Hallo,

wie schaffe ich es, das wenn in einer zeile mit colspan gearbeitet wird zwischen den cols kein vertikaler Streifen gezeigt wird?

Ich habe eben pro Col einen Switch drin und will nicht noch vertikale Striche dazwischen?

Danke

[peuter]

Habs in der custom.css des Metal-designs einkopiert. Vermute mal das # muss mitkopiert werden?

#navbarTop .navbar .widget_container:first-child { width: 200px !important; }

Funktioniert dieser Befehl bei dir? Welcher Browser?

Habs gerade nochmal in die custom.css gepackt und getestet im Firefox + Chrome (jeweils aktuelle Version). Funktioniert bei mir. Wie hier schon erklärt wurde gehört das # dazu, ohne kann es nicht gehen.

Vielleicht kannst Du mal die custom.css direkt in Deinem Browser aufrufen also in etwa so http://xxx/visu/designs/metal/custom.css und dann siehst Du ob der Browser die aktuelle Version der Datei lädt (wenn nicht hilft eventuell einmal F5 drücken, zumindest beim Firefox, sonst Browsercache leeren).

Gruß
Tobias

[NetFritz]

Hallo
Ich habe es nur im "info mapping".
Gruß NetFritz