Hi,
I created a list of cards and have a few types of components inside of any card. I have JSON for any component where is specified type of component and in the UX file I have Match for selection the right component template.
In the JSON, I have defined an order of components like that:
-
ResultUniversal
-
TextBlock
Order of components stays the same if I have only one Match. But if I put another Match inside of Case (where I am choosing the right template for the cardType), it renders components in this order, not sure why:
-
TextBlock
-
ResultUniversal
Here is my code:
<Each Items="{components}">
<Match Value="{type}">
<Case String="ResultUniversal">
<Match Value="{cardType}">
<Case String="match">
<molecule.ResultUniversalLarger />
</Case>
<Case String="information">
<molecule.ResultUniversal />
</Case>
</Match>
</Case>
<Case String="TextBlock">
<molecule.TextBlock />
</Case>
</Match>
</Each>
What am I doing wrong? Thanks for the help!