class dhx_cal_tab

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.

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]


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.

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

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