Page 1 of 1

vertical tab

Posted: 15 Feb 2016
by lucbft
Hello,

could you paste the code to switch an existing tab by a vertical tab.

Thank's a lot.

Re: vertical tab

Posted: 16 Feb 2016
by rostislav
Are you trying to change the orientation of the tab control dynamically? You know that you can just change it in Forms Designer by selecting Orientation: Left? (See screenshot)

Image

Otherwise, if you do need to change it dynamically, let us know and we'll provide some code.

Re: vertical tab

Posted: 16 Feb 2016
by lucbft
Hello Rostislav,

Sorry, I didn't find it before.

Could you tell me how can I reduce the size of the tab names ?

As you can see, The width is a little bit to wide.

thanks

Re: vertical tab

Posted: 16 Feb 2016
by lucbft
I'd like to show you the screenshot but the result of my post doesn't display the png. sorry.

The result is the width of the tabs is 4 times bigger than the name of the tab.

Thank's

Re: vertical tab

Posted: 16 Feb 2016
by rostislav
You can paste the following code into the CSS editor (the CSS button in Forms Designer):

Code: Select all

.ui-tabs > ul {
	width: 50px;
}

.ui-tabs > ul > li{
	width: 50px !important;
}

Re: vertical tab

Posted: 19 Feb 2016
by lucbft
Perfect,

Thanks a lot.