{"id":50502,"date":"2024-07-24T11:51:18","date_gmt":"2024-07-24T09:51:18","guid":{"rendered":"https:\/\/community.simplifier.io\/doc\/ausdehnen\/erstellen-von-widget-gruppen\/"},"modified":"2026-07-03T09:16:17","modified_gmt":"2026-07-03T07:16:17","slug":"widget-gruppe","status":"publish","type":"manual_documentation","link":"https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/ausdehnen\/erstellen-von-widget-gruppen\/","title":{"rendered":"Widget-Gruppen 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 css=&#8221;.vc_custom_1595321804727{padding-right: 0px !important;padding-left: 0px !important;}&#8221;][vc_column_text]<\/p>\n<h2 id=\"WidgetGroups-WhatareWidgetGroups?\">Was sind Widget-Gruppen?<\/h2>\n<p>Eine Widget-Gruppe ist eine Sammlung von Widgets (auch bekannt als UI5-Steuerelemente), um brauchbare Bildschirmlayouts als Vorlage bereitzustellen.<\/p>\n<p>Wenn Sie Widget-Gruppen verwenden, profitieren Sie von folgenden Vorteilen<\/p>\n<ul>\n<li>Spart viel Designzeit im Vergleich zum Erstellen von Layouts nur mit einzelnen Widgets<\/li>\n<li>Read-to-Use Layout Templates siehe Galerie<\/li>\n<li>Erstellen Sie Ihre eigene Widget-Gruppe aus bestehenden Bildschirmdesigns<\/li>\n<li>Bearbeiten Sie Widget-Gruppen unabh\u00e4ngig von Ihrer Anwendung<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][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<h2>Widget-Gruppe im UI Designer erstellen<\/h2>\n<p>Um eine neue Widget-Gruppe zu erstellen, m\u00fcssen Sie<\/p>\n<ol>\n<li>\u00d6ffnen Sie eine bestehende Anwendung oder erstellen Sie eine neue<\/li>\n<li>Erstellen Sie Ihr endg\u00fcltiges Layout in Ihrem App-Bildschirm<\/li>\n<li>Testen Sie Ihr Layout mit der Live-Vorschau oder in unserem App Designer auf verschiedenen Ger\u00e4tefaktoren (Tablet, Smartphone, Desktop usw.)<\/li>\n<li>Speichern Sie Ihr endg\u00fcltiges Layout in einer Widget-Gruppe<\/li>\n<\/ol>\n<p>[\/vc_column_text][vc_message css=&#8221;&#8221;]Bindungen werden in Widget-Gruppen nicht unterst\u00fctzt. Bestehende Bindungen werden in der erstellten Widget-Gruppe nicht gespeichert, da wir nicht sicherstellen k\u00f6nnen, dass diese in allen Anwendungen funktionieren. Die Bindungsausdr\u00fccke werden als Wert f\u00fcr String-Eigenschaften festgelegt.[\/vc_message][vc_video link=&#8221;https:\/\/vimeo.com\/558100602&#8243;][vc_column_text]<\/p>\n<h2 id=\"WidgetGroups-Editwidgetgroup\">Widget-Gruppe bearbeiten<\/h2>\n<p>Um eine Widget-Gruppe zu bearbeiten, w\u00e4hlen Sie die Gruppe aus der \u00dcbersicht aus und klicken Sie auf das Bearbeitungssymbol in der oberen rechten Ecke oder doppelklicken Sie einfach auf den Widget-Gruppenlisteneintrag.[\/vc_column_text][vc_single_image image=&#8221;50506&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221; style=&#8221;vc_box_shadow&#8221; onclick=&#8221;link_image&#8221;][vc_column_text]Sie k\u00f6nnen die Gruppe jetzt bearbeiten, indem Sie<\/p>\n<ul>\n<li>Ihre Widget-Eigenschaften anpassen<\/li>\n<li>F\u00fcgen Sie Ihrer bestehenden ein neues Widget oder eine neue Widget-Gruppe hinzu, indem Sie es einfach per Drag &#038; Drop aus der linken Widget-Liste ziehen<\/li>\n<li>L\u00f6schen Sie einzelne Widgets vom Inhaltsbildschirm<\/li>\n<\/ul>\n<p>[\/vc_column_text][vc_single_image image=&#8221;50507&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221; style=&#8221;vc_box_shadow&#8221; onclick=&#8221;link_image&#8221;][vc_column_text]Testen Sie Ihr Widget-Gruppenlayout, indem Sie es auf verschiedenen Ger\u00e4tetypen simulieren[\/vc_column_text][vc_single_image image=&#8221;50508&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221; style=&#8221;vc_box_shadow&#8221; onclick=&#8221;link_image&#8221;]<div class=\"aio-icon-component    style_1\"><div id=\"Info-box-wrap-9395\" class=\"aio-icon-box left-icon\" style=\"\"  ><div class=\"aio-icon-left\"><div class=\"ult-just-icon-wrapper  \"><div class=\"align-icon\" style=\"text-align:center;\">\n<div class=\"aio-icon none \"  style=\"color:#333;font-size:32px;display:inline-block;\">\n\t<i class=\"Defaults-info-circle\"><\/i>\n<\/div><\/div><\/div><\/div><div class=\"aio-ibd-block\"><div class=\"aio-icon-description ult-responsive\"  data-ultimate-target='#Info-box-wrap-9395 .aio-icon-description'  data-responsive-json-new='{\"font-size\":\"\",\"line-height\":\"\"}'  style=\"\">Da wir die Echtzeit-Zusammenarbeit auch im Widget-Editor unterst\u00fctzen, werden Ihre \u00c4nderungen sofort gespeichert. Sie m\u00fcssen nicht auf die Schaltfl\u00e4che &#8220;Speichern&#8221; klicken. <\/p>\n<p>Wenn Sie \u00c4nderungen r\u00fcckg\u00e4ngig machen m\u00f6chten, k\u00f6nnen Sie die Symbolleiste &#8220;R\u00fcckg\u00e4ngig\/Wiederherstellen&#8221; \u00fcber dem UI-Editor verwenden.<\/p>\n<div class=\"fgallery\"><a href=\"https:\/\/community.simplifier.io\/wp-content\/uploads\/2020\/06\/widgeteditor_undo_redo_55.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-21649\" src=\"https:\/\/community.simplifier.io\/wp-content\/uploads\/2020\/06\/widgeteditor_undo_redo_55.png\" alt=\"\" width=\"578\" height=\"22\" srcset=\"https:\/\/community.simplifier.io\/wp-content\/uploads\/2020\/06\/widgeteditor_undo_redo_55.png 1766w, https:\/\/community.simplifier.io\/wp-content\/uploads\/2020\/06\/widgeteditor_undo_redo_55-300x11.png 300w, https:\/\/community.simplifier.io\/wp-content\/uploads\/2020\/06\/widgeteditor_undo_redo_55-1536x58.png 1536w\" sizes=\"auto, (max-width: 578px) 100vw, 578px\" \/><\/a><\/div>\n<p><\/div> <!-- description --><\/div> <!-- aio-ibd-block --><\/div> <!-- aio-icon-box --><\/div> <!-- aio-icon-component -->[vc_column_text]Verlassen Sie den Bearbeitungsmodus, indem Sie auf die Exit-Schaltfl\u00e4che in der rechten oberen Ecke klicken[\/vc_column_text][vc_single_image image=&#8221;50510&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221; style=&#8221;vc_box_shadow&#8221; onclick=&#8221;link_image&#8221;][\/vc_column][\/vc_row][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<h2>Integration in den UI Designer Widget Workspace<\/h2>\n<p>Um eine optimale Nutzung zu gew\u00e4hrleisten, sollten Sie Ihre Widget-Kategorien mit eindeutigen Namen pflegen und jede Widget-Gruppe einer Kategorie zuordnen.<\/p>\n<ul>\n<li>Widget-Kategorien pflegen<\/li>\n<li>Widget-Gruppe Kategorien zuordnen<\/li>\n<li>Beschreiben Sie es klar und kurz in der Beschreibung<\/li>\n<li>Weisen Sie ein aussagekr\u00e4ftiges Symbol zu<\/li>\n<\/ul>\n<p>Sie sollten auch einen Screenshot f\u00fcr die richtige Vorschau und ein Symbol erstellen<\/p>\n<p>Um einen Vorschauscreenshot zu erstellen, k\u00f6nnen Sie die Funktion &#8220;Screenshot aktualisieren&#8221; verwenden<\/p>\n<p>[\/vc_column_text][vc_single_image image=&#8221;50512&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221; style=&#8221;vc_box_shadow&#8221; onclick=&#8221;link_image&#8221;][vc_single_image image=&#8221;50513&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221; style=&#8221;vc_box_shadow&#8221; onclick=&#8221;link_image&#8221;][vc_column_text]Wenn Sie die Widget-Gruppen-Metadaten korrekt pflegen, sollten sie im UI- und Widget-Editor sichtbar sein.[\/vc_column_text][vc_single_image image=&#8221;50514&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221; style=&#8221;vc_box_shadow&#8221; onclick=&#8221;link_image&#8221;][\/vc_column][\/vc_row][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<h2>Kategorie, Symbol, Vorschauscreenshot und UI5-Version \u00e4ndern<\/h2>\n<p>Um die zugewiesene Kategorie, das Symbol, den Screenshot und die UI5-Version zu \u00e4ndern, k\u00f6nnen Sie die Schnellbearbeitungsfunktion auf der rechten Seite einer ausgew\u00e4hlten Widget-Gruppe verwenden[\/vc_column_text][vc_single_image image=&#8221;50511&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221; style=&#8221;vc_box_shadow&#8221; onclick=&#8221;link_image&#8221;][\/vc_column][\/vc_row][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<h2 id=\"WidgetGroups-DeleteWidgetGroup\">Widget-Gruppe l\u00f6schen<\/h2>\n<p>Um eine Widget-Gruppe zu l\u00f6schen, suchen Sie nach der Widget-Gruppe und klicken Sie in der Listenansicht darauf[\/vc_column_text][vc_single_image image=&#8221;50503&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221; style=&#8221;vc_box_shadow&#8221; onclick=&#8221;link_image&#8221;][vc_column_text]Klicken Sie auf die rote L\u00f6schtaste im rechten oberen Bildschirmbereich[\/vc_column_text][vc_single_image image=&#8221;50504&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221; style=&#8221;vc_box_shadow&#8221; onclick=&#8221;link_image&#8221;][vc_column_text]Best\u00e4tigen Sie den L\u00f6schdialog mit dem H\u00e4kchen-Symbol[\/vc_column_text][vc_single_image image=&#8221;50505&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221; style=&#8221;vc_box_shadow&#8221; onclick=&#8221;link_image&#8221;]<div class=\"aio-icon-component    style_1\"><div id=\"Info-box-wrap-3792\" class=\"aio-icon-box left-icon\" style=\"\"  ><div class=\"aio-icon-left\"><div class=\"ult-just-icon-wrapper  \"><div class=\"align-icon\" style=\"text-align:center;\">\n<div class=\"aio-icon none \"  style=\"color:#333;font-size:32px;display:inline-block;\">\n\t<i class=\"Defaults-info-circle\"><\/i>\n<\/div><\/div><\/div><\/div><div class=\"aio-ibd-block\"><div class=\"aio-icon-description ult-responsive\"  data-ultimate-target='#Info-box-wrap-3792 .aio-icon-description'  data-responsive-json-new='{\"font-size\":\"\",\"line-height\":\"\"}'  style=\"\">Wenn Sie eine Widget-Gruppe l\u00f6schen, werden Ihre vorhandenen Bildschirme nicht beeintr\u00e4chtigt, da die Gruppe nicht direkt Ihrem Bildschirminhalt zugeordnet ist und nur als einzelne Widgets gespeichert wird.<br \/>\n<\/div> <!-- description --><\/div> <!-- aio-ibd-block --><\/div> <!-- aio-icon-box --><\/div> <!-- aio-icon-component -->[\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Eine Widget-Gruppe ist eine Zusammenstellung von Widgets oder UI5-Steuerelementen, die so angeordnet sind, dass sie brauchbare Bildschirmlayouts als Vorlagen bieten. Die Hauptvorteile der Verwendung von Widget-Gruppen sind die Zeitersparnis beim Design im Vergleich zur Erstellung von Layouts mit einzelnen Widgets, das Angebot vorgefertigter Layoutvorlagen, die M\u00f6glichkeit, eine neue Widget-Gruppe aus bereits vorhandenen Bildschirmdesigns zu generieren, und die Freiheit, Widget-Gruppen getrennt von der Anwendung zu bearbeiten. <\/p>\n<p>Das Erstellen einer Widget-Gruppe umfasst das Starten einer neuen Anwendung, das Entwerfen des endg\u00fcltigen Layouts in Ihrem App-Bildschirm, das Testen Ihres Layouts \u00fcber die Live-Vorschau oder<\/p>\n","protected":false},"author":3005,"featured_media":0,"parent":49230,"menu_order":96,"template":"","format":"standard","class_list":["post-50502","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.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Widget-Gruppen erstellen - Simplifier Makers Club<\/title>\n<meta name=\"description\" content=\"Eine Widget-Gruppe ist eine Zusammenstellung von Widgets oder UI5-Steuerelementen, die so angeordnet sind, dass sie brauchbare Bildschirmlayouts als Vorlagen bieten. Die Hauptvorteile der Verwendung von Widget-Gruppen sind die Zeitersparnis beim Design im Vergleich zur Erstellung von Layouts mit einzelnen Widgets, das Angebot vorgefertigter Layoutvorlagen, die M\u00f6glichkeit, eine neue Widget-Gruppe aus bereits vorhandenen Bildschirmdesigns zu generieren, und die Freiheit, Widget-Gruppen getrennt von der Anwendung zu bearbeiten.  Das Erstellen einer Widget-Gruppe umfasst das Starten einer neuen Anwendung, das Entwerfen des endg\u00fcltigen Layouts in Ihrem App-Bildschirm, das Testen Ihres Layouts \u00fcber die Live-Vorschau oder\" \/>\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\/app-builder-leitfaden\/ausdehnen\/erstellen-von-widget-gruppen\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Widget-Gruppen erstellen - Simplifier Makers Club\" \/>\n<meta property=\"og:description\" content=\"Eine Widget-Gruppe ist eine Zusammenstellung von Widgets oder UI5-Steuerelementen, die so angeordnet sind, dass sie brauchbare Bildschirmlayouts als Vorlagen bieten. Die Hauptvorteile der Verwendung von Widget-Gruppen sind die Zeitersparnis beim Design im Vergleich zur Erstellung von Layouts mit einzelnen Widgets, das Angebot vorgefertigter Layoutvorlagen, die M\u00f6glichkeit, eine neue Widget-Gruppe aus bereits vorhandenen Bildschirmdesigns zu generieren, und die Freiheit, Widget-Gruppen getrennt von der Anwendung zu bearbeiten.  Das Erstellen einer Widget-Gruppe umfasst das Starten einer neuen Anwendung, das Entwerfen des endg\u00fcltigen Layouts in Ihrem App-Bildschirm, das Testen Ihres Layouts \u00fcber die Live-Vorschau oder\" \/>\n<meta property=\"og:url\" content=\"https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/ausdehnen\/erstellen-von-widget-gruppen\/\" \/>\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=\"2026-07-03T07:16:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/community.simplifier.io\/wp-content\/uploads\/2020\/06\/widgeteditor_undo_redo_55.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1766\" \/>\n\t<meta property=\"og:image:height\" content=\"67\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\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=\"5\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"TechArticle\",\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/app-builder-leitfaden\\\/ausdehnen\\\/erstellen-von-widget-gruppen\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/app-builder-leitfaden\\\/ausdehnen\\\/erstellen-von-widget-gruppen\\\/\"},\"author\":{\"name\":\"Christian Kleinschroth\",\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/#\\\/schema\\\/person\\\/f8c8f6d71ca92598e95bd53c9a6e0fc6\"},\"headline\":\"Widget-Gruppen erstellen\",\"datePublished\":\"2024-07-24T09:51:18+00:00\",\"dateModified\":\"2026-07-03T07:16:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/app-builder-leitfaden\\\/ausdehnen\\\/erstellen-von-widget-gruppen\\\/\"},\"wordCount\":923,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/app-builder-leitfaden\\\/ausdehnen\\\/erstellen-von-widget-gruppen\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/community.simplifier.io\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/widgeteditor_undo_redo_55.png\",\"inLanguage\":\"de\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/app-builder-leitfaden\\\/ausdehnen\\\/erstellen-von-widget-gruppen\\\/\",\"url\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/app-builder-leitfaden\\\/ausdehnen\\\/erstellen-von-widget-gruppen\\\/\",\"name\":\"Widget-Gruppen erstellen - Simplifier Makers Club\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/app-builder-leitfaden\\\/ausdehnen\\\/erstellen-von-widget-gruppen\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/app-builder-leitfaden\\\/ausdehnen\\\/erstellen-von-widget-gruppen\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/community.simplifier.io\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/widgeteditor_undo_redo_55.png\",\"datePublished\":\"2024-07-24T09:51:18+00:00\",\"dateModified\":\"2026-07-03T07:16:17+00:00\",\"description\":\"Eine Widget-Gruppe ist eine Zusammenstellung von Widgets oder UI5-Steuerelementen, die so angeordnet sind, dass sie brauchbare Bildschirmlayouts als Vorlagen bieten. Die Hauptvorteile der Verwendung von Widget-Gruppen sind die Zeitersparnis beim Design im Vergleich zur Erstellung von Layouts mit einzelnen Widgets, das Angebot vorgefertigter Layoutvorlagen, die M\u00f6glichkeit, eine neue Widget-Gruppe aus bereits vorhandenen Bildschirmdesigns zu generieren, und die Freiheit, Widget-Gruppen getrennt von der Anwendung zu bearbeiten. Das Erstellen einer Widget-Gruppe umfasst das Starten einer neuen Anwendung, das Entwerfen des endg\u00fcltigen Layouts in Ihrem App-Bildschirm, das Testen Ihres Layouts \u00fcber die Live-Vorschau oder\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/app-builder-leitfaden\\\/ausdehnen\\\/erstellen-von-widget-gruppen\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/app-builder-leitfaden\\\/ausdehnen\\\/erstellen-von-widget-gruppen\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/app-builder-leitfaden\\\/ausdehnen\\\/erstellen-von-widget-gruppen\\\/#primaryimage\",\"url\":\"https:\\\/\\\/community.simplifier.io\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/widgeteditor_undo_redo_55.png\",\"contentUrl\":\"https:\\\/\\\/community.simplifier.io\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/widgeteditor_undo_redo_55.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/app-builder-leitfaden\\\/ausdehnen\\\/erstellen-von-widget-gruppen\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"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\":\"Erweitern\",\"item\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/ausdehnen\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Widget-Gruppen erstellen\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/#website\",\"url\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/\",\"name\":\"Simplifier Makers Club\",\"description\":\"Wo Ideen zu digitaler Realit\u00e4t werden \u2013 Simplifier Dokumentation, Wissensdatenbank, Forum, Kurse und Marktplatz\",\"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\\\/f8c8f6d71ca92598e95bd53c9a6e0fc6\",\"name\":\"Christian Kleinschroth\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/wp-content\\\/uploads\\\/avatars\\\/3005\\\/1713534997-bpfull.png\",\"url\":\"https:\\\/\\\/community.simplifier.io\\\/wp-content\\\/uploads\\\/avatars\\\/3005\\\/1713534997-bpfull.png\",\"contentUrl\":\"https:\\\/\\\/community.simplifier.io\\\/wp-content\\\/uploads\\\/avatars\\\/3005\\\/1713534997-bpfull.png\",\"caption\":\"Christian Kleinschroth\"},\"description\":\"Hi, I\u2019m Christian, CTO and Co-Founder of Simplifier. My passion lies in driving technological innovation to empower businesses with our low-code platform. I lead our technical teams to ensure that our solutions are cutting-edge, secure, and scalable, meeting the highest standards of quality and performance. At Simplifier, we are committed to transforming the way you develop applications, making it faster and more efficient to achieve your goals.\",\"sameAs\":[\"https:\\\/\\\/de.linkedin.com\\\/in\\\/christian-kleinschroth-a491a06b\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Widget-Gruppen erstellen - Simplifier Makers Club","description":"Eine Widget-Gruppe ist eine Zusammenstellung von Widgets oder UI5-Steuerelementen, die so angeordnet sind, dass sie brauchbare Bildschirmlayouts als Vorlagen bieten. Die Hauptvorteile der Verwendung von Widget-Gruppen sind die Zeitersparnis beim Design im Vergleich zur Erstellung von Layouts mit einzelnen Widgets, das Angebot vorgefertigter Layoutvorlagen, die M\u00f6glichkeit, eine neue Widget-Gruppe aus bereits vorhandenen Bildschirmdesigns zu generieren, und die Freiheit, Widget-Gruppen getrennt von der Anwendung zu bearbeiten.  Das Erstellen einer Widget-Gruppe umfasst das Starten einer neuen Anwendung, das Entwerfen des endg\u00fcltigen Layouts in Ihrem App-Bildschirm, das Testen Ihres Layouts \u00fcber die Live-Vorschau oder","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\/app-builder-leitfaden\/ausdehnen\/erstellen-von-widget-gruppen\/","og_locale":"de_DE","og_type":"article","og_title":"Widget-Gruppen erstellen - Simplifier Makers Club","og_description":"Eine Widget-Gruppe ist eine Zusammenstellung von Widgets oder UI5-Steuerelementen, die so angeordnet sind, dass sie brauchbare Bildschirmlayouts als Vorlagen bieten. Die Hauptvorteile der Verwendung von Widget-Gruppen sind die Zeitersparnis beim Design im Vergleich zur Erstellung von Layouts mit einzelnen Widgets, das Angebot vorgefertigter Layoutvorlagen, die M\u00f6glichkeit, eine neue Widget-Gruppe aus bereits vorhandenen Bildschirmdesigns zu generieren, und die Freiheit, Widget-Gruppen getrennt von der Anwendung zu bearbeiten.  Das Erstellen einer Widget-Gruppe umfasst das Starten einer neuen Anwendung, das Entwerfen des endg\u00fcltigen Layouts in Ihrem App-Bildschirm, das Testen Ihres Layouts \u00fcber die Live-Vorschau oder","og_url":"https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/ausdehnen\/erstellen-von-widget-gruppen\/","og_site_name":"Simplifier Makers Club","article_publisher":"https:\/\/www.facebook.com\/simplifier.io\/","article_modified_time":"2026-07-03T07:16:17+00:00","og_image":[{"width":1766,"height":67,"url":"https:\/\/community.simplifier.io\/wp-content\/uploads\/2020\/06\/widgeteditor_undo_redo_55.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@simplifier_io","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"5\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"TechArticle","@id":"https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/ausdehnen\/erstellen-von-widget-gruppen\/#article","isPartOf":{"@id":"https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/ausdehnen\/erstellen-von-widget-gruppen\/"},"author":{"name":"Christian Kleinschroth","@id":"https:\/\/community.simplifier.io\/de\/#\/schema\/person\/f8c8f6d71ca92598e95bd53c9a6e0fc6"},"headline":"Widget-Gruppen erstellen","datePublished":"2024-07-24T09:51:18+00:00","dateModified":"2026-07-03T07:16:17+00:00","mainEntityOfPage":{"@id":"https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/ausdehnen\/erstellen-von-widget-gruppen\/"},"wordCount":923,"commentCount":0,"publisher":{"@id":"https:\/\/community.simplifier.io\/de\/#organization"},"image":{"@id":"https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/ausdehnen\/erstellen-von-widget-gruppen\/#primaryimage"},"thumbnailUrl":"https:\/\/community.simplifier.io\/wp-content\/uploads\/2020\/06\/widgeteditor_undo_redo_55.png","inLanguage":"de"},{"@type":"WebPage","@id":"https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/ausdehnen\/erstellen-von-widget-gruppen\/","url":"https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/ausdehnen\/erstellen-von-widget-gruppen\/","name":"Widget-Gruppen erstellen - Simplifier Makers Club","isPartOf":{"@id":"https:\/\/community.simplifier.io\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/ausdehnen\/erstellen-von-widget-gruppen\/#primaryimage"},"image":{"@id":"https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/ausdehnen\/erstellen-von-widget-gruppen\/#primaryimage"},"thumbnailUrl":"https:\/\/community.simplifier.io\/wp-content\/uploads\/2020\/06\/widgeteditor_undo_redo_55.png","datePublished":"2024-07-24T09:51:18+00:00","dateModified":"2026-07-03T07:16:17+00:00","description":"Eine Widget-Gruppe ist eine Zusammenstellung von Widgets oder UI5-Steuerelementen, die so angeordnet sind, dass sie brauchbare Bildschirmlayouts als Vorlagen bieten. Die Hauptvorteile der Verwendung von Widget-Gruppen sind die Zeitersparnis beim Design im Vergleich zur Erstellung von Layouts mit einzelnen Widgets, das Angebot vorgefertigter Layoutvorlagen, die M\u00f6glichkeit, eine neue Widget-Gruppe aus bereits vorhandenen Bildschirmdesigns zu generieren, und die Freiheit, Widget-Gruppen getrennt von der Anwendung zu bearbeiten. Das Erstellen einer Widget-Gruppe umfasst das Starten einer neuen Anwendung, das Entwerfen des endg\u00fcltigen Layouts in Ihrem App-Bildschirm, das Testen Ihres Layouts \u00fcber die Live-Vorschau oder","breadcrumb":{"@id":"https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/ausdehnen\/erstellen-von-widget-gruppen\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/ausdehnen\/erstellen-von-widget-gruppen\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/ausdehnen\/erstellen-von-widget-gruppen\/#primaryimage","url":"https:\/\/community.simplifier.io\/wp-content\/uploads\/2020\/06\/widgeteditor_undo_redo_55.png","contentUrl":"https:\/\/community.simplifier.io\/wp-content\/uploads\/2020\/06\/widgeteditor_undo_redo_55.png"},{"@type":"BreadcrumbList","@id":"https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/ausdehnen\/erstellen-von-widget-gruppen\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","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":"Erweitern","item":"https:\/\/community.simplifier.io\/de\/doc\/ausdehnen\/"},{"@type":"ListItem","position":4,"name":"Widget-Gruppen erstellen"}]},{"@type":"WebSite","@id":"https:\/\/community.simplifier.io\/de\/#website","url":"https:\/\/community.simplifier.io\/de\/","name":"Simplifier Makers Club","description":"Wo Ideen zu digitaler Realit\u00e4t werden \u2013 Simplifier Dokumentation, Wissensdatenbank, Forum, Kurse und Marktplatz","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\/f8c8f6d71ca92598e95bd53c9a6e0fc6","name":"Christian Kleinschroth","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/community.simplifier.io\/wp-content\/uploads\/avatars\/3005\/1713534997-bpfull.png","url":"https:\/\/community.simplifier.io\/wp-content\/uploads\/avatars\/3005\/1713534997-bpfull.png","contentUrl":"https:\/\/community.simplifier.io\/wp-content\/uploads\/avatars\/3005\/1713534997-bpfull.png","caption":"Christian Kleinschroth"},"description":"Hi, I\u2019m Christian, CTO and Co-Founder of Simplifier. My passion lies in driving technological innovation to empower businesses with our low-code platform. I lead our technical teams to ensure that our solutions are cutting-edge, secure, and scalable, meeting the highest standards of quality and performance. At Simplifier, we are committed to transforming the way you develop applications, making it faster and more efficient to achieve your goals.","sameAs":["https:\/\/de.linkedin.com\/in\/christian-kleinschroth-a491a06b"]}]}},"permalink_manager":null,"_links":{"self":[{"href":"https:\/\/community.simplifier.io\/de\/wp-json\/wp\/v2\/docs\/50502","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\/3005"}],"version-history":[{"count":5,"href":"https:\/\/community.simplifier.io\/de\/wp-json\/wp\/v2\/docs\/50502\/revisions"}],"predecessor-version":[{"id":77678,"href":"https:\/\/community.simplifier.io\/de\/wp-json\/wp\/v2\/docs\/50502\/revisions\/77678"}],"up":[{"embeddable":true,"href":"https:\/\/community.simplifier.io\/de\/wp-json\/wp\/v2\/docs\/49230"}],"wp:attachment":[{"href":"https:\/\/community.simplifier.io\/de\/wp-json\/wp\/v2\/media?parent=50502"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}