Re: [tw5] Re: HammerWidgets - Actions on Swipe, Pan, Press, Tap and Pinch

2018-04-09 Thread Jan Johannpeter 
Hello Simon,
I will need some time to see what is best.
I think I will change the story-left with that techinque.

Yours Jan

2018-04-09 10:47 GMT+02:00 BurningTreeC :

> Hi Simon,
>> very good that this seems to be possible...But I would like to see the
>> sidebar being dragged before snapping back or snapping away when lifting
>> the finger.
>> The whole thing ist not vitally necessary of course but it feels better
>> in the user experience...
>>
>> Regarding the div to drag/pan in the menu when it is turned off... I
>> thought about that, the problem is that it is either so small that you risk
>> accidentally triggering the jump-back-in-history-mechanism which is
>> implemented in most of the mobile browsers...or it is takink to much space.
>> I would like to use the entire story-river to drag in the menu on a
>> mobile screen. On bigger screens I would take the left margin of the
>> tiddler - as you did for the slidebar
>>
>> Herzliche Grüße
>> Jan
>>
>> Hi Jan ,
>
> The problem here is not if it's possible or not, but that it's possible to
> do in so many different ways
> It's a combination of two/three plugins and some css calculations all
> working together
>
> The first thing one should understand here is, that the pan widget gives
> you the coordinates in pixels in the state tiddler (center-x field)
> By transcluding that field in a stylesheet you can pan on an element and
> set the position of that element or another element to that new position
>
> for example:
>
> .tc-tiddler-frame {
> position: absolute;
> left: {{$:/state/pan!!center-x}}px;
> }
>
> now if you add the <$pan $targets="tc-tiddler-frame"> in the
> $:/core/ui/ViewTemplate before the >> then you
> should be able to move tiddlers left/right
> If not, then it needs only some css adjustments
>
>
>
> What I want to say is, that it's important to first understand how these
> parts work together,
> then it's an easy thing to realize your ideas
>
> Simon
>
> --
> 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 tiddlywiki+unsubscr...@googlegroups.com.
> To post to this group, send email to tiddlywiki@googlegroups.com.
> Visit this group at https://groups.google.com/group/tiddlywiki.
> To view this discussion on the web visit https://groups.google.com/d/
> msgid/tiddlywiki/2f6b1e5a-bb39-40e3-bced-cbfc25f08cb0%40googlegroups.com
> 
> .
>
> For more options, visit https://groups.google.com/d/optout.
>

-- 
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 tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/CALdpFy3XMe%2BiMjKEhQVf%3D%3Dmy2XZL1R%3Davtj_Snz5xdGxAHK%2BOQ%40mail.gmail.com.
For more options, visit https://groups.google.com/d/optout.

Re: [tw5] Re: HammerWidgets - Actions on Swipe, Pan, Press, Tap and Pinch

2018-04-09 Thread BurningTreeC 

>
> Hi Simon,
> very good that this seems to be possible...But I would like to see the 
> sidebar being dragged before snapping back or snapping away when lifting 
> the finger. 
> The whole thing ist not vitally necessary of course but it feels better in 
> the user experience...
>
> Regarding the div to drag/pan in the menu when it is turned off... I 
> thought about that, the problem is that it is either so small that you risk 
> accidentally triggering the jump-back-in-history-mechanism which is 
> implemented in most of the mobile browsers...or it is takink to much space.
> I would like to use the entire story-river to drag in the menu on a mobile 
> screen. On bigger screens I would take the left margin of the tiddler - as 
> you did for the slidebar
>
> Herzliche Grüße
> Jan
>
> Hi Jan , 

The problem here is not if it's possible or not, but that it's possible to 
do in so many different ways 
It's a combination of two/three plugins and some css calculations all 
working together 

The first thing one should understand here is, that the pan widget gives 
you the coordinates in pixels in the state tiddler (center-x field)
By transcluding that field in a stylesheet you can pan on an element and 
set the position of that element or another element to that new position

for example:

.tc-tiddler-frame {
position: absolute;
left: {{$:/state/pan!!center-x}}px;
}

now if you add the <$pan $targets="tc-tiddler-frame"> in the 
$:/core/ui/ViewTemplate before the >> then you 
should be able to move tiddlers left/right
If not, then it needs only some css adjustments 



What I want to say is, that it's important to first understand how these 
parts work together,
then it's an easy thing to realize your ideas

Simon

-- 
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 tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/2f6b1e5a-bb39-40e3-bced-cbfc25f08cb0%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Re: [tw5] Re: HammerWidgets - Actions on Swipe, Pan, Press, Tap and Pinch

2018-04-09 Thread Jan Johannpeter 
 Hi Simon,
very good that this seems to be possible...But I would like to see the
sidebar being dragged before snapping back or snapping away when lifting
the finger.
The whole thing ist not vitally necessary of course but it feels better in
the user experience...

Regarding the div to drag/pan in the menu when it is turned off... I
thought about that, the problem is that it is either so small that you risk
accidentally triggering the jump-back-in-history-mechanism which is
implemented in most of the mobile browsers...or it is takink to much space.
I would like to use the entire story-river to drag in the menu on a mobile
screen. On bigger screens I would take the left margin of the tiddler - as
you did for the slidebar

Herzliche Grüße
Jan



2018-04-09 9:17 GMT+02:00 BurningTreeC :

> @Jan ... with my example, when the left bar is hidden, there's nothing to
> bring it back by panning
>
> It's better to create a div that's always there, like the slidebar, and
> assign the pan widget to that div
>
> when the left bar is off, it should be at the left screen border, when the
> bar is on, it should be where the bar ends
>
>
> --
> 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 tiddlywiki+unsubscr...@googlegroups.com.
> To post to this group, send email to tiddlywiki@googlegroups.com.
> Visit this group at https://groups.google.com/group/tiddlywiki.
> To view this discussion on the web visit https://groups.google.com/d/
> msgid/tiddlywiki/ec58b53c-0741-43ea-ab1e-f868322b4334%40googlegroups.com
> 
> .
>
> For more options, visit https://groups.google.com/d/optout.
>

-- 
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 tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/CALdpFy2B9KzYnQt%2Bn35uojxs92T6Jh4hPRqN21ndD4nyNjBVDw%40mail.gmail.com.
For more options, visit https://groups.google.com/d/optout.

Re: [tw5] Re: HammerWidgets - Actions on Swipe, Pan, Press, Tap and Pinch

2018-04-09 Thread BurningTreeC 
@Jan ... with my example, when the left bar is hidden, there's nothing to 
bring it back by panning

It's better to create a div that's always there, like the slidebar, and 
assign the pan widget to that div

when the left bar is off, it should be at the left screen border, when the 
bar is on, it should be where the bar ends


-- 
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 tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/ec58b53c-0741-43ea-ab1e-f868322b4334%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Re: [tw5] Re: HammerWidgets - Actions on Swipe, Pan, Press, Tap and Pinch

2018-04-09 Thread BurningTreeC 

>
> Hi Simon,
> I am absolutely amazed how much you accomplished ... and I am proud you 
> linked smarties.tiddlyspot.com as a reference. I would like to update 
> which plugins and tiddlers will be necessary for the sidebar after the 
> great update of TW.
>
> Looking at the great UX of the SlideBar, I would I would like to switch to 
> the pan widget for the left menu as well because it explains itself so much 
> better in the experience. 
>
> But I think I still would like to have a feature that could enhance the 
> widget for this:
>
> I would like to have a threshold for the endaction to have this effect:
>
> If I pan the menu it beginns to move out. If pan less then 100px it snaps 
> back, if I pan more than 100px it snaps out completely.
>
> Could you make this possible?
>
> -Jan
>
>>
>> Hi Jan, yes that's possible to accomplish

You can use the whole left bar as a pan element

then the endactions will look like this: 

<$vars snapLimit="100" pointerPosition={{pan-state-tiddler!!center-x}}>
<$vars positionBelowLimitCheck=<>, 
<>)">>>
<$list filter="[regexp[^TRUE$]]">
set left bar off

<$list filter="[!regexp[^TRUE$]]">
set left bar on




this will not move the left bar with the pointer, it will just jump from on 
to off and vice-versa


Is that what you want to accomplish?
 
Simon

-- 
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 tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/d87cb07a-0706-4fdd-977a-f486f08a30fc%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Re: [tw5] Re: HammerWidgets - Actions on Swipe, Pan, Press, Tap and Pinch

2018-04-08 Thread Jan Johannpeter 
Hi Simon,
I am absolutely amazed how much you accomplished ... and I am proud you
linked smarties.tiddlyspot.com as a reference. I would like to update which
plugins and tiddlers will be necessary for the sidebar after the great
update of TW.

Looking at the great UX of the SlideBar, I would I would like to switch to
the pan widget for the left menu as well because it explains itself so much
better in the experience.

But I think I still would like to have a feature that could enhance the
widget for this:

I would like to have a threshold for the endaction to have this effect:

If I pan the menu it beginns to move out. If pan less then 100px it snaps
back, if I pan more than 100px it snaps out completely.

Could you make this possible?

-Jan


BurningTreeC  schrieb am So. 8. Apr. 2018 um
20:00:

> I love how simple these widgets are! thank you!
>>
>> The Tap and Swipe widgets are really cool. I have them running on my Material
>> Theme  demo on the FAB button.
>>
>> Swipe up to reveal the secondary FABs. Tapping any of them will hide them
>> again (or swipe down to hide them). May that demo page act as a demo for 
>> *these
>> *widgets as well.
>>
>> As for theme plugin packaging, do I simply include the widgets on my
>> theme package, or add them as dependents? Thanks!
>>
>>
>> Thanks JD, I've tested them on your page, awesome how they work with the
> FAB Buttons and the sidebar!
>
> I don't know yet how to package them, should they be single plugins or a
> plugin with all of them?
>
> You can however package them how you like, that's no problem
>
> BTC
>
> --
> 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 tiddlywiki+unsubscr...@googlegroups.com.
> To post to this group, send email to tiddlywiki@googlegroups.com.
> Visit this group at https://groups.google.com/group/tiddlywiki.
> To view this discussion on the web visit https://groups.google.com/d/
> msgid/tiddlywiki/caf7e265-f7df-48ae-96e0-e54eb35522f2%40googlegroups.com
> 
> .
> For more options, visit https://groups.google.com/d/optout.
>

-- 
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 tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/CALdpFy1qfOy_nxS6YF47wYaQVYxSxAtcMJ9jMo7xKZvPZonx0Q%40mail.gmail.com.
For more options, visit https://groups.google.com/d/optout.