How to hide the second multi field component. | Community
Skip to main content
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 sukumard

Hi @naveenve ,

 

There are ways to hide it, but as mentioned by @milind_bachani  what is the reason to hide, if its not needed you can delete it. As its multifield, and on 2nd position any data can be authored, so need to understand the business need around this.

 

Else you an apply css to coral id generated by multifield to hide it as display:none or write custom JS to hide it on dialog.

2 replies

milind_bachani
Adobe Employee
milind_bachaniAdobe Employee
Adobe Employee
May 23, 2022

Hi @naveenve ,

 

Why do you want to hide the second multifield component, if it is useless for you - you can simply delete it from your component dialog.

If you want to hide, you can add a custom css which is called only in author and set css as:

display:none;

You can use following selector visible from screenshot:

#coral-Form-fieldset #coral-id-2


Your complete CSS would look like :

#coral-Form-fieldset #coral-id-2 {
    display:none;
}

If your ask is to hide the second multifield conditionally, then you can achieve the same using custom JS.


Thanks,

Milind

    N
    NaveenVeAuthor
    Level 3
    May 24, 2022

    Hi Milind,

    Thanks for helping on this. Now the issue has been resolved.

      sukumard
      sukumardAccepted solution
      Level 3
      May 24, 2022

      Hi @naveenve ,

       

      There are ways to hide it, but as mentioned by @milind_bachani  what is the reason to hide, if its not needed you can delete it. As its multifield, and on 2nd position any data can be authored, so need to understand the business need around this.

       

      Else you an apply css to coral id generated by multifield to hide it as display:none or write custom JS to hide it on dialog.

        Terms & ConditionsAccessibility statement

        Loading footer...