Opened 8 years ago
Closed 5 years ago
#16529 closed enhancement (patchwelcome)
pageTurningUtils should allow for switching pages by dragging the dog-ear
Reported by: | Paul Christopher | Owned by: | Patrick Ruzand |
---|---|---|---|
Priority: | undecided | Milestone: | 1.13 |
Component: | DojoX Mobile | Version: | 1.8.2 |
Keywords: | Cc: | ||
Blocked By: | Blocking: |
Description
Description
The pageTurningUtils is a wonderful new feature and I really love it! Thanks for adding this! IMO the widget would be even more powerful, if the user would be able to switch pages by simply dragging the dog-ear, as it can be already done with http://www.turnjs.com/?
I have tried to implement a first very simple version, see attached test case. It's still buggy (e.g. the page flip animation) and it does work only for the given test case (so it is not a general approach and you can only flip forwards at the moment). It took me quite some time to figure it out. Maybe it could serve as a starting point for someone how is more familiar with the pageTurningUtils' code.
Discussion
If think the CSS3 based approach is better than the canvas based approach of http://www.html5rocks.com/en/tutorials/casestudies/20things_pageflip/ especially if you use other dojox mobile widgets as childs.
Maybe support for compat mode / other CSS3 browsers could be added? It's just a prefix that needs to be changed and which needs be hold in a variable, so that "webkit-transform" is changed to "moz-transform" or "ms-transform" when setting the dom style?
Misc
Test case tested with Safari 5.1.7 on Win7 only.
Attachments (1)
Change History (3)
Changed 8 years ago by
Attachment: | testPageTurning.html added |
---|
comment:1 Changed 8 years ago by
Owner: | changed from Eric Durocher to Patrick Ruzand |
---|---|
Status: | new → assigned |
comment:2 Changed 5 years ago by
Milestone: | tbd → 1.12 |
---|---|
Resolution: | → patchwelcome |
Status: | assigned → closed |
Given that no one has shown interest in creating a patch in the past 2+ years, I'm closing this as patchwelcome.