Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(dock-manager): add split pane fixed size sample #882

Open
wants to merge 3 commits into
base: vnext
Choose a base branch
from

Conversation

igdmdimitrov
Copy link
Contributor

@igdmdimitrov igdmdimitrov commented Nov 20, 2024

Closes #877

this.dockManager.layout = {
rootPane: {
type: IgcDockManagerPaneType.splitPane,
orientation: IgcSplitPaneOrientation.vertical,
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

How about we make the root useFixedSize: true as well?

Suggested change
orientation: IgcSplitPaneOrientation.vertical,
orientation: IgcSplitPaneOrientation.vertical,
useFixedSize: true,

{
type: IgcDockManagerPaneType.splitPane,
orientation: IgcSplitPaneOrientation.horizontal,
useFixedSize: true,
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
useFixedSize: true,
useFixedSize: true,
size: 400,

panes: [
{
type: IgcDockManagerPaneType.splitPane,
orientation: IgcSplitPaneOrientation.horizontal,
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

In addition to the above:

Suggested change
orientation: IgcSplitPaneOrientation.horizontal,
orientation: IgcSplitPaneOrientation.horizontal,
size: 600,

<igc-dockmanager id="dockManager">
<div slot="content1">Content 1</div>
<div slot="content2">Content 2</div>
<div slot="content3">Content 3</div>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
<div slot="content3">Content 3</div>
<div slot="content3">I am 400 pixels wide.</div>

<div slot="content1">Content 1</div>
<div slot="content2">Content 2</div>
<div slot="content3">Content 3</div>
<div slot="content4">Content 4</div>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
<div slot="content4">Content 4</div>
<div slot="content4">I am 200 pixels wide.</div>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Create a sample demonstrating DockManager's useFixedSize property
3 participants