Set default value for tags in AEM cloud

Question

Hi team,I want to set default value for cq:tags for the below resource typecq/gui/components/coral/common/form/tagfield Could someone tell me is there any way to set it through properties or any other approach please?Thank you

AsifChowdhury · Accepted Answer

Hello @lakshmi99

If you want default value/values in the tag field in the page properties, you can set the value in the template level in the "initial page properties".

In the Initial Page Properties, you will find a similar window like normal page properties. And here you can set the default tags.

And when you will create any page using this template you will get the default tags that you provided earlier in the template level. You can remove or add new in page properties.

Regards

Asif Ahmed Chowdhury

Brain Station 23 Ltd.

Tanika02 · Answer

Hello @lakshmi99

You can try leveraging below client-library :

(function ($) {
    $(document).on('foundation-contentloaded', function () {
        var tagField = $('.cq-TagField');

        if (tagField.length > 0) {
            tagField.each(function () {
                var field = $(this);
                var tags = field.find('.tag-manager-tags').data('foundationTags');
                var defaultValue = ['defaultTag1', 'defaultTag2']; // Set your desired default tags here

                tags.addValue(defaultValue);
            });
        }
    });
}(jQuery));

In this code, you're using jQuery to listen for the foundation-contentloaded event, which ensures that the script is executed after the Coral UI components have been initialized. It then finds all instances of the cq-TagField class and sets the default value by calling the addValue() method on the tag manager.

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded