{"id":49900,"date":"2024-07-24T11:45:59","date_gmt":"2024-07-24T09:45:59","guid":{"rendered":"https:\/\/community.simplifier.io\/doc\/erstellen-sie-apps-von-grund-auf-neu\/erstellen-der-benutzeroberflaeche\/"},"modified":"2025-12-11T15:40:17","modified_gmt":"2025-12-11T13:40:17","slug":"erstellen-der-benutzeroberflaeche","status":"publish","type":"manual_documentation","link":"https:\/\/community.simplifier.io\/de\/doc\/erstellen-sie-apps-von-grund-auf-neu\/erstellen-der-benutzeroberflaeche\/","title":{"rendered":"Benutzeroberfl\u00e4che erstellen"},"content":{"rendered":"<div class=\"wpb-content-wrapper\" id=\"wpb-content-root\"><p>[vc_row row_content_display=&#8221;in_grid&#8221; row_content_display_align=&#8221;left&#8221; row_type=&#8221;row&#8221; stretch_row_type=&#8221;yes&#8221;][vc_column][vc_column_text]<\/p>\n<div>\n<p><iframe loading=\"lazy\" title=\"Process Designer 6.5\" src=\"https:\/\/player.vimeo.com\/video\/592596821?dnt=1&amp;app_id=122963\" width=\"700\" height=\"394\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write\"><\/iframe><\/p>\n<\/div>\n<p>Erstellen und gestalten Sie die Benutzeroberfl\u00e4che einer Anwendung mit dem <strong>UI Designer<\/strong>. Die Oberfl\u00e4che des UI Designers ist in vier Bereiche unterteilt: <\/p>\n<h3><strong><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-28122 size-full\" src=\"https:\/\/community.simplifier.io\/wp-content\/uploads\/screenshots\/07_widgetgroups.png\" alt=\"\" width=\"1920\" height=\"1080\"><\/strong>Bildschirme &amp; Widgets<\/h3>\n<div>\n<p>Auf der linken Seite finden Sie die \u00dcbersicht aller erstellten Bildschirme und k\u00f6nnen zu den Widgets wechseln, um den Bildschirminhalt zu f\u00fcllen. Die Widgets sind z. B. Buttons, Checkboxen usw., aber auch ganze Login-Masken k\u00f6nnen \u00fcber ein Widget angezeigt werden. Wenn die Standard-Widgets nicht ausreichen, k\u00f6nnen Sie jederzeit <a >eigene Widgets erstellen<\/a>.  <\/p>\n<h3>Bildschirm-Content-Baum<\/h3>\n<p>In diesem Bereich wird der Bildschirm-Content des aktuell ausgew\u00e4hlten Bildschirms als Baumstruktur angezeigt. Sie k\u00f6nnen hier die Widgets hinzuf\u00fcgen und sie per Drag &amp; Drop anordnen, aber auch mit den Pfeiltasten oder WASD auf Ihrer Tastatur. <\/p>\n<h3>Anwendungsvorschau<\/h3>\n<p>In diesem Abschnitt erhalten Sie eine Echtzeitvorschau des aktuellen Bildschirms. Sie k\u00f6nnen hier auch Widgets hineinziehen und direkt per Drag &amp; Drop anordnen. <\/p>\n<h3><strong>Eigenschaftenbereich<\/strong><\/h3>\n<p>Auf der rechten Seite werden die Eigenschaften des ausgew\u00e4hlten Widgets angepasst.<\/p>\n<\/div>\n<hr>\n<p><strong>Sie haben in der oberen Men\u00fcleiste mehrere Optionen, um zu bestimmten Funktionen zu navigieren:<\/strong><\/p>\n<table style=\"border-collapse: collapse; width: 100%; height: 464px;\" border=\"1\">\n<tbody>\n<tr style=\"height: 24px;\">\n<td style=\"width: 18.685%; height: 24px;\"><strong>Designer<\/strong><\/td>\n<td style=\"width: 69.664%; height: 24px;\">Erstellen und gestalten Sie die Benutzeroberfl\u00e4che der Anwendung.<\/td>\n<\/tr>\n<tr style=\"height: 24px;\">\n<td style=\"width: 18.685%; height: 24px;\"><strong>Process<\/strong><\/td>\n<td style=\"width: 69.664%; height: 24px;\">Definieren Sie die Prozesslogik der Anwendung.<\/td>\n<\/tr>\n<tr style=\"height: 24px;\">\n<td style=\"width: 18.685%; height: 24px;\"><strong>Data Workbench<\/strong><\/td>\n<td style=\"width: 69.664%; height: 24px;\">Verwalten Sie benutzerdefinierte Ereignisse, globale Variablen und automatische Felder, die Sie funktions\u00fcbergreifend in den User Stories verwenden m\u00f6chten.<\/td>\n<\/tr>\n<tr style=\"height: 24px;\">\n<td style=\"width: 88.349%; height: 24px;\" colspan=\"2\"><strong>Tests<\/strong><\/td>\n<\/tr>\n<tr style=\"height: 23px;\">\n<td style=\"width: 18.685%; height: 23px;\"><strong> OPA5<\/strong><\/td>\n<td style=\"width: 69.664%; height: 23px;\">Mit dem OPA5-Testframework k\u00f6nnen Sie Testf\u00e4lle schreiben, die nach der Bereitstellung ausgef\u00fchrt werden.<\/td>\n<\/tr>\n<tr style=\"height: 23px;\">\n<td style=\"width: 18.685%; height: 23px;\"><strong> TBaaS<\/strong><\/td>\n<td style=\"width: 69.664%; height: 23px;\">TBaaS ist ein automatisierter Testservice von j&amp;s soft, um Ihre Anwendung in verschiedenen Umgebungen zu testen.<\/td>\n<\/tr>\n<tr style=\"height: 24px;\">\n<td style=\"width: 88.349%; height: 24px;\" colspan=\"2\"><strong>Andere<\/strong><\/td>\n<\/tr>\n<tr style=\"height: 24px;\">\n<td style=\"width: 18.685%; height: 24px;\">     <strong>CSS Editor<\/strong><\/td>\n<td style=\"width: 69.664%; height: 24px;\">Verwenden Sie den CSS Editor, um z. B. Abst\u00e4nde, Gr\u00f6\u00dfen usw. anzupassen.<\/td>\n<\/tr>\n<tr style=\"height: 24px;\">\n<td style=\"width: 18.685%; height: 24px;\">     <strong>Assets<\/strong><\/td>\n<td style=\"width: 69.664%; height: 24px;\">Laden Sie Assets wie Dokumente, Bilder, CAD-Modelle oder andere Dateitypen hoch.<\/td>\n<\/tr>\n<tr style=\"height: 24px;\">\n<td style=\"width: 18.685%; height: 24px;\">     <strong>Security<\/strong><\/td>\n<td style=\"width: 69.664%; height: 24px;\">Weisen Sie Anwendungen Rollen zu.<\/td>\n<\/tr>\n<tr style=\"height: 24px;\">\n<td style=\"width: 18.685%; height: 24px;\">     <strong>Language<\/strong><\/td>\n<td style=\"width: 69.664%; height: 24px;\">\u00dcbersetzen Sie eine Anwendung in verschiedene Sprachen und legen Sie eine Fallbacksprache fest.<\/td>\n<\/tr>\n<tr style=\"height: 24px;\">\n<td style=\"width: 18.685%; height: 24px;\">     <strong>Theming<\/strong><\/td>\n<td style=\"width: 69.664%; height: 24px;\">Laden Sie ein bestimmtes Theme hoch, um einer Anwendung ein spezifisches Aussehen gem\u00e4\u00df Ihren Corporate Design Richtlinien zu verleihen.<\/td>\n<\/tr>\n<tr style=\"height: 24px;\">\n<td style=\"width: 18.685%; height: 24px;\">     <strong>Libraries<\/strong><\/td>\n<td style=\"width: 69.664%; height: 24px;\">F\u00fcgen Sie einer Anwendung Bibliotheken hinzu und erhalten Sie einen \u00dcberblick \u00fcber deren Abh\u00e4ngigkeiten.<\/td>\n<\/tr>\n<tr style=\"height: 24px;\">\n<td style=\"width: 18.685%; height: 24px;\">     <strong>Code<\/strong><\/td>\n<td style=\"width: 69.664%; height: 24px;\">\n<p>Der Code Designer ist eine webbasierte Entwicklungsumgebung, die zum Schreiben von Quellcode wie in einer normalen IDE verwendet werden kann.<\/p>\n<p><strong>Hinweis: \u00c4nderungen werden nicht auf den Process Designer der Anwendung angewendet.<\/strong><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><strong>Auf der rechten Seite haben Sie folgende Optionen: <\/strong><\/p>\n<table style=\"border-collapse: collapse; width: 100%;\" border=\"1\">\n<tbody>\n<tr style=\"height: 24px;\">\n<td style=\"width: 18.685%; height: 24px;\"><strong>Deploy<\/strong><\/td>\n<td style=\"width: 69.664%; height: 24px;\">Stellt die aktuelle App-Konfiguration bereit \u2013 Es ist notwendig, eine Anwendung vor dem \u00d6ffnen (Vorschau) bereitzustellen<\/td>\n<\/tr>\n<tr style=\"height: 24px;\">\n<td style=\"width: 18.685%; height: 24px;\"><strong>\u00d6ffnen<\/strong><\/td>\n<td style=\"width: 69.664%; height: 24px;\">\u00d6ffnen Sie eine Anwendung im Browser \u2013 Beachten Sie, dass keine mobilen Funktionen wie Kamera verf\u00fcgbar sind. Verwenden Sie den Simplifier Mobile Client, um mobile Anwendungen in der Vorschau anzuzeigen <\/td>\n<\/tr>\n<tr style=\"height: 24px;\">\n<td style=\"width: 18.685%; height: 24px;\"><strong>Exit<\/strong><\/td>\n<td style=\"width: 69.664%; height: 24px;\">\n<p>Beenden Sie die aktuelle App-Konfiguration \u2013 Aufgrund des AutoSave ist es nicht notwendig, explizit zu speichern.<\/p>\n<p><strong>Achtung: Dies gilt nicht f\u00fcr andere Bereiche.<\/strong><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Erstellen und gestalten Sie einzigartige Apps mit der viergeteilten Oberfl\u00e4che des UI Designers: Bildschirme &amp; Widgets, Bildschirm-Content-Baum, Anwendungsvorschau und Eigenschaftenbereich. F\u00fcgen Sie benutzerdefinierte Widgets hinzu oder ordnen Sie sie per Drag &amp; Drop an. Stellen Sie Ihre App-Konfiguration einfach bereit, \u00f6ffnen oder beenden Sie sie.  <\/p>\n","protected":false},"author":3651,"featured_media":0,"parent":49243,"menu_order":84,"template":"","format":"standard","class_list":["post-49900","manual_documentation","type-manual_documentation","status-publish","format-standard","hentry","manualdocumentationcategory-aktueller-release"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Benutzeroberfl\u00e4che erstellen - Simplifier Makers Club<\/title>\n<meta name=\"description\" content=\"Erstellen und gestalten Sie einzigartige Apps mit der viergeteilten Oberfl\u00e4che des UI Designers: Bildschirme &amp; Widgets, Bildschirm-Content-Baum, Anwendungsvorschau und Eigenschaftenbereich. F\u00fcgen Sie benutzerdefinierte Widgets hinzu oder ordnen Sie sie per Drag &amp; Drop an. Stellen Sie Ihre App-Konfiguration einfach bereit, \u00f6ffnen oder beenden Sie sie.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/community.simplifier.io\/de\/doc\/erstellen-sie-apps-von-grund-auf-neu\/erstellen-der-benutzeroberflaeche\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Benutzeroberfl\u00e4che erstellen - Simplifier Makers Club\" \/>\n<meta property=\"og:description\" content=\"Erstellen und gestalten Sie einzigartige Apps mit der viergeteilten Oberfl\u00e4che des UI Designers: Bildschirme &amp; Widgets, Bildschirm-Content-Baum, Anwendungsvorschau und Eigenschaftenbereich. F\u00fcgen Sie benutzerdefinierte Widgets hinzu oder ordnen Sie sie per Drag &amp; Drop an. Stellen Sie Ihre App-Konfiguration einfach bereit, \u00f6ffnen oder beenden Sie sie.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/community.simplifier.io\/de\/doc\/erstellen-sie-apps-von-grund-auf-neu\/erstellen-der-benutzeroberflaeche\/\" \/>\n<meta property=\"og:site_name\" content=\"Simplifier Makers Club\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/simplifier.io\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-11T13:40:17+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@simplifier_io\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"2\u00a0Minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"TechArticle\",\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/erstellen-sie-apps-von-grund-auf-neu\\\/erstellen-der-benutzeroberflaeche\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/erstellen-sie-apps-von-grund-auf-neu\\\/erstellen-der-benutzeroberflaeche\\\/\"},\"author\":{\"name\":\"Andreas Dallner\",\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/#\\\/schema\\\/person\\\/814075d0504de8a4e87666436dc7e636\"},\"headline\":\"Benutzeroberfl\u00e4che erstellen\",\"datePublished\":\"2024-07-24T09:45:59+00:00\",\"dateModified\":\"2025-12-11T13:40:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/erstellen-sie-apps-von-grund-auf-neu\\\/erstellen-der-benutzeroberflaeche\\\/\"},\"wordCount\":488,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/erstellen-sie-apps-von-grund-auf-neu\\\/erstellen-der-benutzeroberflaeche\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/community.simplifier.io\\\/wp-content\\\/uploads\\\/screenshots\\\/07_widgetgroups.png\",\"inLanguage\":\"de\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/erstellen-sie-apps-von-grund-auf-neu\\\/erstellen-der-benutzeroberflaeche\\\/\",\"url\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/erstellen-sie-apps-von-grund-auf-neu\\\/erstellen-der-benutzeroberflaeche\\\/\",\"name\":\"Benutzeroberfl\u00e4che erstellen - Simplifier Makers Club\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/erstellen-sie-apps-von-grund-auf-neu\\\/erstellen-der-benutzeroberflaeche\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/erstellen-sie-apps-von-grund-auf-neu\\\/erstellen-der-benutzeroberflaeche\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/community.simplifier.io\\\/wp-content\\\/uploads\\\/screenshots\\\/07_widgetgroups.png\",\"datePublished\":\"2024-07-24T09:45:59+00:00\",\"dateModified\":\"2025-12-11T13:40:17+00:00\",\"description\":\"Erstellen und gestalten Sie einzigartige Apps mit der viergeteilten Oberfl\u00e4che des UI Designers: Bildschirme &amp; Widgets, Bildschirm-Content-Baum, Anwendungsvorschau und Eigenschaftenbereich. F\u00fcgen Sie benutzerdefinierte Widgets hinzu oder ordnen Sie sie per Drag &amp; Drop an. Stellen Sie Ihre App-Konfiguration einfach bereit, \u00f6ffnen oder beenden Sie sie.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/erstellen-sie-apps-von-grund-auf-neu\\\/erstellen-der-benutzeroberflaeche\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/erstellen-sie-apps-von-grund-auf-neu\\\/erstellen-der-benutzeroberflaeche\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/erstellen-sie-apps-von-grund-auf-neu\\\/erstellen-der-benutzeroberflaeche\\\/#primaryimage\",\"url\":\"https:\\\/\\\/community.simplifier.io\\\/wp-content\\\/uploads\\\/screenshots\\\/07_widgetgroups.png\",\"contentUrl\":\"https:\\\/\\\/community.simplifier.io\\\/wp-content\\\/uploads\\\/screenshots\\\/07_widgetgroups.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/erstellen-sie-apps-von-grund-auf-neu\\\/erstellen-der-benutzeroberflaeche\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Builder-Leitfaden\",\"item\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/app-builder-leitfaden\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Apps erstellen\",\"item\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/app-builder-leitfaden\\\/bauen\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Apps von Grund auf neu erstellen\",\"item\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/app-builder-leitfaden\\\/bauen\\\/erstellen-sie-apps-von-grund-auf-neu\\\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Benutzeroberfl\u00e4che erstellen\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/#website\",\"url\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/\",\"name\":\"Simplifier Makers Club\",\"description\":\"Where Ideas become Digital Reality - Simplifier Documentation, Knowledgebase, Forum, Courses and Marketplace\",\"publisher\":{\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/#organization\",\"name\":\"Simplifier AG\",\"url\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/community.simplifier.io\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/simplifier-logo.png\",\"contentUrl\":\"https:\\\/\\\/community.simplifier.io\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/simplifier-logo.png\",\"width\":651,\"height\":150,\"caption\":\"Simplifier AG\"},\"image\":{\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/simplifier.io\\\/\",\"https:\\\/\\\/x.com\\\/simplifier_io\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/simplifier-ag\\\/\",\"https:\\\/\\\/www.youtube.com\\\/c\\\/Simplifier\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/#\\\/schema\\\/person\\\/814075d0504de8a4e87666436dc7e636\",\"name\":\"Andreas Dallner\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/wp-content\\\/uploads\\\/avatars\\\/3651\\\/1745953947-bpfull.jpg\",\"url\":\"https:\\\/\\\/community.simplifier.io\\\/wp-content\\\/uploads\\\/avatars\\\/3651\\\/1745953947-bpfull.jpg\",\"contentUrl\":\"https:\\\/\\\/community.simplifier.io\\\/wp-content\\\/uploads\\\/avatars\\\/3651\\\/1745953947-bpfull.jpg\",\"caption\":\"Andreas Dallner\"},\"description\":\"Hello, I\u2019m Andreas, Head of Product Management at Simplifier. My mission is to ensure that our product evolves in alignment with your needs. I translate your needs into innovative product features by closely listening to your feedback and understanding your requirements. My goal is to help you fully leverage the power of low-code technology, providing the right support and methodologies to drive significant value for your business\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Benutzeroberfl\u00e4che erstellen - Simplifier Makers Club","description":"Erstellen und gestalten Sie einzigartige Apps mit der viergeteilten Oberfl\u00e4che des UI Designers: Bildschirme &amp; Widgets, Bildschirm-Content-Baum, Anwendungsvorschau und Eigenschaftenbereich. F\u00fcgen Sie benutzerdefinierte Widgets hinzu oder ordnen Sie sie per Drag &amp; Drop an. Stellen Sie Ihre App-Konfiguration einfach bereit, \u00f6ffnen oder beenden Sie sie.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/community.simplifier.io\/de\/doc\/erstellen-sie-apps-von-grund-auf-neu\/erstellen-der-benutzeroberflaeche\/","og_locale":"de_DE","og_type":"article","og_title":"Benutzeroberfl\u00e4che erstellen - Simplifier Makers Club","og_description":"Erstellen und gestalten Sie einzigartige Apps mit der viergeteilten Oberfl\u00e4che des UI Designers: Bildschirme &amp; Widgets, Bildschirm-Content-Baum, Anwendungsvorschau und Eigenschaftenbereich. F\u00fcgen Sie benutzerdefinierte Widgets hinzu oder ordnen Sie sie per Drag &amp; Drop an. Stellen Sie Ihre App-Konfiguration einfach bereit, \u00f6ffnen oder beenden Sie sie.","og_url":"https:\/\/community.simplifier.io\/de\/doc\/erstellen-sie-apps-von-grund-auf-neu\/erstellen-der-benutzeroberflaeche\/","og_site_name":"Simplifier Makers Club","article_publisher":"https:\/\/www.facebook.com\/simplifier.io\/","article_modified_time":"2025-12-11T13:40:17+00:00","twitter_card":"summary_large_image","twitter_site":"@simplifier_io","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"2\u00a0Minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"TechArticle","@id":"https:\/\/community.simplifier.io\/de\/doc\/erstellen-sie-apps-von-grund-auf-neu\/erstellen-der-benutzeroberflaeche\/#article","isPartOf":{"@id":"https:\/\/community.simplifier.io\/de\/doc\/erstellen-sie-apps-von-grund-auf-neu\/erstellen-der-benutzeroberflaeche\/"},"author":{"name":"Andreas Dallner","@id":"https:\/\/community.simplifier.io\/de\/#\/schema\/person\/814075d0504de8a4e87666436dc7e636"},"headline":"Benutzeroberfl\u00e4che erstellen","datePublished":"2024-07-24T09:45:59+00:00","dateModified":"2025-12-11T13:40:17+00:00","mainEntityOfPage":{"@id":"https:\/\/community.simplifier.io\/de\/doc\/erstellen-sie-apps-von-grund-auf-neu\/erstellen-der-benutzeroberflaeche\/"},"wordCount":488,"commentCount":0,"publisher":{"@id":"https:\/\/community.simplifier.io\/de\/#organization"},"image":{"@id":"https:\/\/community.simplifier.io\/de\/doc\/erstellen-sie-apps-von-grund-auf-neu\/erstellen-der-benutzeroberflaeche\/#primaryimage"},"thumbnailUrl":"https:\/\/community.simplifier.io\/wp-content\/uploads\/screenshots\/07_widgetgroups.png","inLanguage":"de"},{"@type":"WebPage","@id":"https:\/\/community.simplifier.io\/de\/doc\/erstellen-sie-apps-von-grund-auf-neu\/erstellen-der-benutzeroberflaeche\/","url":"https:\/\/community.simplifier.io\/de\/doc\/erstellen-sie-apps-von-grund-auf-neu\/erstellen-der-benutzeroberflaeche\/","name":"Benutzeroberfl\u00e4che erstellen - Simplifier Makers Club","isPartOf":{"@id":"https:\/\/community.simplifier.io\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/community.simplifier.io\/de\/doc\/erstellen-sie-apps-von-grund-auf-neu\/erstellen-der-benutzeroberflaeche\/#primaryimage"},"image":{"@id":"https:\/\/community.simplifier.io\/de\/doc\/erstellen-sie-apps-von-grund-auf-neu\/erstellen-der-benutzeroberflaeche\/#primaryimage"},"thumbnailUrl":"https:\/\/community.simplifier.io\/wp-content\/uploads\/screenshots\/07_widgetgroups.png","datePublished":"2024-07-24T09:45:59+00:00","dateModified":"2025-12-11T13:40:17+00:00","description":"Erstellen und gestalten Sie einzigartige Apps mit der viergeteilten Oberfl\u00e4che des UI Designers: Bildschirme &amp; Widgets, Bildschirm-Content-Baum, Anwendungsvorschau und Eigenschaftenbereich. F\u00fcgen Sie benutzerdefinierte Widgets hinzu oder ordnen Sie sie per Drag &amp; Drop an. Stellen Sie Ihre App-Konfiguration einfach bereit, \u00f6ffnen oder beenden Sie sie.","breadcrumb":{"@id":"https:\/\/community.simplifier.io\/de\/doc\/erstellen-sie-apps-von-grund-auf-neu\/erstellen-der-benutzeroberflaeche\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/community.simplifier.io\/de\/doc\/erstellen-sie-apps-von-grund-auf-neu\/erstellen-der-benutzeroberflaeche\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/community.simplifier.io\/de\/doc\/erstellen-sie-apps-von-grund-auf-neu\/erstellen-der-benutzeroberflaeche\/#primaryimage","url":"https:\/\/community.simplifier.io\/wp-content\/uploads\/screenshots\/07_widgetgroups.png","contentUrl":"https:\/\/community.simplifier.io\/wp-content\/uploads\/screenshots\/07_widgetgroups.png"},{"@type":"BreadcrumbList","@id":"https:\/\/community.simplifier.io\/de\/doc\/erstellen-sie-apps-von-grund-auf-neu\/erstellen-der-benutzeroberflaeche\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/community.simplifier.io\/de\/"},{"@type":"ListItem","position":2,"name":"Builder-Leitfaden","item":"https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/"},{"@type":"ListItem","position":3,"name":"Apps erstellen","item":"https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/bauen\/"},{"@type":"ListItem","position":4,"name":"Apps von Grund auf neu erstellen","item":"https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/bauen\/erstellen-sie-apps-von-grund-auf-neu\/"},{"@type":"ListItem","position":5,"name":"Benutzeroberfl\u00e4che erstellen"}]},{"@type":"WebSite","@id":"https:\/\/community.simplifier.io\/de\/#website","url":"https:\/\/community.simplifier.io\/de\/","name":"Simplifier Makers Club","description":"Where Ideas become Digital Reality - Simplifier Documentation, Knowledgebase, Forum, Courses and Marketplace","publisher":{"@id":"https:\/\/community.simplifier.io\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/community.simplifier.io\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/community.simplifier.io\/de\/#organization","name":"Simplifier AG","url":"https:\/\/community.simplifier.io\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/community.simplifier.io\/de\/#\/schema\/logo\/image\/","url":"https:\/\/community.simplifier.io\/wp-content\/uploads\/2024\/09\/simplifier-logo.png","contentUrl":"https:\/\/community.simplifier.io\/wp-content\/uploads\/2024\/09\/simplifier-logo.png","width":651,"height":150,"caption":"Simplifier AG"},"image":{"@id":"https:\/\/community.simplifier.io\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/simplifier.io\/","https:\/\/x.com\/simplifier_io","https:\/\/www.linkedin.com\/company\/simplifier-ag\/","https:\/\/www.youtube.com\/c\/Simplifier\/"]},{"@type":"Person","@id":"https:\/\/community.simplifier.io\/de\/#\/schema\/person\/814075d0504de8a4e87666436dc7e636","name":"Andreas Dallner","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/community.simplifier.io\/wp-content\/uploads\/avatars\/3651\/1745953947-bpfull.jpg","url":"https:\/\/community.simplifier.io\/wp-content\/uploads\/avatars\/3651\/1745953947-bpfull.jpg","contentUrl":"https:\/\/community.simplifier.io\/wp-content\/uploads\/avatars\/3651\/1745953947-bpfull.jpg","caption":"Andreas Dallner"},"description":"Hello, I\u2019m Andreas, Head of Product Management at Simplifier. My mission is to ensure that our product evolves in alignment with your needs. I translate your needs into innovative product features by closely listening to your feedback and understanding your requirements. My goal is to help you fully leverage the power of low-code technology, providing the right support and methodologies to drive significant value for your business"}]}},"permalink_manager":null,"_links":{"self":[{"href":"https:\/\/community.simplifier.io\/de\/wp-json\/wp\/v2\/docs\/49900","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/community.simplifier.io\/de\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/community.simplifier.io\/de\/wp-json\/wp\/v2\/types\/manual_documentation"}],"author":[{"embeddable":true,"href":"https:\/\/community.simplifier.io\/de\/wp-json\/wp\/v2\/users\/3651"}],"version-history":[{"count":5,"href":"https:\/\/community.simplifier.io\/de\/wp-json\/wp\/v2\/docs\/49900\/revisions"}],"predecessor-version":[{"id":74228,"href":"https:\/\/community.simplifier.io\/de\/wp-json\/wp\/v2\/docs\/49900\/revisions\/74228"}],"up":[{"embeddable":true,"href":"https:\/\/community.simplifier.io\/de\/wp-json\/wp\/v2\/docs\/49243"}],"wp:attachment":[{"href":"https:\/\/community.simplifier.io\/de\/wp-json\/wp\/v2\/media?parent=49900"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}