How to the component or rule in tabs pattren code.

Certified Senior Developer

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"
)
}
)
}
}
)
}

  Discussion posts and replies are publicly visible

Parents
  • 0
    Certified Senior Developer

    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
    }
    )
    }
    }
    )
    }

Reply
  • 0
    Certified Senior Developer

    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
    }
    )
    }
    }
    )
    }

Children
No Data