Responsive Design: App automatisch an Bildschirmgröße anpassen! | Power Apps
3.6 هزار بار بازدید -
8 ماه پیش
-
Heute möchte ich dir zeigen,
Heute möchte ich dir zeigen, wie du deine App mithilfe von Responsive Design in Power Apps automatisch an verschiedene Bildschirmgrößen und Endgeräte anpassen kannst.
Responsive Design bedeutet, dass deine App nicht nur auf Desktop-Bildschirmen, sondern auch auf Laptops, Tablets und Smartphones gleichermaßen gut aussieht und dabei alle Funktionalitäten beibehält. Wie du das erreichst? Durch den geschickten Einsatz von flexiblen Containern in Power Apps, die sich sowohl in der Breite als auch in der Höhe an den verwendeten Bildschirm anpassen können.
Ich zeige dir genau, wie diese Container funktionieren, sodass sich alle Steuerelemente darin automatisch verkleinern, wenn die Bildschirmgröße abnimmt. Wir können sogar für ganz kleine Bildschirme einzelne Steuerelemente ausblenden, um den verfügbaren Platz effektiv zu nutzen.
Wenn du mehr darüber erfahren möchtest, wie du nicht nur Responsive Design in Power Apps umsetzen kannst, sondern komplette Anwendungen, dann melde dich hier zum Newsletter an, in dem ich dir Tipps und Tricks rund um Power Apps und Design zusende: https://www.powerappstrainer.de/newsl...
Hier gehts zum Blogbeitrag: https://www.powerappstrainer.de/blog/...
________
LINKS zu den Power Apps Videos
► Shopping App: IT Helpdesk mit Einkaufswagen (+ kost...
► Galerie & Formular: Galerie mit Bearbeitungsformular auf ...
► Kataloge & Formulare: Formulare und Kataloge – Tutorial für...
________
Timestamps:
0:00 Ziel des Videos
0:54 App erstellen
1:18 Was bedeutet responsive?
1:53 Skalierung anpassen
2:45 Vertikaler Container
3:24 Responsive Design Container
4:39 Responsive Header
8:29 Flexible Breite
9:38 User Profilbild
11:00 Screen Size (Bild ausblenden)
12:19 Schriftgröße Responsive
13:24 Responsive Galerie / Katalog
20:27 Responsive Formular
24:03 Galerie & Formular auf einem Bildschirm
Responsive Design bedeutet, dass deine App nicht nur auf Desktop-Bildschirmen, sondern auch auf Laptops, Tablets und Smartphones gleichermaßen gut aussieht und dabei alle Funktionalitäten beibehält. Wie du das erreichst? Durch den geschickten Einsatz von flexiblen Containern in Power Apps, die sich sowohl in der Breite als auch in der Höhe an den verwendeten Bildschirm anpassen können.
Ich zeige dir genau, wie diese Container funktionieren, sodass sich alle Steuerelemente darin automatisch verkleinern, wenn die Bildschirmgröße abnimmt. Wir können sogar für ganz kleine Bildschirme einzelne Steuerelemente ausblenden, um den verfügbaren Platz effektiv zu nutzen.
Wenn du mehr darüber erfahren möchtest, wie du nicht nur Responsive Design in Power Apps umsetzen kannst, sondern komplette Anwendungen, dann melde dich hier zum Newsletter an, in dem ich dir Tipps und Tricks rund um Power Apps und Design zusende: https://www.powerappstrainer.de/newsl...
Hier gehts zum Blogbeitrag: https://www.powerappstrainer.de/blog/...
________
LINKS zu den Power Apps Videos
► Shopping App: IT Helpdesk mit Einkaufswagen (+ kost...
► Galerie & Formular: Galerie mit Bearbeitungsformular auf ...
► Kataloge & Formulare: Formulare und Kataloge – Tutorial für...
________
Timestamps:
0:00 Ziel des Videos
0:54 App erstellen
1:18 Was bedeutet responsive?
1:53 Skalierung anpassen
2:45 Vertikaler Container
3:24 Responsive Design Container
4:39 Responsive Header
8:29 Flexible Breite
9:38 User Profilbild
11:00 Screen Size (Bild ausblenden)
12:19 Schriftgröße Responsive
13:24 Responsive Galerie / Katalog
20:27 Responsive Formular
24:03 Galerie & Formular auf einem Bildschirm
8 ماه پیش
در تاریخ 1402/09/20 منتشر شده
است.
3,664
بـار بازدید شده