Saturday, April 26, 2014

Adobe LiveCycle Beginners Guide---Adobe Livecycle Forms with Tabs.

Tab creating in Adobe Livecycle.

How will we create Tabs in  Livecycle ? 
This is simple for experts but its a little difficult for the beginner. In this post i have come up with a simple Adobe LC form with 3 tabs. 
In real time projects we will use tabs in different scenarios.
Tabs can be used for generating different views of same page. 

 ie: You can have a Form an interactive form(Forms which user can able to enter data) in one tab and another tab can be used for its Draft view an third tab for its Print view.
or
You use one tab for one product or module and other tabs for another products.
So when you click on each tab the same page will display different information. Just like an HTML tab.
Here I am talking about tab and not the inbuilt tab order functionality.

How to create?

It's Quite Simple and easy. 

Step 1: 
Create a table with 3 columns and 1 row.

Step 2:
Place the simple submit buttons on 3 columns and name Home, Page 1 and Page 2 . These buttons can be customized to give a tab look based on your requirement and skills.

Steps 3:
Create 3 different sub forms below the Table and name it Home, Page 1 and  Page 2 respectively.

Steps 4:
Add contents to you pages.

Step5:

Use the below code for hiding and displaying the sub forms .
Page the below code under Click event of Home button.

form1.Page1.Navigator.Home.presence="visible";
form1.Page1.Navigator.Page1.presence="hidden";
form1.Page1.Navigator.Page2.presence="hidden";


Page the below code under Click event of Home button.

form1.Page1.Navigator.Home.presence="hidden";
form1.Page1.Navigator.Page1.presence="visible";
form1.Page1.Navigator.Page2.presence="hidden";

Page the below code under Click event of Home button.

form1.Page1.Navigator.Home.presence="hidden";
form1.Page1.Navigator.Page1.presence="hidden";
form1.Page1.Navigator.Page2.presence="visible";


Steps6:

Select the Sub second and third sub form and Change its presence to Hidden. ie: Hide the second and third sub forms.

Please find the sample files attached and leave your valuable comments.

PDF version

https://www.dropbox.com/s/917w5zy68upu2l5/Tabs.pdf

XDP Version

https://www.dropbox.com/s/ohlegqcj205tcir/Tabs.xdp

No comments:

Post a Comment