Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.
SOLVED

Add Custom CSS Classes To AEM Touch UI Dialogs? (AEM 6.4)

Avatar

Level 1

Hello Adobe Community,

I have a checkbox dialog for one of my components, and I would like to add a custom CSS class to the dialog, but through the XML of the dialog itself.

Is this possible?

Basically I'm aiming for something like this:

```

<questionCheckbox

  jcr:primaryType="nt:unstructured"

  sling:resourceType="granite/ui/components/coral/foundation/form/checkbox"

  fieldDescription="Check this box for a custom option"

  name="./questioncheckbox"

  text="Use Old Navigation?"

  cssClass="customCheckbox"

  value="true"

  />

```

Any guidance would be appreciated.

Thanks,

Alex

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

use granite:class property instead of cssClass

Common Attributes — Granite UI 1.0 documentation



Arun Patidar

View solution in original post

1 Reply

Avatar

Correct answer by
Community Advisor

use granite:class property instead of cssClass

Common Attributes — Granite UI 1.0 documentation



Arun Patidar