{"id":48256,"date":"2024-07-24T11:20:48","date_gmt":"2024-07-24T09:20:48","guid":{"rendered":"https:\/\/community.simplifier.io\/doc\/benutzerdefinierte-aufgaben-ui-erstellen\/"},"modified":"2025-12-11T15:27:23","modified_gmt":"2025-12-11T13:27:23","slug":"benutzerdefinierte-aufgaben-ui-erstellen","status":"publish","type":"manual_documentation","link":"https:\/\/community.simplifier.io\/de\/doc\/current-release\/applications\/build-workflows\/create-custom-task-ui\/","title":{"rendered":"Individuelle Task-UI erstellen"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><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<h2 id=\"WidgetGroups-DeleteWidgetGroup\">Was ist eine Individuelle UI f\u00fcr User Tasks?<\/h2>\n<p>Der Zweck eines individuellen Frontends besteht darin, eine intuitive und benutzerfreundliche Oberfl\u00e4che bereitzustellen, die Benutzer durch die Aufgabe f\u00fchrt, relevante Informationen erfasst und ihnen die Interaktion mit der Simplifier Workflow-Engine erm\u00f6glicht. Das Frontend kann mit dem Simplifier Application Editor implementiert werden, der eine einfache visuelle Erstellung mit No- und Low-Code-Tools erm\u00f6glicht. <\/p>\n<p>Anstelle der Verwendung des automatisch generierten Standardmodells f\u00fcr Benutzertasks erm\u00f6glicht die Erstellung von individuellen Modulen viel mehr Funktionalit\u00e4t, wie z. B. I<\/p>\n<ul>\n<li>Integration externer Datenquellen \u00fcber Konnektoren und Business Objekte<\/li>\n<li>Bereitstellung zus\u00e4tzlicher Visualisierungen z. B. zur Anzeige von Diagrammen und KPI-Karten<\/li>\n<li>Hinzuf\u00fcgen weiterer Funktionen zur Verarbeitung der Aufgabe, wie z. B. KI-Dienste oder mobile Aktionen wie Barcode-Scanning<\/li>\n<\/ul>\n<p>[\/vc_column_text][vc_column_text]<\/p>\n<h2>Erstellung eines Individuellen Frontends \/ UI f\u00fcr User Tasks<\/h2>\n<p>In der folgenden Dokumentation f\u00fchrt ein Video den App-Builder durch den Prozess der individuellen Frontend-Erstellung[\/vc_column_text][vc_video link=&#8221;https:\/\/youtu.be\/jKgJqbcCnZ4&#8243; align=&#8221;center&#8221;][vc_message message_box_color=&#8221;warning&#8221; icon_fontawesome=&#8221;fa fa-solid fa-triangle-exclamation&#8221; css=&#8221;&#8221;]Das Simplifier Launchpad stellt die OpenUI5 Version 1.96 f\u00fcr alle Task-Module bereit. Verwenden Sie daher bitte nur OpenUI5 1.96 Widgets innerhalb Ihrer Individuellen Task-UI.[\/vc_message][vc_column_text css=&#8221;&#8221;]<\/p>\n<h2>Wichtige Business Objekte f\u00fcr die User Task-Verarbeitung<\/h2>\n<p>Die folgenden Business Objekte werden f\u00fcr einen ordnungsgem\u00e4\u00dfen Datenaustausch mit der Simplifier Workflow Engine ben\u00f6tigt<\/p>\n<table style=\"border-collapse: collapse; width: 100%; height: 72px;\">\n<thead>\n<tr style=\"height: 24px; background-color: #ddd;\">\n<td style=\"width: 33.3333%; height: 24px; text-align: center;\">Business Objekt<\/td>\n<td style=\"width: 33.3333%; height: 24px; text-align: center;\">Funktion<\/td>\n<td style=\"width: 33.3333%; height: 24px; text-align: center;\">Beschreibung<\/td>\n<\/tr>\n<\/thead>\n<tbody>\n<tr style=\"height: 24px;\">\n<td style=\"width: 33.3333%; height: 24px;\">SF_WF_UserTask<\/td>\n<td style=\"width: 33.3333%; height: 24px;\">\n<div id=\"__title95\" class=\"sapMTitle sapMTitleStyleAuto sapMTitleNoWrap sapUiSelectable sapMTitleMaxWidth sapMTitleTB sapMBarChild sapMTBShrinkItem\" title=\"LoadUserTask\" role=\"heading\" data-sap-ui=\"__title95\" aria-level=\"2\"><span id=\"__title95-inner\" dir=\"auto\">LoadUserTask<\/span><\/div>\n<\/td>\n<td style=\"width: 33.3333%; height: 24px;\">L\u00e4dt die aktuellen Task-Metadaten und -Variablen anhand der Task-ID<\/td>\n<\/tr>\n<tr style=\"height: 24px;\">\n<td style=\"width: 33.3333%; height: 24px;\">SF_WF_UserTask<\/td>\n<td style=\"width: 33.3333%; height: 24px;\">\n<div id=\"__title95\" class=\"sapMTitle sapMTitleStyleAuto sapMTitleNoWrap sapUiSelectable sapMTitleMaxWidth sapMTitleTB sapMBarChild sapMTBShrinkItem\" title=\"LoadUserTask\" role=\"heading\" data-sap-ui=\"__title95\" aria-level=\"2\">\n<div id=\"__title95\" class=\"sapMTitle sapMTitleStyleAuto sapMTitleNoWrap sapUiSelectable sapMTitleMaxWidth sapMTitleTB sapMBarChild sapMTBShrinkItem\" title=\"SubmitUserTask\" role=\"heading\" data-sap-ui=\"__title95\" aria-level=\"2\"><span id=\"__title95-inner\" dir=\"auto\">SubmitUserTask<\/span><\/div>\n<\/div>\n<\/td>\n<td style=\"width: 33.3333%; height: 24px;\">\u00dcbermittelt die verarbeiteten Variablen und legt das Endergebnis fest, um die User Task abzuschlie\u00dfen<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 33.3333%;\">SF_WF_UserTask<\/td>\n<td style=\"width: 33.3333%;\">\n<div id=\"__title95\" class=\"sapMTitle sapMTitleStyleAuto sapMTitleNoWrap sapUiSelectable sapMTitleMaxWidth sapMTitleTB sapMBarChild sapMTBShrinkItem\" title=\"LoadUserTask\" role=\"heading\" data-sap-ui=\"__title95\" aria-level=\"2\">\n<div id=\"__title95\" class=\"sapMTitle sapMTitleStyleAuto sapMTitleNoWrap sapUiSelectable sapMTitleMaxWidth sapMTitleTB sapMBarChild sapMTBShrinkItem\" title=\"SubmitUserTask\" role=\"heading\" data-sap-ui=\"__title95\" aria-level=\"2\">DraftUserTask<\/div>\n<\/div>\n<\/td>\n<td style=\"width: 33.3333%;\">Speichert einen Entwurf der Aufgabe und die bereits eingestellten aktuellen Werte<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 33.3333%;\">SF_WF_UserTask<\/td>\n<td style=\"width: 33.3333%;\">\n<div id=\"__title95\" class=\"sapMTitle sapMTitleStyleAuto sapMTitleNoWrap sapUiSelectable sapMTitleMaxWidth sapMTitleTB sapMBarChild sapMTBShrinkItem\" title=\"LoadUserTask\" role=\"heading\" data-sap-ui=\"__title95\" aria-level=\"2\">\n<div id=\"__title95\" class=\"sapMTitle sapMTitleStyleAuto sapMTitleNoWrap sapUiSelectable sapMTitleMaxWidth sapMTitleTB sapMBarChild sapMTBShrinkItem\" title=\"SubmitUserTask\" role=\"heading\" data-sap-ui=\"__title95\" aria-level=\"2\"><span id=\"__title95-inner\" dir=\"auto\">ClaimUserTask<\/span><\/div>\n<\/div>\n<\/td>\n<td style=\"width: 33.3333%;\">Setzt den aktuell angemeldeten Benutzer als Verantwortlichen<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 33.3333%;\">SF_WF_UserTask<\/td>\n<td style=\"width: 33.3333%;\">\n<div id=\"__title95\" class=\"sapMTitle sapMTitleStyleAuto sapMTitleNoWrap sapUiSelectable sapMTitleMaxWidth sapMTitleTB sapMBarChild sapMTBShrinkItem\" title=\"LoadUserTask\" role=\"heading\" data-sap-ui=\"__title95\" aria-level=\"2\">\n<div id=\"__title95\" class=\"sapMTitle sapMTitleStyleAuto sapMTitleNoWrap sapUiSelectable sapMTitleMaxWidth sapMTitleTB sapMBarChild sapMTBShrinkItem\" title=\"SubmitUserTask\" role=\"heading\" data-sap-ui=\"__title95\" aria-level=\"2\">\n<div id=\"__title95\" class=\"sapMTitle sapMTitleStyleAuto sapMTitleNoWrap sapUiSelectable sapMTitleMaxWidth sapMTitleTB sapMBarChild sapMTBShrinkItem\" title=\"FilterSubmitVariables\" role=\"heading\" data-sap-ui=\"__title95\" aria-level=\"2\"><span id=\"__title95-inner\" dir=\"auto\">FilterSubmitVariables<\/span><\/div>\n<\/div>\n<\/div>\n<\/td>\n<td style=\"width: 33.3333%;\">Filtert Variablen heraus, die im Workflow-Modell \/ Design nicht der User Task zugewiesen sind<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>[\/vc_column_text][vc_message css=&#8221;&#8221;]Wenn Sie planen, das Modul in einer individuellen Workflow-Inbox-Anwendung zu verwenden, stellen Sie sicher, dass Sie die Eingabeparameter &#8216;activityId&#8217; und &#8216;workflowInstanceId&#8217; verwenden, wenn diese verf\u00fcgbar sind. Wenn Sie eine Kopie von &#8216;SF_WF_StandardModule&#8217; verwenden, ist diese Einstellung bereits vorhanden.[\/vc_message][vc_column_text]<\/p>\n<h2>Individuelle Modulzuordnung<\/h2>\n<p>Nachdem ein individuelles Modul erstellt wurde, muss es der entsprechenden User Task zugewiesen werden.[\/vc_column_text][vc_video link=&#8221;https:\/\/youtu.be\/D1F1QvqvG4I&#8221; align=&#8221;center&#8221;][vc_column_text]<\/p>\n<h2>Best-Pratices<\/h2>\n<p>Die folgenden Best Practices sollten beim Erstellen von individuellen Frontends ber\u00fccksichtigt werden:[\/vc_column_text][vc_message icon_fontawesome=&#8221;fa fa-solid fa-copy&#8221; css=&#8221;&#8221;]Der beste Weg, um mit Ihrem Individuellen Modul zu beginnen, ist das Standard-Workflow-Task-Modul &#8216;SF_WF_StandardModule&#8217; zu kopieren und es an Ihre Bed\u00fcrfnisse anzupassen. L\u00f6schen Sie einfach die Story &#8217;20 Dynamic Form Creation&#8217; und f\u00fcgen Sie Ihre UI hinzu[\/vc_message][vc_message icon_fontawesome=&#8221;fa fa-brands fa-wpforms&#8221; css=&#8221;&#8221;]Setzen Sie alle Benutzereingaben (z. B. Eingabe, Checkbox, Select, &#8230;) in ein SimpleForm. Wenn Sie eine Kopie von SF_WF_StandardModule verwenden, werden alle erforderlichen Felder automatisch validiert, ob sie ausgef\u00fcllt sind.[\/vc_message][vc_message icon_fontawesome=&#8221;far fa-calendar-alt&#8221;]Setzen Sie das Datenwertformat immer auf <span class=\"ui-provider cvt cvu c d e f g h i j k l m n o p q r s t cvv cvw w x y z ab ac ae af ag ah ai aj ak\" dir=\"ltr\">yyyy-MM-ddTHH:mm:ssX &#8211; dies ist ein internes Format, das erforderlich ist, wenn Sie Variablen verwenden, die als Datum angegeben sind.<\/span>[\/vc_message][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Der Text enth\u00fcllt die Leistungsf\u00e4higkeit einer individuellen UI f\u00fcr Benutzeraufgaben und er\u00f6rtert ihre Vorteile, wie z. B. die einfachere Interaktion mit Workflow-Engines, die Integration externer Daten und erweiterte Taskfunktionen. Wichtige Business Objekte werden f\u00fcr einen effektiven Datenaustausch identifiziert. Das Erstellen von individuellen Frontends erfordert geeignete Methoden, wie z. B. die Formatierung von Datenwerten.  <\/p>\n","protected":false},"author":3005,"featured_media":55194,"parent":48437,"menu_order":59,"template":"","format":"standard","class_list":["post-48256","manual_documentation","type-manual_documentation","status-publish","format-standard","has-post-thumbnail","hentry","manualdocumentationcategory-aktueller-release","manual_doc_tag-arbeitsablauf-entwurfszeit"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Individuelle Task-UI erstellen - Simplifier Makers Club<\/title>\n<meta name=\"description\" content=\"Der Text enth\u00fcllt die Leistungsf\u00e4higkeit einer individuellen UI f\u00fcr Benutzeraufgaben und er\u00f6rtert ihre Vorteile, wie z. B. die einfachere Interaktion mit Workflow-Engines, die Integration externer Daten und erweiterte Taskfunktionen. Wichtige Business Objekte werden f\u00fcr einen effektiven Datenaustausch identifiziert. Das Erstellen von individuellen Frontends erfordert geeignete Methoden, wie z. B. die Formatierung von Datenwerten.\" \/>\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\/current-release\/applications\/build-workflows\/create-custom-task-ui\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Individuelle Task-UI erstellen - Simplifier Makers Club\" \/>\n<meta property=\"og:description\" content=\"Der Text enth\u00fcllt die Leistungsf\u00e4higkeit einer individuellen UI f\u00fcr Benutzeraufgaben und er\u00f6rtert ihre Vorteile, wie z. B. die einfachere Interaktion mit Workflow-Engines, die Integration externer Daten und erweiterte Taskfunktionen. Wichtige Business Objekte werden f\u00fcr einen effektiven Datenaustausch identifiziert. Das Erstellen von individuellen Frontends erfordert geeignete Methoden, wie z. B. die Formatierung von Datenwerten.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/community.simplifier.io\/de\/doc\/current-release\/applications\/build-workflows\/create-custom-task-ui\/\" \/>\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:27:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/community.simplifier.io\/wp-content\/uploads\/2023\/05\/wfCustomTasksFeatured.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1168\" \/>\n\t<meta property=\"og:image:height\" content=\"268\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\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=\"3\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\\\/current-release\\\/applications\\\/build-workflows\\\/create-custom-task-ui\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/current-release\\\/applications\\\/build-workflows\\\/create-custom-task-ui\\\/\"},\"author\":{\"name\":\"Christian Kleinschroth\",\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/#\\\/schema\\\/person\\\/f8c8f6d71ca92598e95bd53c9a6e0fc6\"},\"headline\":\"Individuelle Task-UI erstellen\",\"datePublished\":\"2024-07-24T09:20:48+00:00\",\"dateModified\":\"2025-12-11T13:27:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/current-release\\\/applications\\\/build-workflows\\\/create-custom-task-ui\\\/\"},\"wordCount\":578,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/current-release\\\/applications\\\/build-workflows\\\/create-custom-task-ui\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/community.simplifier.io\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/wfCustomTasksFeatured.webp\",\"inLanguage\":\"de\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/current-release\\\/applications\\\/build-workflows\\\/create-custom-task-ui\\\/\",\"url\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/current-release\\\/applications\\\/build-workflows\\\/create-custom-task-ui\\\/\",\"name\":\"Individuelle Task-UI erstellen - Simplifier Makers Club\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/current-release\\\/applications\\\/build-workflows\\\/create-custom-task-ui\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/current-release\\\/applications\\\/build-workflows\\\/create-custom-task-ui\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/community.simplifier.io\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/wfCustomTasksFeatured.webp\",\"datePublished\":\"2024-07-24T09:20:48+00:00\",\"dateModified\":\"2025-12-11T13:27:23+00:00\",\"description\":\"Der Text enth\u00fcllt die Leistungsf\u00e4higkeit einer individuellen UI f\u00fcr Benutzeraufgaben und er\u00f6rtert ihre Vorteile, wie z. B. die einfachere Interaktion mit Workflow-Engines, die Integration externer Daten und erweiterte Taskfunktionen. Wichtige Business Objekte werden f\u00fcr einen effektiven Datenaustausch identifiziert. Das Erstellen von individuellen Frontends erfordert geeignete Methoden, wie z. B. die Formatierung von Datenwerten.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/current-release\\\/applications\\\/build-workflows\\\/create-custom-task-ui\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/current-release\\\/applications\\\/build-workflows\\\/create-custom-task-ui\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/current-release\\\/applications\\\/build-workflows\\\/create-custom-task-ui\\\/#primaryimage\",\"url\":\"https:\\\/\\\/community.simplifier.io\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/wfCustomTasksFeatured.webp\",\"contentUrl\":\"https:\\\/\\\/community.simplifier.io\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/wfCustomTasksFeatured.webp\",\"width\":1168,\"height\":268},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/current-release\\\/applications\\\/build-workflows\\\/create-custom-task-ui\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"App Builder Anleitung\",\"item\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/app-builder-leitfaden\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Erstellen\",\"item\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/app-builder-leitfaden\\\/bauen\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Workflows erstellen\",\"item\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/app-builder-leitfaden\\\/bauen\\\/erstellen-von-workflows\\\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Individuelle Task-UI 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\\\/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":"Individuelle Task-UI erstellen - Simplifier Makers Club","description":"Der Text enth\u00fcllt die Leistungsf\u00e4higkeit einer individuellen UI f\u00fcr Benutzeraufgaben und er\u00f6rtert ihre Vorteile, wie z. B. die einfachere Interaktion mit Workflow-Engines, die Integration externer Daten und erweiterte Taskfunktionen. Wichtige Business Objekte werden f\u00fcr einen effektiven Datenaustausch identifiziert. Das Erstellen von individuellen Frontends erfordert geeignete Methoden, wie z. B. die Formatierung von Datenwerten.","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\/current-release\/applications\/build-workflows\/create-custom-task-ui\/","og_locale":"de_DE","og_type":"article","og_title":"Individuelle Task-UI erstellen - Simplifier Makers Club","og_description":"Der Text enth\u00fcllt die Leistungsf\u00e4higkeit einer individuellen UI f\u00fcr Benutzeraufgaben und er\u00f6rtert ihre Vorteile, wie z. B. die einfachere Interaktion mit Workflow-Engines, die Integration externer Daten und erweiterte Taskfunktionen. Wichtige Business Objekte werden f\u00fcr einen effektiven Datenaustausch identifiziert. Das Erstellen von individuellen Frontends erfordert geeignete Methoden, wie z. B. die Formatierung von Datenwerten.","og_url":"https:\/\/community.simplifier.io\/de\/doc\/current-release\/applications\/build-workflows\/create-custom-task-ui\/","og_site_name":"Simplifier Makers Club","article_publisher":"https:\/\/www.facebook.com\/simplifier.io\/","article_modified_time":"2025-12-11T13:27:23+00:00","og_image":[{"width":1168,"height":268,"url":"https:\/\/community.simplifier.io\/wp-content\/uploads\/2023\/05\/wfCustomTasksFeatured.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_site":"@simplifier_io","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"3\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"TechArticle","@id":"https:\/\/community.simplifier.io\/de\/doc\/current-release\/applications\/build-workflows\/create-custom-task-ui\/#article","isPartOf":{"@id":"https:\/\/community.simplifier.io\/de\/doc\/current-release\/applications\/build-workflows\/create-custom-task-ui\/"},"author":{"name":"Christian Kleinschroth","@id":"https:\/\/community.simplifier.io\/de\/#\/schema\/person\/f8c8f6d71ca92598e95bd53c9a6e0fc6"},"headline":"Individuelle Task-UI erstellen","datePublished":"2024-07-24T09:20:48+00:00","dateModified":"2025-12-11T13:27:23+00:00","mainEntityOfPage":{"@id":"https:\/\/community.simplifier.io\/de\/doc\/current-release\/applications\/build-workflows\/create-custom-task-ui\/"},"wordCount":578,"commentCount":0,"publisher":{"@id":"https:\/\/community.simplifier.io\/de\/#organization"},"image":{"@id":"https:\/\/community.simplifier.io\/de\/doc\/current-release\/applications\/build-workflows\/create-custom-task-ui\/#primaryimage"},"thumbnailUrl":"https:\/\/community.simplifier.io\/wp-content\/uploads\/2023\/05\/wfCustomTasksFeatured.webp","inLanguage":"de"},{"@type":"WebPage","@id":"https:\/\/community.simplifier.io\/de\/doc\/current-release\/applications\/build-workflows\/create-custom-task-ui\/","url":"https:\/\/community.simplifier.io\/de\/doc\/current-release\/applications\/build-workflows\/create-custom-task-ui\/","name":"Individuelle Task-UI erstellen - Simplifier Makers Club","isPartOf":{"@id":"https:\/\/community.simplifier.io\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/community.simplifier.io\/de\/doc\/current-release\/applications\/build-workflows\/create-custom-task-ui\/#primaryimage"},"image":{"@id":"https:\/\/community.simplifier.io\/de\/doc\/current-release\/applications\/build-workflows\/create-custom-task-ui\/#primaryimage"},"thumbnailUrl":"https:\/\/community.simplifier.io\/wp-content\/uploads\/2023\/05\/wfCustomTasksFeatured.webp","datePublished":"2024-07-24T09:20:48+00:00","dateModified":"2025-12-11T13:27:23+00:00","description":"Der Text enth\u00fcllt die Leistungsf\u00e4higkeit einer individuellen UI f\u00fcr Benutzeraufgaben und er\u00f6rtert ihre Vorteile, wie z. B. die einfachere Interaktion mit Workflow-Engines, die Integration externer Daten und erweiterte Taskfunktionen. Wichtige Business Objekte werden f\u00fcr einen effektiven Datenaustausch identifiziert. Das Erstellen von individuellen Frontends erfordert geeignete Methoden, wie z. B. die Formatierung von Datenwerten.","breadcrumb":{"@id":"https:\/\/community.simplifier.io\/de\/doc\/current-release\/applications\/build-workflows\/create-custom-task-ui\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/community.simplifier.io\/de\/doc\/current-release\/applications\/build-workflows\/create-custom-task-ui\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/community.simplifier.io\/de\/doc\/current-release\/applications\/build-workflows\/create-custom-task-ui\/#primaryimage","url":"https:\/\/community.simplifier.io\/wp-content\/uploads\/2023\/05\/wfCustomTasksFeatured.webp","contentUrl":"https:\/\/community.simplifier.io\/wp-content\/uploads\/2023\/05\/wfCustomTasksFeatured.webp","width":1168,"height":268},{"@type":"BreadcrumbList","@id":"https:\/\/community.simplifier.io\/de\/doc\/current-release\/applications\/build-workflows\/create-custom-task-ui\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/community.simplifier.io\/de\/"},{"@type":"ListItem","position":2,"name":"App Builder Anleitung","item":"https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/"},{"@type":"ListItem","position":3,"name":"Erstellen","item":"https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/bauen\/"},{"@type":"ListItem","position":4,"name":"Workflows erstellen","item":"https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/bauen\/erstellen-von-workflows\/"},{"@type":"ListItem","position":5,"name":"Individuelle Task-UI 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\/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"]}]}},"_links":{"self":[{"href":"https:\/\/community.simplifier.io\/de\/wp-json\/wp\/v2\/docs\/48256","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\/48256\/revisions"}],"predecessor-version":[{"id":73982,"href":"https:\/\/community.simplifier.io\/de\/wp-json\/wp\/v2\/docs\/48256\/revisions\/73982"}],"up":[{"embeddable":true,"href":"https:\/\/community.simplifier.io\/de\/wp-json\/wp\/v2\/docs\/48437"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/community.simplifier.io\/de\/wp-json\/wp\/v2\/media\/55194"}],"wp:attachment":[{"href":"https:\/\/community.simplifier.io\/de\/wp-json\/wp\/v2\/media?parent=48256"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}