|
|
I am trying create javascript scroll menu tabs that occupy 100% width with each tab being equal width.
Return to Recent Questions
Q:
I recently purchased your DHTML Tabs product and I am trying to create
tabs that occupy 100% width with each tab being equal width.
Right now when I specify 100% menu width all of the tabs are difference
sizes (widths).
How do I control the individual tab width?
A:
You should use Individual Item styles to achieve this effect.
See the attached example.
You should set:
var bmenuWidth="100%";
I have 5 items in my example, so I've created Individual Style
var bstyles = [
["bitemWidth=20%"],
];
And assign it for all items:
["Item 1 aaaaa ssssss","", "", "", "", "", "0", "", "", ],
["Item 2 ffff jjjjjjjjjj","", "", "", "", "", "0", "", "", ],
["Item 3 text text","", "", "", "", "", "0", "", "", ],
["Item 4 text text","", "", "", "", "", "0", "", "", ],
["Item 5 text text","", "", "", "", "", "0", "", "", ],
But notice that items width cannot be smaller than the width of its'
text. So it is possible that you'll have different size of some items
if your window have a small size.
Return to Recent Questions
Related:
|