AEM6.5 sites facets tags hiding with js | Community
Skip to main content
January 11, 2021
Solved

AEM6.5 sites facets tags hiding with js

  • January 11, 2021
  • 1 reply
  • 1073 views

Hi Team,

          when i open the tags some tags are getting showed up out of which i'am able to hide the tags with help of js

 

 

$('.foundation-collection-item').each(function(){
var programTags = ["Technology","Translation Status","Resource Type","Information Classification", "Facebook"];


var iterator = programTags.values();
for(let program of iterator) {
// console.log(program);
if($(this).attr('data-foundation-picker-collection-item-text') == program){
$(this).hide();
}
}
});

 

but when i scroll down the component additional tags are loading which is not getting considered for hiding

can you please provide  help with it.  

@theo_pendle @kautuk_sahni  @Arun_Patidar  @BrianKasingli  @Vijayalakshmi_S  @vanegi 

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

@sganjewx 

Tag list will be loaded on demand(when you scroll through all the initially loaded tags, then the few more tags will be loaded dynamically). Try to execute the hide functionality in scroll as well and see. Hope this works.

-AG 

1 reply

Anudeep_Garnepudi
Community Advisor
Anudeep_GarnepudiCommunity AdvisorAccepted solution
Community Advisor
January 11, 2021

@sganjewx 

Tag list will be loaded on demand(when you scroll through all the initially loaded tags, then the few more tags will be loaded dynamically). Try to execute the hide functionality in scroll as well and see. Hope this works.

-AG 

AG
sganjewxAuthor
January 11, 2021
it worked .Thanks!!!