style systems | Community
Skip to main content
March 19, 2024
Solved

style systems

  • March 19, 2024
  • 2 replies
  • 703 views

im having teaser,button other components having style systems with different label groups in style sysytem , intiatly i want to hide some of the  groups in style sytem and im also having page polcie with style after selecting page llevel styling only i need to enable the hidden group label of components ?

 

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

2 replies

March 19, 2024

@arunpatidar 

(function (window, document, $) {

    $(document).ready(function () {
        alert();
        $('.editor-StyleSelector-selectList _coral-Menu').each(function () {

            var selectList = $(this);
            console.log(selectList);
            selectList.find('._coral-SelectList-group').each(function () {
                var group = $(this);

                // Extract label attribute value directly
                var labelValue = group.attr('label');
                if (labelValue && labelValue.startsWith('Core-')) {
                    group.hide();
                }
            });
        });
    });
})(window, document, window.jQuery);

in this way ?
arunpatidar
Community Advisor
Community Advisor
March 19, 2024

Yes, using javascript but not on ready state but on click on style icon.

Arun Patidar
kautuk_sahni
Community Manager
Community Manager
March 20, 2024

@jagadeeshth Did you find the suggestion from user helpful? Please let us know if more information is required. Otherwise, please mark the answer as correct for posterity. If you have found out solution yourself, please share it with the community.

Kautuk Sahni