Here is a demo 
<http://twaddle.tiddlyspot.com/#Demo%20for%20%22drag-resize%20element%22:%5B%5BDemo%20for%20%22drag-resize%20element%22%5D%5D>
 
for how we can make page elements drag-to-resize, *directly *at the element.

Note that your screenwidth must be more or less matching, or you must set 
it there, for it to behave properly. (Is there any way to detect screen 
size? This would be useful in TW for different themes etc)

Note also that the slider stems from the tiddler - close the tiddler and 
you close the slider.

So far I've only designed this for the* "storyright: how far the left 
margin of the sidebar is rom the left of the page"* - but I hope to make it 
for all of the "size settings" in the predefined in Theme Tweaks and, in 
the longer run, also for other settings. In the demo, it is one slider in 
one tiddler, but it would be useful to have some tiddlers show multiple 
such sliders via transclusion. - "Everything that has to do with the 
sidebar measures (height, width, ...)", "Positioning for every main 
element", etc. The display of these can be from the controlpanel. (This is 
also in the demo, but it interferes with a previous demo showing sliders 
centrally placed in the Size settings table... still, opening it activates 
the above demo.)

CSS can make it so there is no visible slider track, and the button could 
be designed in any fashion e.g a label tellin which element it concerns 
and, if no track, an arrow showing directions.

The goal is to make the UI more intuitive.


<:-)
TWaddle.tiddlyspot

-- 
You received this message because you are subscribed to the Google Groups 
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/c05f5e35-2c9b-427d-acac-318c7b65db6a%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Reply via email to