Difference b/w Granite UI Components based on Coral UI 2 and Coral UI 3

Given the fact that we have two sets of Granite UI components based on Coral UI2 and Coral UI3, below are the differences mentioned per Adobe documentation.

Coral UI2 Components Path /libs/granite/ui/components/foundation/*
Coral UI3 Components Path /libs/granite/ui/components/coral/foundation/*
Coral UI2 Clientlibs granite.ui.foundation, granite.ui.foundation.admin, coralui2
Coral UI3 Clientlibs granite.ui.coral.foundation, coralui3
  • Coral UI 3 based components will not have layout concept. Replacement/alternative being  direct standard component for simplicity.
    • While creating touch UI dialog, we create a node named "layout" with resourceType being the layouts from the path "granite/ui/components/foundation/layouts/*"
      • Eg: Coral UI 2: if layout resourceType used is granite/ui/components/foundation/layouts/tabs, equivalent Coral UI 3, granite/ui/components/coral/foundation/tabs.
      • section component(granite/ui/components/foundation/section)that we use to define for each of the tabs has been replaced with container component(granite/ui/components/coral/foundation/container)
  • $.validator which we were using for validation before is now been replaced with foundation-validation 
  • Common attributes (like class, title, id) are strictly implemented.(this is more to the implementation perspective - retrieving logic of these common attributes. The same can be evident by comparing any particular component of both sets, say textfield available in /libs/granite/ui/components/foundation/textfield/render.jsp and /libs/granite/ui/components/coral/foundation/textfield/render.jsp
  • Few similar set of components has been removed. List of components changed/removed has been mentioned here.
In-depth understanding/explanation of first 3 difference with example will be mentioned in separate post.

Comments

  1. BB Tamil FanAugust 23, 2018 at 10:30 AM

    good one

    ReplyDelete
  2. AdobeAnalyticsNovember 25, 2021 at 6:14 AM

    Thanks for sharing this useful & informative article. Would request you to pen some article on Best Adobe Analytics Training

    ReplyDelete
  3. Online EducationMarch 23, 2023 at 12:58 AM

    Thank you for sharing an amazing & wonderful blog. active passive Components

    ReplyDelete
  4. Ajay SinghSeptember 20, 2023 at 8:06 AM

    I recently visited Ambica Enterprises' quarry, and I was impressed by their dedication to responsible mining practices. Their efforts to minimize environmental impact and support local communities are truly commendable. It's great to see a company with such a strong commitment to sustainability. Also check: - South black granite

    ReplyDelete
  5. olivia connersFebruary 6, 2025 at 2:45 AM

    Excellent post! Stress relief is key to a balanced lifestyle. For more creative and fun ways to unplug, check out our guide on Best Offline Activities for Stress Relief!

    ReplyDelete
  6. AvinshaMarch 4, 2025 at 9:54 PM

    Well-explained! Want to get a high band in IELTS? Take this IELTS Reading Practice Test and start practicing!

    ReplyDelete
  7. FlorenceApril 30, 2025 at 2:13 AM

    Great post! I found myself nodding along with several of your points. Well articulated!
    Discover how Mindful Travel Art can deepen your connection to places. Explore our starter guide.

    ReplyDelete

Post a Comment

Popular posts from this blog

Embedding Third party dependency/OSGi bundle in AEM application hosted in AEMasCS

Image
This post illustrate the ways of embedding third party dependency in AEM maven project. Steps are mentioned considering the project structure to be followed for AEMasCS while the same can be followed for classic versions too.  Before we begin, I would like to explain the scenario of including a dependency in our AEM maven project.  When we would like to make use of an API that is not already available in our project, we look for that in maven-central repository and specify the dependency in main pom.xml and desired module's pom.xml file. (Lets say, AWS S3 Java SDK V2 dependency) Upon updating the project in the IDE, we would see our class files (making use of those APIs) are compiled/build successfully without any errors.  Now, in the context of AEM/OSGi environment, when the same package and hence the bundle is deployed to AEM instance, dependencies that we added new might not be resolved/available in the OSGi as a bundle. Something like the below This indicates that the...
Read more

Embed Third party dependency using bnd-maven-plugin

Image
This post explains the use of bnd-maven-plugin to embed third party dependency  Two main instructions of bnd-maven-plugin that serves the purpose are detailed below.  -conditionalpackage  pick packages from respective library and copy them in the bundle. Any dependencies of those copied packages will also be copied if they match the selectors. This means we need to explicitly list all the Java package names of desired dependency as part of this instruction (including its transitive dependencies) More about conditionalpackage instruction from official docs -  https://bnd.bndtools.org/instructions/conditionalpackage.html -includeresource  For including resource inline -includeresource: @artifactId-version.jar!/* For embedding as a jar with an entry in bundle class path -includeresource: artifactId-version.jar;lib:=true For several other possible combinations for including the resource, please check - https://bnd.bndtools.org/instructions/includeresource.html Wi...
Read more

Creation of Template Types for Editable templates

Image
In this post, we will create templates types which is the base for creating editable templates. Before getting to the subject directly, have added an introduction about templates in general. Template is the base for creating pages. Starting AEM 6.2, we have categorisation for templates - Static and Editable templates. Static templates :  This has been available for several versions of AEM/CQ Created using "Create Template" option with base page component as resourceType (which is responsible for rendering the page structure).  Template ( base page component as resourceType ) -> Page This cannot be edited as such. Since it just holds a reference to base page component, any changes to the page (other than authorable components), would need a change in base page component which is ultimately a work of developer. (calls for a code change) Allowed components are configured using Design mode (list being saved to etc/designs/projectfolder/templatename/jcr:content) ...
Read more