Thanks, @VikasB hidden.bs.modal The code snippet you provided requires Bootstrap, right? Unfortunately, due to the technical issues with our legacy custom skin code, I can't use Bootstrap in our project. But I can use Bulma instead. One thing I found that when you are using Bulma  you can  activate  the modal by just adding the  is-active  modifier on the  .modal  container.  The second thing is the Bulma does not include any JavaScript interaction. You will have to implement the class toggle by yourself if you need . So I tried to partially use the approach which was mentioned previously by @nehaSharma and wrote the following custom component:   <#if user.anonymous> <!-- Modal card custom styles--> ...some code... <!-- Modal card end--> </#if> Could I just pass the required Board IDs using FreeMarker only with no JS involved? Thank you so much for your help!     ... View more

Hi @VikasB, I am still trying to implement your solution but have no luck with that for now. Could you please share the whole custom component code, including the modal html/css? Should I make the custom component and put inside all the parts together: freemarker script, JS code and the modal HTML/CSS in the following sequence? 1. Freemarker script 2. JS code 3. Modal's HTML/CSS Or should I put some of these in the community header (wrapper)? Thank you! ... View more

@VikasBSo I should make the custom component (#premiumModal in your example) and after that put both code snippets (Freemarker with the restricted Blog ID and JS with the modal component name) in the community wrapper (header) to get your solution work for my case? ... View more

Thanks @VikasB , your example helped me a lot  ... View more

Thanks, @VikasB ! It looks like exactly the thing I need. Can you share with me the code or give me the direction to how to create such kind of custom component? ... View more