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.

Sign up for GitHub

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

#2289 Common Properties Right Flyout Styling Documentation #2290

Merged
merged 4 commits into from
Jan 6, 2025
Merged

#2289 Common Properties Right Flyout Styling Documentation #2290

Changes from 2 commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
459c336
#2289 Common Properties Right Flyout Styling Documentation
srikant-ch5 Jan 6, 2025
71dc99a
update documentation
srikant-ch5 Jan 6, 2025
f7cb624
remove config for flyout resize in documentation
srikant-ch5 Jan 6, 2025
84d4f22
update doc
srikant-ch5 Jan 6, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
19 changes: 19 additions & 0 deletions docs/pages/04-common-properties.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -122,3 +122,22 @@ Pass the `<CommonProperties>` object into the `rightFlyoutContent` prop of Commo
showRightFlyout={showRightFlyout}
/>
```

When the configuration option `enableRightFlyoutDragToResize` is enabled in the canvas settings, the right flyout can be resized by dragging.
srikant-ch5 marked this conversation as resolved.
Show resolved Hide resolved

If the `CommonProperties` component has custom width constraints, and it is nested inside single or multiple layers of `<div>` elements, special consideration is needed for proper layout behavior.
srikant-ch5 marked this conversation as resolved.
Show resolved Hide resolved

```html
const rightFlyoutContent = (
<div className="parent-div">
<div>
srikant-ch5 marked this conversation as resolved.
Show resolved Hide resolved
<CommonProperties
propertiesInfo={this.propertiesInfo}
propertiesConfig={{ containerType: "Custom", rightFlyout: true }}
callbacks={this.callbacks}
/>
</div>
</div>
)

`display: flex` should be added to `parent-div` to allow Common Properties content to occupy full width and height available in right flyout.
Loading