Array of links/buttons

ak0642

Certified Senior Developer

27 days ago

Hi,

How can I achieve the below user experience. Like layouts, fields ..etc. Font color can be blank.

Thank you in advance.

Discussion posts and replies are publicly visible

Top Replies

Srinivas 26 days ago +1
Certified Senior Developer

a!localVariables( local!selectedTab: 1, local!tabs: { "test1", "test2","test3" }, { a!buttonArrayLayout( buttons: { a!buttonWidget( label: "test", size: "SMALL", style: if(local!selectedTab = 1, "SOLID…

Parents

0 Srinivas

Certified Senior Developer

26 days ago

a!localVariables(
local!selectedTab: 1,
local!tabs: { "test1", "test2","test3" },
{
a!buttonArrayLayout(
buttons: {

a!buttonWidget(
label: "test",
size: "SMALL",
style: if(local!selectedTab = 1, "SOLID", "LINK"),
saveInto: a!save(local!selectedTab, 1),

),
a!buttonWidget(
label: "test2",
size: "SMALL",
style: if(local!selectedTab = 2, "SOLID", "LINK"),
saveInto: a!save(local!selectedTab, 2)
),
a!buttonWidget(
label: "test2",
size: "SMALL",
style: if(local!selectedTab = 3, "SOLID", "LINK"),
saveInto: a!save(local!selectedTab, 3)
)
}
),
choose(
local!selectedTab,
{
a!richTextDisplayField(
labelPosition: "COLLAPSED",
value: {a!richTextItem(text: "The contents of the first tab would go here", style: "EMPHASIS")},
align: "CENTER"
)
},
{
a!richTextDisplayField(
labelPosition: "COLLAPSED",
value: {a!richTextItem(text: "The contents of the second tab would go here", style: "EMPHASIS")},
align: "CENTER"
)
},
{
a!richTextDisplayField(
labelPosition: "COLLAPSED",
value: {a!richTextItem(text: "The contents of the third tab would go here", style: "EMPHASIS")},
align: "CENTER"
)
}
)
}
)

Reply

0 Srinivas

Certified Senior Developer

26 days ago

a!localVariables(
local!selectedTab: 1,
local!tabs: { "test1", "test2","test3" },
{
a!buttonArrayLayout(
buttons: {

a!buttonWidget(
label: "test",
size: "SMALL",
style: if(local!selectedTab = 1, "SOLID", "LINK"),
saveInto: a!save(local!selectedTab, 1),

),
a!buttonWidget(
label: "test2",
size: "SMALL",
style: if(local!selectedTab = 2, "SOLID", "LINK"),
saveInto: a!save(local!selectedTab, 2)
),
a!buttonWidget(
label: "test2",
size: "SMALL",
style: if(local!selectedTab = 3, "SOLID", "LINK"),
saveInto: a!save(local!selectedTab, 3)
)
}
),
choose(
local!selectedTab,
{
a!richTextDisplayField(
labelPosition: "COLLAPSED",
value: {a!richTextItem(text: "The contents of the first tab would go here", style: "EMPHASIS")},
align: "CENTER"
)
},
{
a!richTextDisplayField(
labelPosition: "COLLAPSED",
value: {a!richTextItem(text: "The contents of the second tab would go here", style: "EMPHASIS")},
align: "CENTER"
)
},
{
a!richTextDisplayField(
labelPosition: "COLLAPSED",
value: {a!richTextItem(text: "The contents of the third tab would go here", style: "EMPHASIS")},
align: "CENTER"
)
}
)
}
)

Children

No Data