Add basic example for adjusting column width draggable handle
ClosedPublic

Authored by hein on Aug 26 2017, 9:30 AM.

Details

Summary

Useful for applications in wide mode that use a first page as "sidebar"
to the second page, as shown in the Simple Chat example, which this
technique combines well with.

Diff Detail

Repository
R169 Kirigami
Lint
Automatic diff as part of commit; lint not applicable.
Unit
Automatic diff as part of commit; unit tests not applicable.
hein created this revision.Aug 26 2017, 9:30 AM
Restricted Application added a project: Kirigami. · View Herald TranscriptAug 26 2017, 9:30 AM
Restricted Application added a subscriber: plasma-devel. · View Herald Transcript
hein added a comment.Aug 26 2017, 9:32 AM

Note: Marco asked me to write an example for this. This was partially because I originally had a problem making it work: Shrinking didn't work quite right, and I would get a horizontal scrollbar in the PageRow. This turned out to be because I originally had the drag handle as a child of the first page, anchored its right edge. By taking the drag handle out of the page and positioning it above the PageRow, things actually work just fine.

hein updated this revision to Diff 18800.Aug 26 2017, 9:35 AM

Disable drag handle narrow mode.

hein updated this revision to Diff 18809.Aug 26 2017, 11:50 AM

Increase handle width, position above boundary.

mart accepted this revision.Aug 28 2017, 10:49 AM
mart added inline comments.
examples/simpleexamples/dragPageWidth.qml
3

Email

This revision is now accepted and ready to land.Aug 28 2017, 10:49 AM
hein updated this revision to Diff 18878.Aug 28 2017, 10:52 AM

Fix email (still in the cool four-letter club with notmart)

This revision was automatically updated to reflect the committed changes.