Conditionally rendered field that is not rendered has empty DIV with border

  • 3
  • Question
  • Updated 2 years ago
When a field in a field editor evaluates to false based on conditional rendering, an empty DIV remains that is styled with border attributes leaving a larger than normal border in between visible fields.  This becomes even more apparent when multiple fields in succession are conditionally rendered out.

I've created the following CSS that works around the issue:

.nx-basicfieldeditor-item:empty { 
    border:none;
}

Is it possible for Skuid to add an explicit class to the DIV when it is conditionally rendered out for a more explicit approach to identifying where to change border behavior, etc.?

 
Photo of Barry Schnell

Barry Schnell, Champion

  • 18,076 Points 10k badge 2x thumb

Posted 4 years ago

  • 3
Photo of Ryan Paddy

Ryan Paddy

  • 578 Points 500 badge 2x thumb
I've just observed the same problem, thanks for the CSS workaround Barry. 
Photo of mB Pat Vachon

mB Pat Vachon, Champion

  • 42,714 Points 20k badge 2x thumb
This post should be changed to Problem and addressed in future release.