univers3
(Damianoher)
July 6, 2012, 2:26pm
1
Hi,
I’m new to yii and first of all i wanna say that this framework is AMAZING!
I’ve set up an entire custom site with one week!
Now the question:
I have searched & founded everithing on this forum, but i cannot resolve this problem!
How can I align the tabs of an CJuiTabs widget?
the default setting is the "align:left".
i.e.
|--- | TAB1| | TAB2| | TAB3| --|
I wanna make an central alignement
i.e.
|--- | TAB1| | TAB2| | TAB3| --|
Thank you all for the replies in advance!
univers3
(Damianoher)
July 6, 2012, 5:16pm
2
I have tried with htmlOptions & Co. but with no result.
univers3
(Damianoher)
July 7, 2012, 12:37am
3
After a week i have just done it!!!!
For all those that want to do the same thing.
I have changed my DEFAULT CSS ( base ).
So this is:
1- you must go to \framework\web\js\source\jui\css\base and locate the "jquery-ui.css" file
2- open it, and modify these lines:
.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0;}
.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:1px;margin:0 .2em 1px 0;border-bottom:0!important;padding:0;white-space:nowrap;}
.ui-tabs .ui-tabs-nav li a{float:left;padding:.5em 1em;text-decoration:none;}
to this:
.ui-tabs .ui-tabs-nav{text-align: center; margin:0;padding:.2em .2em 0;}
.ui-tabs .ui-tabs-nav li{display: inline-block; list-style:none;float:none;position:relative;top:1px;margin:0 .2em 1px 0;border-bottom:0!important;padding:0;white-space:nowrap;}
.ui-tabs .ui-tabs-nav li a{display: inline-block;float:none;padding:.5em 1em;text-decoration:none;}
NOTE: the "jquery-ui.css" file contain a single command line, you can add newlines with no problems, but if you are not sure, locate the string and change only the content of Brackets.