{"id":2247,"date":"2023-12-22T13:38:45","date_gmt":"2023-12-22T11:38:45","guid":{"rendered":"https:\/\/www.cobicon.de\/?p=2247"},"modified":"2025-03-31T11:34:09","modified_gmt":"2025-03-31T09:34:09","slug":"fiori-elements","status":"publish","type":"post","link":"https:\/\/www.cobicon.de\/en\/fiori-elements\/","title":{"rendered":"Fiori Elements"},"content":{"rendered":"<h1 id=\"sap-fiori-elements-as-low-code-framework\">SAP Fiori Elements as a low-code framework<\/h1>\n<p>Soon after the intro\u00adduction of SAPUI5 and SAP Fiori, SAP recognized the need to increase developer efficiency. Certain requi\u00adre\u00adments for SAP appli\u00adca\u00adtions, such as entering data in forms and displaying data in list form, occur again and again. With Smart Controls, SAP created the option of controlling appli\u00adca\u00adtions via metadata in the SAPUI5 framework. It did not matter whether this metadata was delivered with the appli\u00adcation or provided by the backend system at runtime. Input forms and tables in parti\u00adcular could be developed very effici\u00adently in this way. SAP Fiori Elements is the next evolu\u00adtionary stage of Smart Controls, so to speak. With this framework, not only individual views can be controlled via metadata, but also entire appli\u00adca\u00adtions. Developers can use a wizard to create a framework appli\u00adcation and provide the remaining infor\u00admation for building and controlling the app via metadata. SAP provides five floor plans for this purpose, which experience has shown to cover around 80% of use cases for SAP business appli\u00adca\u00adtions are covered. This means that developers can develop standar\u00addized appli\u00adca\u00adtions in a fraction of the time previously required. However, SAP Fiori Elements not only reduces development time, it also improves the maintaina\u00adbility of appli\u00adca\u00adtions. The intro\u00adduction of SAP Fiori Elements aims to simplify and accelerate the development of Fiori apps by relieving developers of the technical challenges and usability issues that can arise during the free development of Fiori apps. The framework is designed to reduce development time and effort, regardless of whether you are already an experi\u00adenced SAP Fiori developer or not.<\/p>\n<h2 id=\"advantages-of-sap-fiori-elements\">Advan\u00adtages of SAP Fiori Elements<\/h2>\n<p>The use of SAP Fiori Elements offers a variety of advan\u00adtages that revolu\u00adtionize the development of Fiori apps. Here are some of the most important benefits at a glance:<\/p>\n<h3 id=\"accelerated-development-and-maintainability\">Accele\u00adrated development and maintaina\u00adbility<\/h3>\n<p>The use of SAP Fiori Elements not only reduces development time, but also improves the maintaina\u00adbility of appli\u00adca\u00adtions. Developers can develop standar\u00addized appli\u00adca\u00adtions in a fraction of the time previously required. The framework also enables the generation of an SAP Fiori app at runtime from an existing OData API with additional metadata. This results in very little UI development, as navigation, filtering, editing, saving etc. are handled by SAP Fiori Elements.<\/p>\n<h3 id=\"simplified-customizations-and-central-changes\">Simplified custo\u00admiza\u00adtions and central changes<\/h3>\n<p>With SAP Fiori Elements, discus\u00adsions about changes to apps are a thing of the past. A different column layout or adjus\u00adt\u00adments to OData entities that are used in several apps only need to be adjusted in one central location. All apps adapt automa\u00adti\u00adcally and changes to the UI code are a thing of the past.<\/p>\n<h3 id=\"consistent-user-experience-and-design-guidelines\">Consistent user experience and design guide\u00adlines<\/h3>\n<p>The development of Fiori apps usually requires compliance with design guide\u00adlines for a consistent user experience, which means a great deal of effort in the prepa\u00adration and realization of the app. SAP Fiori Elements allows developers to quickly and easily develop Fiori apps for the specialist area without having to overcome these hurdles. Fiori apps become funda\u00admen\u00adtally available in hours, not days. The framework connects prede\u00adfined page types to the backend system via OData services and uses them to build a UI in accordance with the SAP Fiori design guide\u00adlines.<\/p>\n<h3 id=\"easy-customization-and-analysis-of-business-data\">Easy custo\u00admization and analysis of business data<\/h3>\n<p>The Fiori Elements framework is speci\u00adfi\u00adcally designed for capturing and analyzing business data. The SAP Fiori apps that can be created with it retrieve the data independently from the connected SAP systems. Using the ready-made templates, they ensure a profes\u00adsional analysis that optimally highlights the key content. In addition, Fiori Elements enables a visual repre\u00adsen\u00adtation of the data, which makes it easier to gain an overview of all the values. With Fiori Elements, users can adapt the content to their requi\u00adre\u00adments themselves without the need for the IT department.&lt;\/p<\/p>\n<h2 id=\"conclusion\">Conclusion<\/h2>\n<p>SAP Fiori Elements offers an efficient and standar\u00addized way to develop Fiori apps, regardless of the technical challenges and usability issues that can arise in the free development of Fiori apps. By using metadata and floor plans, SAP Fiori Elements makes it possible to reduce development time and improve the maintaina\u00adbility of appli\u00adca\u00adtions. Developers can therefore quickly and easily develop Fiori apps for the specialist area without failing due to the hurdles mentioned. Fiori apps thus become funda\u00admen\u00adtally available in hours, not days. The framework is an important development in the area of low-code and no-code development and offers developers the oppor\u00adtunity to concen\u00adtrate on the business logic instead of having to deal with technical details. Overall, SAP Fiori Elements provides an efficient and standar\u00addized way to develop Fiori apps and allows developers to focus on the business logic instead of having to deal with technical details. By using metadata and floor plans, the framework reduces development time and signi\u00adfi\u00adcantly improves the maintaina\u00adbility of appli\u00adca\u00adtions. It is therefore an important development in the area of low-code and no-code development and offers developers the oppor\u00adtunity to quickly and easily develop Fiori apps for the specialist area.<\/p>\n<blockquote><p>Optimize your SAP Fiori Elements appli\u00adca\u00adtions with cobicon! Our <a href=\"https:\/\/www.cobicon.de\/en\/start-2\/\">SAP consulting<\/a> company offers specia\u00adlized solutions to develop user-friendly and efficient Fiori inter\u00adfaces that support and improve your business processes.<\/p><\/blockquote>","protected":false},"excerpt":{"rendered":"<p>SAP Fiori Elements as a low-code framework Soon after the intro\u00adduction of SAPUI5 and SAP Fiori, SAP recognized the need to increase developer efficiency. Certain requi\u00adre\u00adments for SAP appli\u00adca\u00adtions, such as entering data in forms and displaying data in list form, occur again and again. With Smart Controls, SAP created the option of controlling appli\u00adca\u00adtions [\u2026]<\/p>\n","protected":false},"author":7,"featured_media":2485,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","wp_typography_post_enhancements_disabled":false,"footnotes":""},"categories":[20,27],"tags":[],"class_list":["post-2247","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-insights-en","category-programming-models"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Fiori Elements &#8226; cobicon<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.cobicon.de\/en\/fiori-elements\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Fiori Elements &#8226; cobicon\" \/>\n<meta property=\"og:description\" content=\"SAP Fiori Elements as a low-code framework Soon after the intro\u00adduction of SAPUI5 and SAP Fiori, SAP recognized the need to increase developer efficiency. Certain requi\u00adre\u00adments for SAP appli\u00adca\u00adtions, such as entering data in forms and displaying data in list form, occur again and again. With Smart Controls, SAP created the option of controlling appli\u00adca\u00adtions [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.cobicon.de\/en\/fiori-elements\/\" \/>\n<meta property=\"og:site_name\" content=\"cobicon\" \/>\n<meta property=\"article:published_time\" content=\"2023-12-22T11:38:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-31T09:34:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.cobicon.de\/wp-content\/uploads\/cobicon-tringle-framework-980x1096.png\" \/>\n\t<meta property=\"og:image:width\" content=\"980\" \/>\n\t<meta property=\"og:image:height\" content=\"1096\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Cobicon\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cobicon\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.cobicon.de\/en\/fiori-elements\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.cobicon.de\/en\/fiori-elements\/\"},\"author\":{\"name\":\"Cobicon\",\"@id\":\"https:\/\/www.cobicon.de\/en\/#\/schema\/person\/d6c07819c20510e30e3fe968f13389d5\"},\"headline\":\"Fiori Elements\",\"datePublished\":\"2023-12-22T11:38:45+00:00\",\"dateModified\":\"2025-03-31T09:34:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.cobicon.de\/en\/fiori-elements\/\"},\"wordCount\":853,\"publisher\":{\"@id\":\"https:\/\/www.cobicon.de\/en\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.cobicon.de\/en\/fiori-elements\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cobicon.de\/wp-content\/uploads\/cobicon-tringle-framework.png\",\"articleSection\":[\"Insights\",\"Programming Models\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.cobicon.de\/en\/fiori-elements\/\",\"url\":\"https:\/\/www.cobicon.de\/en\/fiori-elements\/\",\"name\":\"Fiori Elements &#8226; cobicon\",\"isPartOf\":{\"@id\":\"https:\/\/www.cobicon.de\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.cobicon.de\/en\/fiori-elements\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.cobicon.de\/en\/fiori-elements\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cobicon.de\/wp-content\/uploads\/cobicon-tringle-framework.png\",\"datePublished\":\"2023-12-22T11:38:45+00:00\",\"dateModified\":\"2025-03-31T09:34:09+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.cobicon.de\/en\/fiori-elements\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.cobicon.de\/en\/fiori-elements\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.cobicon.de\/en\/fiori-elements\/#primaryimage\",\"url\":\"https:\/\/www.cobicon.de\/wp-content\/uploads\/cobicon-tringle-framework.png\",\"contentUrl\":\"https:\/\/www.cobicon.de\/wp-content\/uploads\/cobicon-tringle-framework.png\",\"width\":2000,\"height\":2236},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.cobicon.de\/en\/fiori-elements\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\/\/www.cobicon.de\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Fiori Elements\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.cobicon.de\/en\/#website\",\"url\":\"https:\/\/www.cobicon.de\/en\/\",\"name\":\"cobicon\",\"description\":\"SAP Beratung, Consulting &amp; Development\",\"publisher\":{\"@id\":\"https:\/\/www.cobicon.de\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.cobicon.de\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.cobicon.de\/en\/#organization\",\"name\":\"cobicon\",\"url\":\"https:\/\/www.cobicon.de\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.cobicon.de\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.cobicon.de\/wp-content\/uploads\/cobicon-logo-white.svg\",\"contentUrl\":\"https:\/\/www.cobicon.de\/wp-content\/uploads\/cobicon-logo-white.svg\",\"width\":432,\"height\":106,\"caption\":\"cobicon\"},\"image\":{\"@id\":\"https:\/\/www.cobicon.de\/en\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.cobicon.de\/en\/#\/schema\/person\/d6c07819c20510e30e3fe968f13389d5\",\"name\":\"Cobicon\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.cobicon.de\/en\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/17cf00524892f097c1dedb1c7cf671f8e61b1b69d54613b9b4fedc990459139a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/17cf00524892f097c1dedb1c7cf671f8e61b1b69d54613b9b4fedc990459139a?s=96&d=mm&r=g\",\"caption\":\"Cobicon\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Fiori Elements &#8226; cobicon","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:\/\/www.cobicon.de\/en\/fiori-elements\/","og_locale":"en_US","og_type":"article","og_title":"Fiori Elements &#8226; cobicon","og_description":"SAP Fiori Elements as a low-code framework Soon after the intro\u00adduction of SAPUI5 and SAP Fiori, SAP recognized the need to increase developer efficiency. Certain requi\u00adre\u00adments for SAP appli\u00adca\u00adtions, such as entering data in forms and displaying data in list form, occur again and again. With Smart Controls, SAP created the option of controlling appli\u00adca\u00adtions [&hellip;]","og_url":"https:\/\/www.cobicon.de\/en\/fiori-elements\/","og_site_name":"cobicon","article_published_time":"2023-12-22T11:38:45+00:00","article_modified_time":"2025-03-31T09:34:09+00:00","og_image":[{"width":980,"height":1096,"url":"https:\/\/www.cobicon.de\/wp-content\/uploads\/cobicon-tringle-framework-980x1096.png","type":"image\/png"}],"author":"Cobicon","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Cobicon","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.cobicon.de\/en\/fiori-elements\/#article","isPartOf":{"@id":"https:\/\/www.cobicon.de\/en\/fiori-elements\/"},"author":{"name":"Cobicon","@id":"https:\/\/www.cobicon.de\/en\/#\/schema\/person\/d6c07819c20510e30e3fe968f13389d5"},"headline":"Fiori Elements","datePublished":"2023-12-22T11:38:45+00:00","dateModified":"2025-03-31T09:34:09+00:00","mainEntityOfPage":{"@id":"https:\/\/www.cobicon.de\/en\/fiori-elements\/"},"wordCount":853,"publisher":{"@id":"https:\/\/www.cobicon.de\/en\/#organization"},"image":{"@id":"https:\/\/www.cobicon.de\/en\/fiori-elements\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cobicon.de\/wp-content\/uploads\/cobicon-tringle-framework.png","articleSection":["Insights","Programming Models"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.cobicon.de\/en\/fiori-elements\/","url":"https:\/\/www.cobicon.de\/en\/fiori-elements\/","name":"Fiori Elements &#8226; cobicon","isPartOf":{"@id":"https:\/\/www.cobicon.de\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.cobicon.de\/en\/fiori-elements\/#primaryimage"},"image":{"@id":"https:\/\/www.cobicon.de\/en\/fiori-elements\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cobicon.de\/wp-content\/uploads\/cobicon-tringle-framework.png","datePublished":"2023-12-22T11:38:45+00:00","dateModified":"2025-03-31T09:34:09+00:00","breadcrumb":{"@id":"https:\/\/www.cobicon.de\/en\/fiori-elements\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.cobicon.de\/en\/fiori-elements\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.cobicon.de\/en\/fiori-elements\/#primaryimage","url":"https:\/\/www.cobicon.de\/wp-content\/uploads\/cobicon-tringle-framework.png","contentUrl":"https:\/\/www.cobicon.de\/wp-content\/uploads\/cobicon-tringle-framework.png","width":2000,"height":2236},{"@type":"BreadcrumbList","@id":"https:\/\/www.cobicon.de\/en\/fiori-elements\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/www.cobicon.de\/en\/"},{"@type":"ListItem","position":2,"name":"Fiori Elements"}]},{"@type":"WebSite","@id":"https:\/\/www.cobicon.de\/en\/#website","url":"https:\/\/www.cobicon.de\/en\/","name":"cobicon","description":"SAP Beratung, Consulting &amp; Development","publisher":{"@id":"https:\/\/www.cobicon.de\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.cobicon.de\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.cobicon.de\/en\/#organization","name":"cobicon","url":"https:\/\/www.cobicon.de\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.cobicon.de\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.cobicon.de\/wp-content\/uploads\/cobicon-logo-white.svg","contentUrl":"https:\/\/www.cobicon.de\/wp-content\/uploads\/cobicon-logo-white.svg","width":432,"height":106,"caption":"cobicon"},"image":{"@id":"https:\/\/www.cobicon.de\/en\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.cobicon.de\/en\/#\/schema\/person\/d6c07819c20510e30e3fe968f13389d5","name":"Cobicon","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.cobicon.de\/en\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/17cf00524892f097c1dedb1c7cf671f8e61b1b69d54613b9b4fedc990459139a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/17cf00524892f097c1dedb1c7cf671f8e61b1b69d54613b9b4fedc990459139a?s=96&d=mm&r=g","caption":"Cobicon"}}]}},"_links":{"self":[{"href":"https:\/\/www.cobicon.de\/en\/wp-json\/wp\/v2\/posts\/2247","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cobicon.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cobicon.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cobicon.de\/en\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cobicon.de\/en\/wp-json\/wp\/v2\/comments?post=2247"}],"version-history":[{"count":1,"href":"https:\/\/www.cobicon.de\/en\/wp-json\/wp\/v2\/posts\/2247\/revisions"}],"predecessor-version":[{"id":3765,"href":"https:\/\/www.cobicon.de\/en\/wp-json\/wp\/v2\/posts\/2247\/revisions\/3765"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cobicon.de\/en\/wp-json\/wp\/v2\/media\/2485"}],"wp:attachment":[{"href":"https:\/\/www.cobicon.de\/en\/wp-json\/wp\/v2\/media?parent=2247"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cobicon.de\/en\/wp-json\/wp\/v2\/categories?post=2247"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cobicon.de\/en\/wp-json\/wp\/v2\/tags?post=2247"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}