How to hide the second multi field component.

[naveen123]

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

[milind_bachani]

Hi @naveen123 ,

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

[naveen123]

Hi Milind,

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

[sukumard · Accepted solution]

Hi @naveen123 ,

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.