Comments (7)
Done. Closing issue
from react-panelgroup.
good catch. The intent was to pass out the panels object, yeah.
Related to this, when you update the props externally it's supposed to update the internal panels state in componentWillReceiveProps, but it's not making a correct props comparison so it wont work. I'll fix both of these issues.
from react-panelgroup.
Thanks Dan.
I want to do a mash up of your component and this: http://zippyui.com/docs/react-split-container.
I like it's open/close shortcut feature.
from react-panelgroup.
Pushed a fix.
To do what you want, maintain the panel widths in your container's state and supply it to the PanelGroup as a panelWidths prop. Stay in sync with the PanelGroup's internal state changes by supplying a hook to props.onUpdate that then updates your container's copy.
With that, you should be able to collapse a panel programmatically or whatever other special thing you want to do. I tested this scenario locally, but let me know if you get it working too.
from react-panelgroup.
Cheers bro, appreciate your time.
from react-panelgroup.
I'll make some modifications and submit a pull request if I decide to use it for the current project to incorporate more customisability.
Thanks again for it.
from react-panelgroup.
Can you please publish an update to npm.
from react-panelgroup.
Related Issues (20)
- Support for TS typings? HOT 3
- Is it possible to know when 'dragging' is in progress? HOT 1
- Sizes don't match error HOT 2
- Unable to find node on an unmounted component error HOT 2
- Panel separator thickness HOT 1
- Don't understand the stretch property HOT 1
- Console warning componentWillReceiveProps HOT 1
- Scrolling within panels HOT 7
- Panels will not fill height of page HOT 1
- Ability to customize CSS class names? HOT 4
- option to keep panel heights synchronized
- Getting : Warning: A string ref, "resizeObject", has been found within a strict mode tree HOT 1
- Expose defaults for panel widthss
- Option to avoid recursive resizing HOT 3
- How to import PanelGroup and Content in js code after npm install react-panelgroup?
- Changing direction programmatically causes resize function to stop working
- Please update to work with React > 17
- Application breaks when min width is set to > 155
- How to disable Neighbor-Aware Resizing ?
- Cannot read properties of undefined (reading 'style') when dynamically adding an additional panel
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-panelgroup.