Responsive UI with the Dynamic Table in Visual Builder by Bino Kohli

image

Oracle’s Dynamic Components are now available in Oracle Visual Builder’s components exchange. These components help you develop user interfaces that dynamically change what content is shown and how it is shown based on rules that you define. In this blog, we will show how a dynamic table can be used to create responsive applications and do content manipulation based on the size of the device.

If a dynamic layout is created conditionally based on the device size, you have the opportunity to tailor content and tweak user interactions based on the context of your users. The dynamic components uses rules that you define to decide which data to show and how to show it. Dynamic components rule engine is a powerful tool to conditionally render data on the UI. You can use the rule engine to dynamically control what is displayed in the UI. The layout engine has multiple inbuilt conditions and one of them is screen size. By accessing the screen size and creating different layouts for different screen sizes, we can control what is displayed on the screen and how it will be displayed.

For example, If a sales executive is viewing Sales data, for the Desktop layout, you would like to look at a user case of viewing complete sales data (Quarter, Total Sales, America, Europe, and names of sales representatives bringing in the sales). Whereas, in the case of Tablet, you would like to look at a simpler user case of viewing only the main KPI values(Quarter, Sales, America, and Europe). Also, due to the limited real estate on a mobile device, you would like to look at an even simpler user case of viewing only (Quarter, and Sales). Hence, you would notice some of the columns, or other UI elements getting hidden in tablet and mobile.

Developing with Dynamic Table

Check out this video demo to see how to create a page that displays different information depending on the size of the screen. The video focuses on the dynamic table and uses a rule engine to create different rules and different layouts for different screen sizes. Read the complete article here.

Developer Partner Community

For regular information become a member in the Developer Partner Community please register here.

clip_image003 Blog clip_image005 Twitter clip_image004 LinkedIn image[7][2][2][2] Facebook image Meetups

Technorati Tags: PaaS,Cloud,Middleware Update,WebLogic, WebLogic

Advertisement

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.