🚀 go-pugleaf

Hi All,
I'm trying to create tabpages using image ready. The requirement is each tab page contains group of labels and user input columns. The input columns can be a single line or multiline edits, drop down list boxes or date fields.

I did the following:
  -Created slices for each tab button and the page.
  -Create rectangular tab buttons and added rollover style.
  -Created one layers for each tab button and made it's visible property to true on the "SELECTED" rollover state of the tab button.
The page works fine till here. But now I want to add the label and user input columns to individual tab page. I tried by setting the tab page slice type to No Image" and type the whole HTML code to display the columns, but this doesn't work bcuz when I preview the page in the browser it always displays the contents of all the tab pages.
I feel that this happens because of the following reasons:
  -We cannot set the visible property of slices based on the rollover states of the buttons, we can only set layers and their properties.
  -HTML text added to slices(of Type "No Image") cannot be made dynamically visible or invisible. It's always visible on the final page.
  -Also image ready doesn't have a tool to add column labels, user input fields and dropdown list to a web page.

Can anyone of you help me to find a solution or a go around for this problem.

Thanks in advance.