New to this, the keeboord plugin does not work in any of the slide show plugins. Why?

104 views
Skip to first unread message

Kun Deng

unread,
Sep 28, 2018, 7:12:38 AM9/28/18
to TiddlyWiki
I tried many of the slideshow related plugins/themes etc but none of them has working keyboard navigation.  Is there something wrong with my browser? I am using a latest version of chrome. 

BurningTreeC

unread,
Sep 28, 2018, 9:15:39 AM9/28/18
to TiddlyWiki
Hi @Kun Deng

I am developing the KeeBoord plugin, so don't hesitate to ask anything about it
As far as I can tell, these links don't have the KeeBoord plugin installed (see under $:/ControlPanel > Plugins)

TiddlyWiki has a built-in keyboard-shortcut mechanism which works without installing plugins, but it only works within the text editor.
The KeeBoord plugin (current stable plugin: http://keeboord.tiddlyspot.com - unstable development version: https://burningtreec.github.io/KeeBoord) lets you define your own global keyboard shortcuts. That means, you can trigger actions with your keyboard no matter if you're within the text editor or not.

To create a keyboard shortcut that works with a slideshow plugin, one would have to identify the action (for example the action to go to the next slide) and put that action in a tiddler with the tag "$:/tags/KeyboardShortcut".
Then that tiddler needs a field "key" with a descriptor. The descriptor should be written between (( and ))  like : ((next-slide))
After that, create a tiddler "$:/config/ShortcutInfo/next-slide" , go to the ControlPanel > Keyboard Shortcuts and look for "next-slide". There you can define the key combination that triggers the "next-slide" action.


hope this helps,
BTC 

Kun Deng

unread,
Sep 28, 2018, 11:02:19 AM9/28/18
to TiddlyWiki
Thanks for your reply.  

How about this one:


It claims to have keyboard navigation using your plugin but I still can't get it to work.  

Kun Deng

unread,
Sep 28, 2018, 11:08:36 AM9/28/18
to TiddlyWiki
By the way, the most promising  slide and story plugin is this one:


but its keyboard navigation also does not work.  

BurningTreeC

unread,
Sep 28, 2018, 11:30:38 AM9/28/18
to TiddlyWiki
Thanks for your reply.  

How about this one:


It claims to have keyboard navigation using your plugin but I still can't get it to work.  

Yes, now I tried it on this page. The page is either in an unstable state, the shortcuts are disabled somehow or not implemented correctly.

BurningTreeC

unread,
Sep 28, 2018, 11:31:42 AM9/28/18
to TiddlyWiki
By the way, the most promising  slide and story plugin is this one:


but its keyboard navigation also does not work.  



This page isn't using the KeeBoord plugin. I cannot tell you more about it, sorry

Mohammad

unread,
Sep 28, 2018, 3:37:27 PM9/28/18
to TiddlyWiki
http://tiddlyshow.tiddlyspot.com/

Tiddlyshow app works! I have updated it! There was a minor issue!

This is a sample to show how Tiddlywiki + KeeBoord can be used for slideshow and presentation and this combination can compete with Powerpoint, or Impress!
This is only a demo and may need more work to be improved!

Good luck
Mohammad

Mohammad

unread,
Sep 28, 2018, 3:39:15 PM9/28/18
to TiddlyWiki
Hello BTC,
 Tiddlyshow app is a small demo of TW+KeeBoord! It works now.
Take a look and follow the instruction on the HowTo page!

Best
Mohammad

BurningTreeC

unread,
Oct 1, 2018, 10:36:07 PM10/1/18
to TiddlyWiki
Hi Mohammand, I was looking at your tiddlyshow page and I like it a lot, very nice work!

I found a css solution for your pagenumber indicator which jumps to another position on the last slide:

.tc-tagged-slideHeader .pagenumber,
.tc-tagged-slide .pagenumber{
    height: 3em;
    width: 3em;
    border-radius: 50%;
    display:table-cell;
    text-align:center;
    vertical-align:middle;
position: fixed;
bottom: 1.5em;
left: calc(50% - 1.5em);

   /*make it pretty*/
    background: #F07F09;
    color: #fff;
    font-size:1em;
    font-weight:700;
   
}

.tc-tagged-slide .pagenumber > span {
position: relative;
top: 0.75em;
}

 in $:/.mr/tiddlyshow/navigation , wrap the pagenumber into a span: <span class="pagenumber"><span>{{!!page}}</span></span>
... and you'll always have the number at the same fixed position :)

best wishes, BTC

Mohammad

unread,
Oct 1, 2018, 11:52:36 PM10/1/18
to TiddlyWiki
Done!
Thank you BTC!

Cheers
Mohammad
Reply all
Reply to author
Forward
0 new messages