Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
Offline
Re: Textpattern 5 UI css development
etc wrote #338320:
Thank you. I have slightly reworked the Draggable one, it should be compatible with (some) touch devices now.1
1 Nota bene: jQuery UI does not seem to support touch-drag.
Safari (and console error below)
- dragging does not work (1px then another 1px then the drag movement selects text in the dialog and in the background)
- the movable dialog is present immediately under the draggable one
Firefox:
- draggable dialog seems to work
- movable dialog is present at top left of page
TypeError: $.plot is not a function. (In '$.plot($("#flot"), [{ color: "#942C1E", data: d}], { xaxis: { mode: "time", tickLength: 0, show: false}, yaxis: { show: false }, grid: {borderWidth: 0, hoverable: true, clickable: true } })', '$.plot' is undefined)
jquery.min.js:2:31678I dont’t think a draggable dialog makes much sense on a small-screen device. On a tablet like device that could sometimes be helpful, although iPadOS is definitely not geared towards that sort of actions.
Where is that emoji for a solar powered submarine when you need it ?
Sand space – admin theme for Textpattern
Offline
Re: Textpattern 5 UI css development
phiw13 wrote #338322:
Safari (and console error below)
- dragging does not work (1px then another 1px then the drag movement selects text in the dialog and in the background)
- the movable dialog is present immediately under the draggable one
Yep, I see, thank you. It is related to this bug (?) and needs some refactoring.
I dont’t think a draggable dialog makes much sense on a small-screen device. On a tablet like device that could sometimes be helpful, although iPadOS is definitely not geared towards that sort of actions.
Anecdotically, it works quite well now on iOS and iPadOS I have tested, both with finger and pen.
Offline
#28 Today 00:35:33
Re: Textpattern 5 UI css development
etc wrote #338324:
Yep, I see, thank you. It is related to this bug (?) and needs some refactoring.
I see you have made some progress to have the dragging work on Safari, and Brave (Chromium). All 3 main desktop rendering engines now work.
Interesting tidbit: Safari and Firefox show the default cursor icon while dragging. Brave shows the copy cursor icon. All 3 show the move cursor icon before/after dragging when hovering over the header.
Note: could you remove that non-functional “Movable dialog” while testing? It is kinda confusing to have it there esp if you don’t plan to use it anyway
Anecdotically, it works quite well now on iOS and iPadOS I have tested, both with finger and pen.
Fine, thank you for testing those. I haven’t had time to do it. I still don’t see any point dragging the dialog around on small screen devices. On tables like devices, it certainly can be useful.
–^–
Where do you intent to use this? The preview dialog on the write panel, the tagbuider dialog on pages and forms.
For the inline help widget, the popover api (help example) might be interesting.
Where is that emoji for a solar powered submarine when you need it ?
Sand space – admin theme for Textpattern
Offline