search

caplin / FlexLayout

Docking Layout Manager for React
MIT License
938 stars 175 forks source link

Question: how to remove header content for tabset and tab #305

Closed GOVYANSONG closed 2 years ago

GOVYANSONG commented 2 years ago

Describe the bug

It is more of a question. I want to hide header for tabset and tab so that respective space can be available for a data grid component to maximize screen estate utilization. I was able to hide header name for the tabset but it left an empty space and still rendered as such. I assume that the beahvior would be same for tab header (not tried yet:( ). I was hoping the space occupied by header can be made available to accommodate the data grid tab content.

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

define a tabset and a tab within it hide header name for tabset

Expected behavior

Space and size adjusted accordingly when header content is completely hidden or removed from tabset.

Operating System

windows 10

Browser Type?

Chrome

Browser Version

99.0

Screenshots or Videos

workspace_screenshot4

Additional context

No response

GOVYANSONG commented 2 years ago

Is this issue related to https://github.com/caplin/FlexLayout/issues/274? I tried enableTabStrip on the tabset, it indeed removed the 'content' row. tab-content row still shows blank space after header name content is set to undefined.

GOVYANSONG commented 2 years ago

I set headerHeight = 0 for tabset and it indeed removed the spaced used for header content.

GOVYANSONG commented 2 years ago

See solution in comments.