Ideas for animating table row background as "pending"?

Questions
1

Hi all, I’m only a couple of days into Bubble but am really enjoying the experience so far. Here is my current situation:

I have a Contract data type with a backend flag, “Is Pending”. The following table is aRepeatingGroup of these Contract objects. I can easily use conditions to, for example, set the background-colour to blue if Contract.IsPending.

image
image1191×399 13.6 KB

However, I’d really like to have a cyclical/perpetual animation. Imagine angled blue stripes running along the horizontal access of any rows that are pending. Any thoughts? Cheers

2

Hi @harry10 !

Instead of changing the backgroung color you can insert a gif animation and make it visible only in the rows you want. Do you have any particular animation you desire to share with us?

1 Like
3

I’ve been playing around with GIFs but they just always look jerky. If I was building from scratch I’d probs look for a css animation. Idk, maybe I just need to play around… Also, if the table has a variable width, scaling can become tricky with a GIF

4

Yes! You can also place a HTML background and play with custom CSS code! :+1:

1 Like
5

I usually create a reuseable “loader” element that I then just place throughout the app when things are loading

works well for page loads and repeating group loads

1 Like
6

Thanks for the ideas guys! For simplicity I ended up adding a “Status” column and a GIF spinner - this also makes it easy for me to communicate if something has “failed”.