What Is Granite Ui In Aem

It forms the technical foundation on which aem is built.

What is granite ui in aem.

When light is selected and the dialog submitted the correct value for theme is recorded in the crxde but this value isn t shown as the theme when re opening the dialog. Implement the ui concepts and illustrate best practices long lists rendering lists filtering object crud cud. Hi all any help with the following would be greatly appreciated. This differs considerably from the original classic ui as it is designed to operate on both touch and desktop devices.

The basic principles of the touch optimized ui are. Welcome to granite ui s documentation table of contents. This touch enabled ui is now the standard ui for aem superseding the classic. I have a dropdown selection box inside a dialog as shown below.

The major goals of this are to. The granite engineering platform also provides a foundation ui framework. In this blog i want to talk about a small tech gem that a lot of aem developers are not aware of granite ui common attributes. Coral ui is a ui library made available to aem customers for building applications and web interfaces within the boundaries of their licensed use of the product.

This section illustrates how to use two different datasource objects to populate two different select fields as shown in the following illustration. In adobe experience manager aem granite ui is the foundation ui framework to build touch enabled ui consoles and component dialogs. Radio checkbox multifield etc. With aem 5 6 adobe introduced a new touch enabled ui with responsive design for the author environment.

Provide granular ui widgets. Touch ui coral ui granite ui classic ui and extjs in relation to cq aem. It provides a set of out of the box ootb components that you can use to build consoles or component dialogs. This aem page lets you select the herotext2 component from the aem touch ui side rail as shown in the following illustration.

There are few modifications to the way granite ui components are configured for coral 3 components. Mobile first with desktop in mind. Granite ui components are built with coral ui. Hi all it is a bit difficult to map the the relationships between different js frameworks used in aem.

So it would be great if someone can help me in understanding the exact relation between them i e. The submit value of the field when it. Granite is adobe s open web stack.