Asking for guidance on making two components conditionally visible in the same place

[MikesClub]

My subject line may not be clear.

I want to create two versions of the same item (an expiration date in black font, and the same expiration date in red font). The black font version should be the default but, when the expiration date is less than 30 days from the current date, the red version should display instead.

I think my question is about alignment of the two components. I know how to set conditional visibility. But how do I position the two elements?

Do I simply put the red one below the black one, and the red one will slide up when the black one is not visible? Or do I physically position one field on top of the other?

I haven’t seen any tutorials covering this particular question.

Thanks so much for any assistance.

[theadaloguy]

Yes drag the second one so it snaps to the bottom of the other text (guidelines visible when you release the mouse click). Usually, this results in it shifting into the position of the text above.

Avoid placing any elements directly on top of each other it tends to work not well.