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

style systems

  • March 19, 2024
  • 2 replies
  • 697 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

kautuk_sahni
Employee
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
New Participant
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
New Participant
March 19, 2024

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

Arun Patidar