How to hide the second multi field component.

Question

@47762 Could you please help on this how to hide the second box.

sukumard · Accepted Answer

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.

milind_bachani · Answer

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

Sign up

Login with SSO

Login to the community

Login with SSO