Coder Social home page Coder Social logo

Collapse / Expand panel API about wcdocker HOT 5 CLOSED

webcabin avatar webcabin commented on July 27, 2024
Collapse / Expand panel API

from wcdocker.

Comments (5)

Lochemage avatar Lochemage commented on July 27, 2024

Genachka,

Good to hear wcDocker is getting some more use!

The problem is that changing the size of a panel will also change the size
of many other panels that are docked near it as well, so it gets a little
complicated. However, adding the ability to size the window any time is
one of the things on my TODO list. I have just not have any priority to
fix that so it's been on the back-burner.

I can't be sure when I will have time to look into it, though, since my day
job has gotten a bit more demanding. But I will try!

  • Lochemage

On Wed, Feb 11, 2015 at 4:23 PM, genachka [email protected] wrote:

Thanks for this very nice jQuery based docking layout! Looks very nice and
pretty powerful.

I'd like to add a Collapse / Expand panel button and I don't see an API to
allow sizing the panel at runtime (using a basic sample below of what I'm
doing).

Also, it would see that the addButton method requires two more options if
isTogglable is true to allow the toggable text to be potentially reverse in
addition to the icon: toggableText and toggableTip

myPanel.addButton('Collapse', 'fa fa-arrow-left', '<', 'Collapse Files Panel', true, 'fa fa-arrow-right');
myPanel.on(wcDocker.EVENT_BUTTON, function(data) {
//note sure how to get the current size and change it accordingly?
});


Reply to this email directly or view it on GitHub
#25.

from wcdocker.

genachka avatar genachka commented on July 27, 2024

I think wcDocker is a hidden gem and I hope it gets more attention. I've searched for something like it for a long time. There are a few others out there but sadly they appear to be either abandoned or not as far along or commercial (Golden Layout). I'm going after a Visual Studio IDE and DockManager (http://www.dockspawn.com/demos/ide/dock_spawn_demo_ide.html) looks exactly like what I want but it's written in Dart and hasn't received much love in a long time. I really like the dock hints it shows when you try to dock something.

For sizing, the panel, you're already doing the update to the other panels when you manually move the splitter, so wouldn't it be the same code just being exposed via API?

Another feature request for the TODO would be to allow tab to be on the bottom (and bonus left, right) on specific panels. :)

Also, I updated the CSS to be closer to the look of DockManager, might be good to offer alternative themes. Let me know if you'd like me to send it to you (and best way to get it to you). I did see you have a Themes folder but the two files there as .css are actually HTML files.

from wcdocker.

Lochemage avatar Lochemage commented on July 27, 2024

That is true, sizing is somewhat already implemented, there are just a few
complications when it comes to sizing a panel rather than sizing a splitter
panel. This is why it is on my TODO list rather than something I don't
plan to do at all. It shouldn't be too hard to implement, I just need to
find the time to dig into it is all.

As for tabs on the bottom and sides, I can absolutely see that feature
being useful. I'd have to look into it before I promise anything, though.

If you've made your own custom theme that you think others would like, I
would encourage you to send them my way so I can upload them into wcDockers
theme folder so others can also use it!

Thanks,

  • Lochemage

On Thu, Feb 12, 2015 at 7:45 AM, genachka [email protected] wrote:

I think wcDocker is a hidden gem and I hope it gets more attention. I've
searched for something like it for a long time. There are a few others out
there but sadly they appear to be either abandoned or not as far along or
commercial. I'm going after a Visual Studio IDE and DockManager (
http://www.dockspawn.com/demos/ide/dock_spawn_demo_ide.html) looks
exactly like what I want but it's written in Dart and hasn't received much
love in a long time. I really like the dock hints it shows when you try to
dock something.

For sizing, the panel, you're already doing the update to the other panels
when you manually move the splitter, so wouldn't it be the same code just
being exposed via API?

Another feature request for the TODO would be to allow tab to be on the
bottom (and bonus left, right) on specific panels. :)

Also, I updated the CSS to be closer to the look of DockManager, might be
good to offer alternative themes. Let me know if you'd like me to send it
to you (and best way to get it to you).


Reply to this email directly or view it on GitHub
#25 (comment).

from wcdocker.

Lochemage avatar Lochemage commented on July 27, 2024

My latest update now includes the ability to collapse panels to a side, or the bottom. Collapsed panels act as slide-out drawers until they are re-attached back into the main layout.

from wcdocker.

genachka avatar genachka commented on July 27, 2024

Your 3.0.0 release is shaping up very nicely! I see you also have added the ability to dock panes and control placement of tabs to not only top but now also left, right, and bottom! Thanks for the continued effort to improve windowing library!

from wcdocker.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.