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

Custom Multi Widget issue with field width

Avatar

Level 3

Hi All,

We have a requirement where we are creating a custom Multi-Widget and in the dialog we are using a paragraphreference which enable Author to browse the another component reference eg a composite component scenario.

The issue we are facing is with the width of the field. By Default in "/libs/cq/ui/widgets/source/ext/source/widgets/form/TriggerField.js" the defaultTriggerWidth given as 17px and using this field didn't appear properly in the dialog.

To resolve this we tried to use css option but that didn't work because we were unable to find the desire class on which we can apply the style.

We also tried overriding the existing TriggerField.js and move it under "/apps/cq/ui/widgets/source/ext/source/widgets/form/TriggerField.js"  and change the width as per our need., this approach works but it will be helpful if somebody let us know the better way by which this can be achieved.

Thanks in advance,

Shikha

1 Accepted Solution

Avatar

Correct answer by
Level 10

Your approach is valid as you are overlaying the AEM component to meet your requirements.  The key is never modify components under /libs. Always move to /apps and make your changes. 

View solution in original post

1 Reply

Avatar

Correct answer by
Level 10

Your approach is valid as you are overlaying the AEM component to meet your requirements.  The key is never modify components under /libs. Always move to /apps and make your changes.