Recent Questions
Q: I recently purchased your Deluxe-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 itemsif your window have a small size.
Q: I can display time in 12 or 24 hour format in the dhtml date picker- however for the selection it only allows 24 hour format.
A: Try to specify date format in the following way:
%L %d, %Y, %l, %I:%M %p
So, you'll have: January 14, 2009, Jan, 03:50 pm
Q: I'm trying to put the tree menu within a table per the instructions below, but the menu is not going in the menu but actually going on top of it!
A: Please, check that you don't use absolute position for the Tree Menu.
var tabsolute = 0;
Q: I have been playing around with the demo version 2.4 of deluxe tabs, and have a couple of questions & comments:
Deluxe Tabs appears to not work at all on Windows Vista machines running Internet Explorer. This includes for example that the content in the dhtml tabs simply does not appear. Is there a fix for this?
Just want to make sure I can resolve these issues before making a purchase.
A: Try to use the latest version of Deluxe Tabs v3.2.9.
Try to delete height: 0%; parameter from the styles:
<div id="content1" style="height: 0%; visibility: hidden;" class="tabPage">
So you'll have:
<div id="content1" style="visibility: hidden;" class="tabPage">