I use the jQuery UI Layout plugin in my application, but users seems to have some problem with toggling the west and east panels. This because the toggler-buttons are relatively small.
Google has a nice 'flap' floating button (See image), I would like to achieve the same effect in jQuery UI Layout plugin; but I have a hard time doing so. I found out I can add custom buttons in the togglers (as seen in the example), but they are positioned in a div
with overflow:hidden
, so I can't make them wider than the 5 pixels that the border is wide.
Does anyone have a clue on how to recreate the Google-button-style in jQuery UI Layout?
I found out:
I add extra
div
s for the buttons, like this:And add style: