multiple selected cards value

Question

i have 3 columnslayout 
 i will show 2nd columnlayout when i click a link on first columnlayout, using showwhen:not(isnull(local!selectedcards)).---->it is working fine 
 Same way, if i click a link on 2nd columnlayout i want to show 3rd columnlayout(using same showwhen()).------->it is working , but it is not hiding 2nd columnlayout. it is displaying both 2nd and 3rd layout. 
 How to give condition for this in showwhen?

Naresh · Answer

Hi, see the sample code 
 a!localVariables(
 local!selectedColumn,
 {
 a!richTextDisplayField(
 showWhen: a!isNotNullOrEmpty(local!selectedColumn),
 value: {
 a!richTextItem(
 text: "Clear",
 linkStyle: "STANDALONE",
 link: a!dynamicLink(
 saveInto: {
 a!save(local!selectedColumn, null)
 }
 )
 )
 }
 ),
 a!columnsLayout(
 columns: {
 a!columnLayout(
 showWhen: a!isNullOrEmpty(local!selectedColumn),
 contents: {
 a!cardLayout(
 link: a!dynamicLink(
 value: 1,
 saveInto: {
 local!selectedColumn
 }
 ),
 contents: {
 a!richTextDisplayField(
 align: "CENTER",
 value: {
 a!richTextItem(
 text: "Column 1" 
 )
 }
 )
 }
 )
 }
 ),
 a!columnLayout(
 showWhen: tointeger(local!selectedColumn) = 1,
 contents: {
 a!cardLayout(
 link: a!dynamicLink(
 value: 2,
 saveInto: {
 local!selectedColumn
 }
 ),
 contents: {
 a!richTextDisplayField(
 align: "CENTER",
 value: {
 a!richTextItem(
 text: "Column 2" 
 )
 }
 )
 }
 )
 }
 ),
 a!columnLayout(
 showWhen: tointeger(local!selectedColumn) = 2,
 contents: {
 a!richTextDisplayField(
 align: "CENTER",
 value: {
 a!richTextItem(
 text: "Column 3" 
 )
 }
 )
 }
 )
 }
 )
 }
)

Harshit Bumb (Appyzie) · Answer

Overwrite a variable's value to store the index of the column. Every time the index is changed, a corresponding column will be displayed.