How to use Layout.ContentSplitter component?

[tomaskikutis]

I currently add it the following way:

<Layout.LayoutContainer>...</Layout.LayoutContainer>

<Layout.ContentSplitter visible={true} />

<Layout.AuthoringContainer open={this.state.rundownIdInEditMode != null}>...</Layout.AuthoringContainer>

The are 2 problems:

• Unless there's an element forcing height, the splitter collapses and content is not visible: video
• Resizing sections doesn't work

[fritzSF]

The ContentSplitter is basicaly only a divider between the list/content view and the editor. The splitter functionality isn't done on the framework side. We should have a discussion about that, if and how we should implement it. As for the other issues let us discuss it in a live sesion, I can't tell what it is based on the layout code I can see in the video.

[tomaskikutis]

The splitter functionality isn't done on the framework side. We should have a discussion about that, if and how we should implement it.

I saw there are 3rd party splitter libraries that do have resizing implemented. Maybe you could take one of them, modify the design if you want to, and make it available as an ui-framework component?

[fritzSF]

We started looking at some available options, this one seems promising for our purpose: https://www.npmjs.com/package/@geoffcox/react-splitter
We'll probably add it for testing.

[tomaskikutis]

content collapsing is fixed, resizing won't be implemented for rundowns MVP

[pavlovicnemanja]

Lets keep it for now, because we won't to implement splitter in this version of ui framework