HOW TO COMBINE TWO VISUALS INTO A SINGLE INTERFACE

Question

Hello, 
 I have created a created both the grid and pie chart, how to call these interfaces inside a single interface for display purposes? This is also a part of instructions though its not cleared explained in it.

aloks0189 · Answer

Hi nellorea0001 you need to go for sectionLayout and call these both the section layout inside an another interface under formLayout 
 
Example: 
 
1. Your grid interface will contain sectionLayout / columnLayout / load() with gridField but not formLayout 
2. Your pie chart interface should also contain sectionLayout / columnLayout etc.. but not formLayout 
 
3. In your main form, under contents of formLayout use 
{ 
rule!gridInterface(), 
rule!pieChartInterface() 
} 
 
Alternatively also you can directly define this as 
 
{ 
rule!gridInterface(), 
rule!pieChartInterface() 
} 
 
Instead of using formLayout in case if you just want it for view purpose but not a form to be actioned by the end user. 
 
Hope this helps.

Aswini · Answer

Hi nellorea0001, 
 
You need to create one main interface for calling the grid and pie chart interfaces. 
You need to follow the layout hierarchy while calling the interfaces. 
---> Create your grid interface with section, column or any box layout... 
---> Create your pie chart interface with either section, column or any box layout. 
--> Create one main interface with either form or dashboard and then call those interfaces with rule! followed by interface name. 
for example: 
 
a!dashboardLayout( 
 contents: { 
 a!sectionLayout( 
 label: "Section", 
 contents: { 
 rule!first_Interface() 
 } 
 ), 
 a!sectionLayout( 
 label: "Section", 
 contents: { 
 rule!second_Interface() 
 } 
 ) 
 } 
) 
 
or else you may simply call like this.... 
{ 
rule!first_Interface(), 
rule!second_Interface() 
} 
 
Hope this helpful 
 
Regards 
Aswini

shwetad · Answer

Hi nellorea0001 , 
 
You can have form layout, and in that you can create sections for your pie chart and grid Field. Call both of this rules inside section layout.

Abhay Giri · Answer

Hi, 
 use the below code in your main interface : 
 { 
 rule!interface()---point to your grid interface here 
 rule!pieChart() --point to your pie chart interface here 
 } 
 like you are using formlayout then use the above code in content property of formlayout : 
 a!formlayout( 
 contents: 
 { 
 rule!interface()---point to your grid interface here 
 rule!pieChart() --point to your pie chart interface here 
 } 
 ) 
 But make sure that both child interface should not use formlayout because if formlayout can not be nested, so if you are using formlayout in your main interface then don't use formlayout in your both child interface(grid & pie chart). 
 you can also refer below link : 
 https://docs.appian.com/suite/help/18.2/using_interfaces_in_appian.html

HOW TO COMBINE TWO VISUALS INTO A SINGLE INTERFACE

Top Replies