Array of links/buttons

ak0642

Certified Senior Developer

5 months 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 5 months 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

5 months 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

5 months 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