New Plugin: Stx – Story top express (Button and more)

Stx – Story top express

TLDR: Click the button at the bottom of the right side of the screen – it will take you to the top. The button design adapts to the style of your wiki.


This is more than a simple scroll-to-the-top button. Story top express (Stx) sets the focus to one of the top focusable elements. Use the button in the lower right corner of the screen or a keyboard shortcut to go to the top of the story. Try:

  • cmd-Up
  • ctrl-UpI could not test this on my Mac, so I am looking for feedback – does this work for anyone? should I ship other shortcuts?

If that doesn’t work, you can configure your own shortcut in the control panel.

What is the focus?

The focus marks an element ready for action. With your keyboard you can hop from one focusable element to the next using the Tab key. So if you want to edit the tiddler at the top after hitting the Stx button, just hit Tab or shift+Tab once or twice until the edit button has the focus and hit enter.

(Setting the focus is actually the main advantage over the Home/top-of-page key you find on extended keyboards.)

How Stx works

In a standard wiki, the move to the top is a two step process:

  1. The focus is set to the first button in the story river – that might be the first button in the tiddler toolbar of the first tiddler. (This step is only relevant for edge cases where the second step would not work.)
  2. The focus is moved further to the first link in the story river.
  • Usually this is the name of the last modifier of the first tiddler. Even if the name is missing, the link will be there.
  • If you have chosen to display tiddler titles as links in the control panel, then the title will be the first link.

If you share your wiki with others it is highly recommendable to set a user name on the info tab of the control panel. This will improve the usablility.

Does it work for you?

The Stx plugin was carefully crafted with usefulness and accessibility in mind. If you have suggestions for improvements, please let me know.

1 Like

Thank you for this Thomas, it is going to save me from RSI in my thumbs on mobile!

1 Like

Some more feedback -

on mobile it works very well, thanks.

Some possible mobile friendly ‘config’ options;

An optional ‘go to bottom’ button - would also save a lot of thumb scrolling on long tiddlers.

I know it’s ‘story top’ but an option to go all the way to the wiki title or search bar on a standard wiki would help on mobile. I often have the ‘more - all’ tab open and scrolling back up to change tabs is a petty annoyance that would be good to fix.

Here on discourse on mobile they have a nice ‘jump to… slider’ to navigate up and down quickly. What about a bottom right button that called up something similar?

Only feedback, it works very well just as it is.

1 Like

Win10, Firefox

Works fine, @telmiger :clap:

I think for the demo you might include a top banner which would help show (make more noticeable) the difference between Ctrl+Up and Ctrl+Home.

Very nice! A first comment …

What is the purpose the “side-arrow?” is it adding anything …

Screenshot 2022-02-08 150435

Best, TT

Thank you!

On your screenshot the side-arrow looks like a TW “hide sidebar” arrow. Where did you see that?
If you throw the Stx plugin at tiddlywiki.com, can you see it there too?

Right. I don’t see it on tiddlywiki.com though do see another issue when you hide the sidebar …
Screenshot 2022-02-08 161418

The “UP” gets overlaid the tiddler border.

Just a comment
TT

hmmm, My FF browser does the same thing if I use CTRL - UParrow or CTRL - DOWNarrow

Ah I see. Thanks for testing on a big screen! (I might move it coloser to the border.)

Windows?
Does the focus go to the first tiddler? This is how I test this:

– Import Stx in tiddlywiki.com
– In the sidebar: click the “GettingStarted” link
– click the “Top of the story” button that came with Stx
– hit shift+Tab (once)
The focus should be visible now on the close button of $:/Import
grafik

– Hit enter to close the tiddler

Can you do the same with other buttons? If not: How many times you have to hit tab to close the import tiddler?

Thanks for the feedback!

Fixed in version 0.1.2.
Cheers, -t