@asn11,Instead of using model.json, you can create your own servlet, called mymodel.json. You will be able to define your own JSON schema output from here.

How are you allowing your content author's to choose the colors?

It looks like these are standard tags that you would like to flag text in your RTE (cq/gui/components/authoring/dialog/richtext). Unless if you have a more custom usecase. There are two plugins RTE that you can try to use:1. paraformat2. styles 1. Paraformat example:<paraformat jcr:primaryType="n...

@Tessa_learner1,2 things to consider.1. Building LocallyYou must install the right version of node on your work machine. As a full stack engineer myself, I always need to jump back and fourth from different versions of node or NPM. Please consider the Node Version Manager for windows, as this instal...

@mmgiath,You can use CSS to achieve this.https://www.w3schools.com/cssref/tryit.asp?filename=trycss3_text-overflow 

You can set an HTML data-attribute that can be accessed by Javascript. Take a look at the code example below where we are utilizing the HTML data-attribute that will be accessed in the script block.Sightly.html<section data-sly-use.taxcal="com.sourcedcode.core.components.models.TaxCalculator" id="...

The best way in my opinion is (assuming that you are not planning to store the i18n in the code, and you are not on AEMaaCS, and you don't have the i18n in the code)1. Schedule a content freeze with the content authors.2. Pull all dictionary down from production.3. Push dictionary keys into a lower ...

The proper way to do this is using the Granite UI DataSource factory.  You can find examples here:https://levelup.gitconnected.com/aem-populate-a-drop-down-with-a-data-source-edafada90cc4 https://redquark.org/aem/day-17-granite-datasources/ minimal code: Or you can try out the ACS Commons Generic Li...

This might be too late as an answer, but I think current users will find this answer useful. Checkout this blog article that solves the problem.How to Write AEM Reusable Touch UI, Granite UI Configuration, https://sourcedcode.com/blog/aem/how-to-write-aem-reusable-touch-ui-granite-ui-configuration 

I think your first example, the Adobe example looks alright.Adobe made the right choice to use @ScriptVariable ValueMap properties, because if you look at the logic to set startLevel, showHidden... it requires some logic. The logic as you can see, it will try to find and set the component's configur...