Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[NWH]

Hallo
Ich würde gerne einen Button(Material Design) für eine Navigation erstellen, wobei der Text des Button vertikal geschrieben stehen soll. Grund wäre, damit ich mehrere entbeinender platzieren kann.

Also zB_ das das CORONA vertikal nach unten geschrieben steht.

Ich verwende diese Einstellungen für den oben gezeigten Button.

Wie kann ich das machen?

[Glasfaser]

@nwh

Versuche damit mal :

https://forum.iobroker.net/topic/36121/rolladen-widget-gedreht-anzeigen-solved-gelöst/2

https://forum.iobroker.net/topic/24278/via-css-gedrehter-text-android-app/1

[NWH]

@glasfaser ...das klappt wunderbar.

Allerdings hätte ich jetzt noch gerne, dass die Schrift von oben nach unten ist.

C
O
R
O
N
A

[Glasfaser]

@nwh

Nimm mal nur das :
CSS Eintrag : vertikal

.vertikal { 
  writing-mode: vertical-lr; 
  text-orientation: upright; 
}

[NWH]

@glasfaser sagte in Material Design Schrift vertikal:

Danke dir, genau so wollte ich das. Mit der Schrift muss ich mir noch was einfallen lassen.....

[Glasfaser]

@nwh

ist halt der Nachteil von vertikaler Schrift .

Was wäre , anstatt der "Wörter Home , Licht , Wetter ...." dafür nur Symbole zu nehmen !?

[NWH]

@glasfaser Ja gute Idee, aber Icons gehen wieder in die Breite. Dann komme ich wieder mit dem Platz nicht aus.

[Glasfaser]

@nwh

Wie ich oben sehe , sind das Navigations Widgets.

Warum nicht so , mit einem TopAppBar Widget ?

[NWH]

@glasfaser Hui das ist aber cool, ist es möglich diese evnt. zu kopieren und ich würde es mir auf meine Bedürfnisse anpassen?

[Glasfaser]

@nwh

Nimm dieses komplette Projekt :

https://forum.iobroker.net/topic/30497/vorstellung-meine-dritte-vis

[NWH]

@glasfaser eigentlich bräuchte ich nur das Menu. Was ich gesehen habe ist das nirgends extra zum herausnehmen, oder täusche ich mich da?

[Glasfaser]

@nwh

Du kannst jedes Widget aus seinem Projekt exportieren .

Du mußt nur bedenken , das du eine Startview brauchst , wo du nur zwei Widget´s nutzt
Einmal das Material Design Widget und das view in widget 8.

https://forum.iobroker.net/topic/29660/material-design-widgets-top-app-bar-widget

[NWH]

@glasfaser puh, ob ich das schaffe bin ich mir nicht so sicher, aber ich werde es morgen mal versuchen. Aber erstmal Danke und gn8.