Custom Multi Widget issue with field width

[shikhas10482204]

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

[smacdonald2008 · Accepted solution]

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.