class dhx_cal_tab

Scheduler Javascript
#1

The 3 tabs, Day Week Month, which use class=“dhx_cal_tab” get joined together, but if you add additional tabs using the same class, they get rendered as separate buttons.

Is there any way to get them to render as a group button like Day Week Month does?

<div class="dhx_cal_tab" name="my_tab" style="right:350px;"></div>
<div class="dhx_cal_tab" name="other_tab" style="right:280px;"></div>
<div class="dhx_cal_tab" name="day_tab" style="right:204px;"></div>
<div class="dhx_cal_tab" name="week_tab" style="right:140px;"></div>
<div class="dhx_cal_tab" name="month_tab" style="right:76px;"></div>

So, I’d like to make my_tab and other_tab into another grouped button, like Day Week Month

Or, alternatively, have them added to the Day Week Month button group.

#2

Hi,
terrace skin uses it’s own logic for positioning tabs.
It can be disabled with this config: scheduler.config.fix_tab_position = false;
Then you could set tabs position and use following css classes to create groups:
dhx_cal_tab_last - make right border rounded
dhx_cal_tab_first - left border rounded
dhx_cal_tab_standalone - all borders rounded

e.g. if you manually create the default tabs html would look like following:[code]

Day
Week
Month
[/code]
#3

Currently there is no way to group buttons or add new to existing group.
Its all described in css rules, so it possible to create a custom css for each button to make them look as a group.

#4

Excellent information, Aliaksandr - thanks very much for that. I can do what I need with that.

#5

Thanks, Stanislav. I’m using the Terrace scheme, so probably what Aliaksandr suggested is the best solution for me.