SAPUI5 layouts are the standard mechanism to align UI controls in web pages. Using these will help to avoid custom CSS and also it will take care of responsiveness of web page. There are many types of layouts that can be used on demand. HBox and VBox are the two basic and most useful layouts. You can start with these and use other layouts […]
UI validation message handling: Message manager
After implementing user input validation for SAPUI5 input fields we can handle them using standard events. But if you observe the validation message, it will be ‘Invalid value‘ for all the the fields regardless of input type. This standard message text will not help much for user to fill the fields correctly. So we need to customize the message text using message manager or […]
How to: Make an Input field required in SAPUI5.
Required fields in forms are the ones which are very necessary to proceed with form submission process. Without filling required fields data may become inconsistent or may face many other issues. Due to that reason notifying user about required fields in form is essential. Input label required property As in practice required field labels are shown with * symbol. That can be easily done […]
Validating Input field using simple types and regex.
Validating input field value is essential as much as validating required fields. There will be situation where we need to validate user input from entering inappropriate data to form fields. For example, name field should not have digits, PIN number field should accept only numbers and many more similar instances. Using simple types in SAPUI5 is effective and easy to use method for validating […]
How to use SAPUI5 Explored App for learning UI5.
SAPUI5 explored app is a great tool for getting to know about UI controls in UI5. There you can find the example for all the UI controls which are available officially from library. With examples it also have detailed information about each control. If you are working on UI5, then it is a must visit web application. Explored is a app developed and maintained […]
Creating SAPUI5 UI elements in XML views.
Creating UI elements in JS views and XML views is different. SAPUI5 is concentrating more on XML views recently and for developers also it is very easy to code and understand XML views. Since there are loads of UI elements are available, we can’t explain each and everything. But we can help you to get started with UI elements in XML views. We suggest […]
How to create new SAPUI5 project in Web IDE?
SAP’s Web IDE is very powerful, fully integrated development environment which supports UI5 out of the box. We covered how to get a free Web IDE trial account for practicing UI5. Before continuing with this tutorial please go through the procedure for creating a Web IDE account and get ready for building UI5 project. Pre-requisite: Web IDE account access. If you don’t have account […]
CRUD Application with SAPUI5 Using external service and Ajax Call
CRUD operations are the very essential things which are required in most of the UI5 applications. We already explained the ways of implementing CRUD operations on local JSON data. In this post we are going to explain how to implement CRUD operations to UI5 application with external or remote OData service using AJAX calls. This post covers Creating the User Interface Creating the project Setting up the SAPUI5 bootstrap and […]