Tabs in Appian Interface

Question

Is it possible to create tabs within an interface? 
 
 Like the following:

(or)

Sandeep Deshmukh · Accepted Answer

Hi apoorvam , 
 
We cannot create tabs in Interface but it I can suggest buttonLayout for this. Use Primary Button at top of your screen and just show/hide the section based on the button clicks. It will work like a tab only. I did the same in my current project. 
 
Thanks, 
Sandeep

Sandeep Deshmukh · Answer

Hi apoorvam , 
 
Sorry, I cannot. 
I can share sample code : 
a!formLayot( 
firstColumnContents:{ 
a!buttonLayout( 
primaryButtons:{ 
a!buttonWidget( 
label:"One" 
), 
a!buttonWidget( 
label:"Two" 
), 
a!buttonWidget( 
label:"Three" 
) 
} 
)}) 
 
Please try this.

Brazil Vibanco · Answer

You can use tabs within a record, as additional views. 
Also you can set buttons on top your interface simulating tabs, clicking on each button you can refresh your interface. 
 
Thanks

jaidw · Answer

apoorvam I suggest you to use clickable milestone field. It looks much better than buttons. In case you need to show number of tabs then look and feel will not be good (This is my perspective) if you are using buttons. Instead of that clickable milestones looks fabulous.

Shivam Gupta · Answer

The same view will not be possible in Appian 
One way to do so is as mentioned in comments the Button Layout 
However you can do the tabular view using links as well. In each of the link just provide the a!dynamic link to store the value of the tab.

santoshd378 · Answer

Hey Apoorva, 
 We can implement the tabs but not the exact way you have shown in the image 
 Currently I have shown only two tabs, If you want you can include more. 
 load(
local!currentTab:1,
with(
local!finalTab: local!currentTab,
a!formLayout(
label: "Something",
contents: {
a!richTextDisplayField(
 value: {
 a!richTextItem(
 text: "First Tab" & " ",
 link: a!dynamicLink(
 value: "1",
 saveInto: local!tab
 )
 )
 a!richTextItem(
 text: " | ",
 style: "STRONG"
 ),
 a!richTextItem(
 text: "Second Tab" & " ",
 link: a!dynamicLink(
 value: "2",
 saveInto: local!tab
 )
 )
 }
 ),
 if(local!currentTab=1,call your first interface,{}),
 if(local!currentTab=2,call your second interface,{})
 }
 )
 )
 )

Tabs in Appian Interface

Top Replies