Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

SOLVED

How to hide the second multi field component.

Avatar

Level 3

naveen123_0-1653328886349.png

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

1 Accepted Solution

Avatar

Correct answer by
Level 3

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.

View solution in original post

3 Replies

Avatar

Employee Advisor

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

Avatar

Correct answer by
Level 3

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.