Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn More

View all

Sign in to view all badges

Coral Or granite UI ? Which one to follow while creating Touch UI dialogs ?

Avatar

Avatar
Boost 1
Level 1
selva_billa
Level 1

Likes

0 likes

Total Posts

7 posts

Correct Reply

0 solutions
Top badges earned
Boost 1
Validate 1
View profile

Avatar
Boost 1
Level 1
selva_billa
Level 1

Likes

0 likes

Total Posts

7 posts

Correct Reply

0 solutions
Top badges earned
Boost 1
Validate 1
View profile
selva_billa
Level 1

12-12-2018

Hi All,

In libs we have provision to create touch UI dialog by using Coral(/libs/granite/ui/components/coral/foundation/form/textfield) or granite(/libs/granite/ui/components/foundation/form/textfield) fields. Our /apps/core/wcm/components is developed using coral UI fields. Does it mean adobe support coral over granite ? Will there be any issue if I develop my components using granite UI ?

I have read in the below link that granite UI components were created using the coral elements

Concepts of the AEM Touch-Enabled UI

Regards,

/S.

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar
Give Back 5
Employee
rmahendra
Employee

Likes

26 likes

Total Posts

39 posts

Correct Reply

14 solutions
Top badges earned
Give Back 5
Give Back 3
Give Back
Boost 5
Boost 3
View profile

Avatar
Give Back 5
Employee
rmahendra
Employee

Likes

26 likes

Total Posts

39 posts

Correct Reply

14 solutions
Top badges earned
Give Back 5
Give Back 3
Give Back
Boost 5
Boost 3
View profile
rmahendra
Employee

12-12-2018

Components under /libs/granite/ui/components/foundation are based on Coral 2 and components under /libs/granite/ui/components/coral/foundation are based on Coral 3. Prefer using the Coral 3 components.

Migration Guide to CoralUI 3-based — Granite UI 1.0 documentation

Answers (2)

Answers (2)

Avatar

12-12-2018

Granite

Granite is Adobe's Open Web stack, providing various components including:

  • An application launcher
  • An OSGi framework into which everything is deployed
  • A number of OSGi compendium services to support building applications
  • A comprehensive Logging Framework providing various logging APIs
  • The CRX Repository implementation of the JCR API Specification
  • The Apache Sling Web Framework
  • Additional parts of the current CRX product

Avatar

12-12-2018

  • Coral UI (CUI) an implementation of Adobe's visual style for the touch-enabled UI. Coral UI provides everything your product / project / web application needs to adopt the UI visual style.

  • Granite UI components are built with Coral UI.

The basic principles of the touch-enabled UI are:

  • Mobile first (with desktop in mind)
  • Responsive design
  • Context relevant display
  • Reusable
  • Include embedded reference documentation
  • Include embedded tests
  • Bottom-up design to ensure these principles are applied to every element and component