Skip to main content
T
thanikantik0001
May 31, 2022
Question

How to the component or rule in tabs pattren code.

  • May 31, 2022
  • 1 reply
  • 0 views

Hi all, Actually i have attached some interfaces through link:reportlink, but in the end of the code it was mentioned u can replace rich text with component or rule. Can anyone tell how to add

 This is the tab pattren code . Check at last there is comment starting with"replace". And tell me how to add rule there .Thanks in advanvce.

{
/* This is a lighter style of tabs that works well when you are on a page with record views or some other */
/* set of buttons right next to your custom tabs. */
a!localVariables(
local!selectedTab: 1,
{
a!richTextDisplayField(
labelPosition: "COLLAPSED",
value: {
a!richTextItem(
text: "Summary",
link: if(local!selectedTab = 1, null, a!dynamicLink(saveInto: a!save(local!selectedTab, 1))),
linkStyle: "STANDALONE",
style: if(local!selectedTab = 1, "STRONG", "")
),
a!richTextItem(
text: " | "
),
a!richTextItem(
text: "News",
link: if(local!selectedTab = 2, null, a!dynamicLink(saveInto: a!save(local!selectedTab, 2))),
linkStyle: "STANDALONE",
style: if(local!selectedTab = 2, "STRONG", "")
),
a!richTextItem(
text: " | "
),
a!richTextItem(
text: "Related Actions",
link: if(local!selectedTab = 3, null, a!dynamicLink(saveInto: a!save(local!selectedTab, 3))),
linkStyle: "STANDALONE",
style: if(local!selectedTab = 3, "STRONG", "")
)
}
),
{
choose(
local!selectedTab,
{
/* Replace this rich text with the component or rule that should populate this tab */
a!richTextDisplayField(
labelPosition: "COLLAPSED",
value: {a!richTextItem(text: "The contents of the first tab would go here", style: "EMPHASIS")},
align: "CENTER"
)
},
{
/* Replace this rich text with the component or rule that should populate this tab */
a!richTextDisplayField(
labelPosition: "COLLAPSED",
value: {a!richTextItem(text: "The contents of the second tab would go here", style: "EMPHASIS")},
align: "CENTER"
)
},
{
/* Replace this rich text with the component or rule that should populate this tab */
a!richTextDisplayField(
labelPosition: "COLLAPSED",
value: {a!richTextItem(text: "The contents of the third tab would go here", style: "EMPHASIS")},
align: "CENTER"
)
}
)
}
}
)
}

1 reply

gopalk2865
gopalk2865
Participating Frequently
May 31, 2022

Hi, in the choose function , you have to call any components or any other interface. So based on "selectedTab" value , interface/component will be chosen. See below example , you just have to replace "rule!your_rule" with your interfaces/components.

{
/* This is a lighter style of tabs that works well when you are on a page with record views or some other */
/* set of buttons right next to your custom tabs. */
a!localVariables(
local!selectedTab: 1,
{
a!richTextDisplayField(
labelPosition: "COLLAPSED",
value: {
a!richTextItem(
text: "Summary",
link: if(local!selectedTab = 1, null, a!dynamicLink(saveInto: a!save(local!selectedTab, 1))),
linkStyle: "STANDALONE",
style: if(local!selectedTab = 1, "STRONG", "")
),
a!richTextItem(
text: " | "
),
a!richTextItem(
text: "News",
link: if(local!selectedTab = 2, null, a!dynamicLink(saveInto: a!save(local!selectedTab, 2))),
linkStyle: "STANDALONE",
style: if(local!selectedTab = 2, "STRONG", "")
),
a!richTextItem(
text: " | "
),
a!richTextItem(
text: "Related Actions",
link: if(local!selectedTab = 3, null, a!dynamicLink(saveInto: a!save(local!selectedTab, 3))),
linkStyle: "STANDALONE",
style: if(local!selectedTab = 3, "STRONG", "")
)
}
),
{
choose(
local!selectedTab,
{

rule!your_rule1
},
{

rule!your_rule2
},
{

rule!your_rule3
}
)
}
}
)
}

Terms & ConditionsAccessibility statement