How to hide "This is some text" when loading

Ask us anything How do I?
1

Hi all,

My question: when a text element is bound/dynamic, is there a way to NOT show it before it’s loaded?

My webapp has some text elements that are bound/dynamic that - for a second - show “This is some text” which look totally out of place.

Wat I have tried is to make the display of the text conditional on whether there is a value for it, but that doens’t stop the default “This is some text” from showing.

image
image1133×109 31.9 KB

image
image1126×83 23.1 KB

Thanks!
Thijs

2

Hi @thijs!

Yes, this is indeed possible! Here’s how you can do it:

  1. Click on the element you want to display conditionally based on the collection data.
  2. In the right panel, go to the Settings tab and scroll down to the last section, “Conditional Rendering.”
  3. Click on the bind-to-formula icon (the electrical plug).
  4. When the formula editor opens, locate your collection, open it, and find the attribute “isFetched.” This attribute will be TRUE when the collection is fully fetched, preventing the display of empty or placeholder text like “this is some text.”

Here’s an image to help you locate it:

image
image938×1272 60 KB

Hope this helps!
Elías.

2 Likes
3

Thank you @Elias ! So I tried it via ‘Display’ while it should have been ‘Conditional rendering’ :+1:

1 Like
4

You can also just Remove the text by dobbelt clicking the text and then using backspace to remove it. This does make it harder to hit the text field but removes the conditional rendering need :slight_smile:

5

Hi @MathiasS-B , for me that doesn’t work: prior to binding the text I made it say “N”, but that didn’t stop the “Some text” from showing up.

1 Like
6

ohh thats suprising for me :slight_smile: well then the conditional is proberly needed