Anpassung der Darstellung fürs Handy

[Damian]

Bevor ich die css-Definitionen durchforste.

Wo kann ich elegant einstellen, dass bei einer schmalen Bildschirmbreite (Hochformat, typische Angabe bei Handys), nicht alles auf den Bildschirm gequetscht wird (siehe Anhänge), sondern verschiebbar bleibt, wie im Querformat?

Es handelt sich um eine Darstellung mehrerer Spalten.

[rudolfkoenig]

Es gibt zwar in "Select Style" => "f18" die "Show all columns in portrait mode" Einstellung, aber ich glaube das wird das o.g. Problem nicht beheben, und andere Loesungen fallen mir nicht ein.

Kannst Du mir bitte eine Beispielkonfiguration bauen, mit dem ich das Problem nachstellen kann?

[Damian]

Es gibt zwar in "Select Style" => "f18" die "Show all columns in portrait mode" Einstellung, aber ich glaube das wird das o.g. Problem nicht beheben, und andere Loesungen fallen mir nicht ein.

Kannst Du mir bitte eine Beispielkonfiguration bauen, mit dem ich das Problem nachstellen kann?

"Show all columns in portrait mode" hatte ich schon aktiviert.

Hier mal eine Beispielkonfiguration mit zwei Devices in zwei Spalten

Code Auswählen Erweitern

defmod di_bar DOIF ##
attr di_bar group col1
attr di_bar room column
attr di_bar uiTable {package ui_Table}\
## von 0 bis 20 in Farben von grün (hue:120) bis rot (hue:0)\
"Umlaufmenge"|bar(12.9,0,20,"Umlauf",120,0,"l/min")\
## von 0 bis 3 in Farben von rot (hue:0) bis türkis (hue:180)\
"Wasserdruck"|bar(1.3,0,3,undef,0,180,"bar",undef,70,undef,undef,"1,font-size:130%;;font-weight:normal")\
"Temperatur"|bar(15.8,-20,60,undef,undef,undef,"°C",undef,undef,undef,\&temp_hue)

defmod di_bar_scaling DOIF ##
attr di_bar_scaling group col2
attr di_bar_scaling room column
attr di_bar_scaling uiTable {package ui_Table;;\
$SHOWNODEVICELINE = "test9";;\
}\
FOR ((0,10,20,30,40,50,60,70,80,90,100),hum_bar("$_")|)|""\
FOR ((0,10,20,30,40,50,60,70,80,90,100),hum_bar("$_",undef,undef,undef,undef,80)|)|""\
FOR ((0,10,20,30,40,50,60,70,80,90,100),hum_bar("$_",undef,undef,undef,undef,70,100)|)|""


Code Auswählen Erweitern

attr WEBHOME column column:col1|col2