SAP UI5 Beginner's Tutorial No. 13-How to add a custom CSS class trial version

A set of step-by-step learning tutorials suitable for SAP

Tutorial directory

• SAP UI5 local development environment construction
• SAP UI5 Beginner's Tutorial One: Hello World
• SAP UI5 Beginner's Tutorial II: The Bootstrap Process of SAP
• SAP UI5 Beginner's Tutorial III:
• SAP UI5 Beginner's Tutorial IV: A Preliminary Study of XML View
• SAP UI5 Beginner's Tutorial 5: A Preliminary Study of View Controllers
• SAP UI5 Beginner's Tutorial 6-Understanding the Module Concept of
• SAP UI5 Beginner's Tutorial No. 7-A Preliminary Study of JSON Model
• SAP UI5 Beginner's Tutorial No. 8-Multilingual Support
• SAP UI5 Beginner's Tutorial Nine-Create the first Component
• SAP UI5 Beginner's Tutorial Ten-What is the Descriptor of SAP UI5 Application
• SAP UI5 Beginner's Tutorial Eleven: SAP UI5 Container Controls Page and Panel
• SAP UI5 Beginner's Tutorial No. 12-Use CSS classes to further beautify the UI
• SAP UI5 Beginner's Tutorial 13-How to add custom CSS classes

illustrate

Jerry has been in contact with SAP UI5 since he joined the CRM Fiori development team of SAP Chengdu Research Institute in 2014. He has published many articles on SAP UI5 working principle and source code analysis on SAP community and "Wang Zixi" WeChat public account.

In Jerry’s article for newbies who don’t know anything about SAP UI5, which materials are better to learn from? He knows that it is not easy for developers with ABAP development background to transform to the SAP UI5 development field. Therefore, I designed this learning for SAP UI5 beginners in my spare time. The tutorial splits the process of developing a complete SAP UI5 application into several steps, and strives to cover all the knowledge points involved in each step. These knowledge points may not be as in-depth as my UI5 source code analysis series of articles, but I strive to be simple and easy to understand, so that SAP UI5 beginners can understand.

The source code of each step of this tutorial is stored on my Github , which is identified by folders 01, 02, 03, etc.

Each step is based on the previous step, with several new features added. It is recommended that beginners with zero foundation or little knowledge of SAP UI5, follow the order from the first step to learn step by step, download these codes to the local, cooperate with the text of the tutorial, and do it yourself to deepen their understanding.

If you have any questions about each step of the tutorial, please leave a comment and leave a message in the corresponding step article of the tutorial.

The last article of this tutorial: SAP UI5 Beginner's Tutorial No. 12-Use CSS classes to further beautify the UI , we introduced how to use the CSS classes defined by the SAP UI5 standard to beautify your own applications.

In this article, we continue the theme of CSS classes and introduce how to customize CSS classes and apply them to your own applications.

First, take a look at the UI effect completed according to this step as follows:

For specific implementation steps, refer to my article: 1619c98804b6a0 SAP UI5 Beginner's Tutorial 13-How to add a custom CSS class