Tabs

[arunkumar]

How to customize each and every tabs length according to the words within the tabs in a Tab set.
Is it possible to insert a field within a Tab set as one of the tab.For example if i need to use it as search field which is located at the top right of the page.

[Jon]

Use the TabSet Control's styling assistant to style it. I don't think a width is specified by default so each tab should be as wide as the content. You probably need to specify a little left and right padding and might need to add white-space:nowrap to the advanced style.

You insert a field value by entering &&fieldname into the tab's text. This works the same for all texts.

[arunkumar]

I want to insert a field which has a text box as in input type ="text" as one of the tab along with other tab.I am able to map the text box field to the tab but I am not able to make the text box appear in the tab, It just shows a small empty tab next to the other tabs.

[Jon]

You can't insert an Ebase form field into a tab. But you can get an input field to appear by clicking the Contains Html checkbox in the tab text editor and then just adding the input field e.g. label:<input type='text'/>. But you would have to populate and process this yourself using Javascript.

[arunkumar]

How can i make a vertical menu drop down when I hover over a tab. So the end result is in such a way that when I hover over the tab I get a drop down menu and when i click the tab it should display the tab content as usual.

[Jon]

With a Horizontal Menu Control, the second level items will automatically dropdown on hover.

With a Vertical Menu Control you can set property Levels before Dropdown to 1. The second level items will then appear to the right when you hover. There isn't anything that will make the whole menu expand vertically on hover.

[arunkumar]

I actual want to know how can I make a vertical menu appear for a "Tab" in "Tab set" when i hover over it .So the end result is in such a way that when I hover over the tab in the tab set I get a drop down menu and when i click the tab it should display the tab content as usual.Should I write a script for it , How can I do it.

[Jon]

It should be possible to do this but it's not something I've come across. Basically, you need to use a client Javascript framework (probably jQuery) to implement the hover behaviour that you want. You will need to be able to select the <li> html tags which represent each tab within the tabset (so you can apply the jQuery behaviour to them) - which doesn't look too easy. To do this, I would try adding a class to the tabset (Using Advanced Properties within the styling assistant), then using a CSS selector to identify all <li> tags within that class. You would need to experiment to get this to work.