question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Add resize feature in QDrawer

See original GitHub issue

In most of the desktop applications, the sidebars are resizable,(eg: VS Code), where the width can be changed dynamically using the mouse. Requesting to add resizable or similar behavior to QDrawer or similar components to adjust the component width dynamically, where the mouse pointer changes when we hover over the borders/margin and can be dragged to change the size.

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:8 (3 by maintainers)

github_iconTop GitHub Comments

3reactions
pdanpdancommented, May 25, 2020

This is something that can be easily done in your code - add a vertical div at the side of your drawer (and style it as you see fit), put a VTouchPan directive on it and change the with of the drawer.

1reaction
MichaelJColecommented, Oct 11, 2022

Actually, there was considerably more work than that as the QSplitter doesn’t set the height of it’s children correctly. Maybe Quasar is best suited to codepen apps?

Read more comments on GitHub >

github_iconTop Results From Across the Web

Recommended way to have drawer resizable? - Stack Overflow
You can use indicator dragger with mousedown on it. Here for example // styles dragger: { width: '5px', cursor: 'ew-resize', padding: '4px 0 ......
Read more >
Layout Drawer | Quasar Framework
QLayout allows you to configure your views as a 3x3 matrix, containing optional left-side and/or right-side Drawers. If you haven't already, ...
Read more >
Chart in Drawer does not resize if drawer's opened option is ...
Hi DevExpress support, when I put a chart into a content-block (using the new responsive layout), the chart does not resize if the...
Read more >
Resize directive — Vuetify
... with related content selected by the Team or move between pages by using the navigation links below. Display Breakpoints. Features.
Read more >
Accuride Drawer Slides Fitted To Your Project's Requirements
We even offer slides with special features, such as soft-close and touch-release. Simply browse our many offerings below to find the slide that's...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found