How to show and hide edges programmatically

[ttubbs]

Looking for a way to dynamically show and hide edges. The following code works for the shadow, but not on the edges.

mySectionStack.setProperty('showEdges', false);   // This don't work  :(
mySectionStack.setProperty('showShadow', false);  // This does work   :)

[Isomorphic]

Hmm, we didn't create a way to do that. What the use case where you want edges dynamically shown and hidden?

One workaround is to call setEdgeOpacity(0) - this might actually be a better approach because it won't change the component's overall size, which might not be desirable depending on the use case.

[ttubbs]

Our designers have drawn a desired portal sort of view for our application. This is the start page and hub into the system. It's roughly a 3x3 grid. Each cell of this grid has dynamic properties that reflect the state of things in that cell. A cell may hold account info. for example, and amount values and buttons in this cell may be colored differently depending on if payments are late, funds are low, etc.

Another feature they want is to highlight cells that have something about them that needs to be addressed (such as late payments), or the user has called about (they "pressed 1 for option ABC" on their way to the operator). This they want to show via bordered areas.

Given that desire, and that the cells can contain collapsible areas, we opted to use SectionStacks with nested SectionStacks. The SectionHeader provides the necessary identification/break between the grid cells of the design. We just need the dynamic border piece to give them what they want.

You are correct, we want to maintain the overall size. It looks like the edgeOpacity is going to to the trick.

Thanks,
TT