Columns not rendering when selected and deselected quickly (Conditional Rendering)

  • 1
  • Problem
  • Updated 2 years ago
  • Solved
Hide when does not work when selecting and deselecting the condition quickly.

Created a new page using a blank canvas. Added the Case model and only 2 fields. Field1 and Field2

Added a Field Editor to the page, deleted a column and then added a column set to the remaining column.

Added Field1 to the first column and Field2 to the second

Applied rendering to Column1 if Field2=Blank and applied rendering to column 2 if Field1=blank

No other formatting or rendering on the page

Preview and if I select the checkbox Field1 and immediately uncheck it, we see the same behavior as on my original page. Column 2 does not render. If I wait 2 seconds, it does.

 

Wondered why we did the columns in a column instead of columns in a field editor, so I tried the same test without adding the second column set and the same behavior. Check and uncheck quickly and the render does not happen.

Photo of Joel Knutson

Joel Knutson, Employee

  • 474 Points 250 badge 2x thumb
  • helpful

Posted 2 years ago

  • 1
Photo of Amy Dewaal

Amy Dewaal, Official Rep

  • 8,200 Points 5k badge 2x thumb
Column 2 is not rendering when you select and then deselect the checkbox because the render condition says to only render if the checkbox is null/blank. When you select and then deselect the checkbox its value becomes false. Try adding another render condition to column 2 that checks if Field1 is false, and change the render conditions so that it renders if ANY conditions are met. Here's a screenshot of what that looks like:



Thanks!
Amy