Hide "—" if Formula is empty

Ask the Community Customization
1

Hi,
I’m trying to use an empty calculation as a placeholder for the result section. practically like a single divider. Works so far if the " — " wasn’t there.
grafik

grafik
grafik490×127 3.6 KB

3 Likes
4

@Sina We’ve added this code to the Custom CSS field to remove “-” symbol from an empty calculation:

[class*='result-secondary__SecondaryContainer-sc']:nth-child(4) [class*='result-secondary__Value-sc'] {
  display: none;
}

Also, our devs recommended removing of the divider from the calculation name and use this CSS code to create it:

[class*='result-secondary__SecondaryContainer-sc']:nth-child(4) [class*='result-secondary__Value-sc'] {
  display: none;
}


[class*='result-secondary__SecondaryContainer-sc']:nth-child(4) {
  border: 1px solid white;
}

This way, the divider will be displayed without breaks. Give a try and let me know if it worked for you :wink:

2 Likes
5

it works great- thank you @Max

2 Likes
6

It’s my pleasure :wink:

1 Like