I am trying to set a responsive screen layout composed of vertical splitter (3 areas) which has inside an horizontal splitter (3 areas).
In the middle main area (middle area of horizontal) I would like to have tabstrip that will show grid and scheduler in different tabs.
I managed to create this layout without tabstrip and it work well in all resolutions, screen resizing, splitter resizing, keeping the grid or scheduler in the full pane areas and resizing it accordingly.
The problem is that when using tabstrip, the tab content is not automatically full size and does not work properly when adjusting screen or splitter size. Even if I manage to make the tabstrip full size (using CSS defintions) the grid or scheduler inside do not resize properly.
I looked in may threads around similar issues but they all seem old (2012/13) and not covering the full scenario.
Is there an up-to-date methodology how to achieve this complete responsive layout? A working example can be very helpful.