Fundamental Library has recently adapted all of the components to a fresh new visual theme of SAP Fiori, Horizon. Both Fundamental Library Styles v0.24 and Fundamental Library for Angular v0.35 now fully support the Horizon themes. What is Horizon? The new modern Horizon theme is built with a focus on transforming the components into a fresh, friendly look with....

Moment.js has officially been deprecated as of September 2020. The Moment.js team has announced the end of the active development and they no longer update or add new features. The reasons for such a decision are explained on the Moment.js website. But how does the deprecation of Moment.js affect Fundamental Library NGX? One of the Fundamental Library NGX adapters, MomentDateTimeAdapter was using the Moment.js library. Considering that....

In the previous post, we had a quick look at how to build a web form in plain HTML. Although HMTL doesn’t require any coding experience and it is easy to work with, it doesn’t give many options when it comes to styles. Styles help with keeping the formatting consistent and display pleasant user-friendly web content. CSS....

In the previous post, we learned to build a web form in plain HTML with no coding experience. Even though creating HTML web forms is easy, HTML does not give many options when it comes to visualization. In this blog post, we are going to create a template-driven web form using the Angular framework and Fundamental NGX Library. Angular....

1. Introduction This is a personal sequel to Fiori-like web app development in pure ABAP with htmx and Fundamental by Patrick VILLENEUVE to explore further the possibilities of combining htmx and ABAP to develop business web apps. 1.1 Motivation The world is shifting towards SAP web development using SAPUI5 and ABAP RAP model on a platform like BTP, and....

Reactive forms are forms that are defined programmatically at the level of the component class. Compared to the template-driven web forms we saw in the previous post, there aren’t many differences in the way the forms are displayed in the browser. Rather a blunt difference between those two is the way they are programmed. In....

Fundamental Library Styles has dropped the IE11 support on its newest version release v0.23.0, resulting in some changes in the published CSS file. Previously, the theme variables were included in bundles, and CSS files for each theme were distributed containing those fallback values. As a result, the styling files were containing the duplicated declaration. Despite the increased....

SAP Fiori introduces a new family theme called Horizon. The theme of family has been evolving iteratively. However, this latest update takes more than just theme upgrades. See the previous post for more details.  Some components, for example, have changed not only their color, but also their design: Switch in Quartz Light theme   Switch in Morning Horizon....