How to make Edit Toolbar stay at top of page so that no matter how much I write the save button is always visible?

[Sapphireslinger]

Hi :) How do I make my Edit Toolbar stay at the top of the page so that no matter how much I write in a tiddler the save button is always in view so I can save the tiddler without scrolling back up?

I assume it may have something to do with “position:fixed” and “tc-adjust-top-of-scroll” as mentioned in https://tiddlywiki.com/static/Hidden%2520Setting%253A%2520Scroll%2520Top%2520Adjustment.html but I could not find where to add that code.

[Mat]

Maybe you can use

ctrlpanel > appearence > theme tweaks > sticky titles

<:-)

[Sapphireslinger]

It was already set to "yes". But no sign of stickiness. Maybe it is because I am using andtidwiki on my smartphone?

[Sapphireslinger]

I already try to keep tiddlers broken up into short chunks of information, but there are times, like a stream-of-consciousness journal entry, or taking dictation, when one cannot stop the creation of text to switch over to arranging it, but one does need to constantly save the tiddler as one goes along without having to scroll all the way back up to do so.
If the sticky titles are not working in my andtidwiki (TiddlyWiki 5.1.19), do I create some kind of a stylesheet to make them sticky?

(I am used to following instructions for the command line in Linux Mint, but the documentation holds your hand the entire way compared to TiddlyWiki ^o^ LOL. I do like following the examples in the TiddlyWiki forums though. It's a great community.)

[Mat]

I dont' know how AndTidWiki is built but I can imagine it has  a special stylesheet. So, you might need to make the CSS targetting more specific. A standard practice when creating a stylesheet for an application is to come up with a special definition name like "my-class" and then use this to make things appear special when this plugin is used, i.e ".my-class .tc-tiddler-title {...}"

So, you may need to either modify this special stylesheet or override those definitions by making your own style definitions even more specific. One trick here could be to do 

* .my-class .tc-tiddler-title {...}

i.e to prefix the def with the * which is the root.

I hope I'm not stating the blatantly obvious. Or, actually, it is even better if this is blatantly obvious.

<:-)

[Jeremy Ruston]

I dont' know how AndTidWiki is built but I can imagine it has  a special stylesheet. So, you might need to make the CSS targetting more specific.

I believe that AndTidWiki is built with an extremely old version of the browser component, and is tripped up by many newer features. There are newer options like Tiddloid:

https://github.com/donmor/Tiddloid

And Quinoid:

https://github.com/Marxsal/Quinoid01

Best wishes

Jeremy

A standard practice when creating a stylesheet for an application is to come up with a special definition name like "my-class" and then use this to make things appear special when this plugin is used, i.e ".my-class .tc-tiddler-title {...}"

So, you may need to either modify this special stylesheet or override those definitions by making your own style definitions even more specific. One trick here could be to do 

* .my-class .tc-tiddler-title {...}

i.e to prefix the def with the * which is the root.

I hope I'm not stating the blatantly obvious. Or, actually, it is even better if this is blatantly obvious.

<:-)

--
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+...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/da0280c5-0bc4-4c8c-8db0-455b3db3903f%40googlegroups.com.

[Sapphireslinger]

Mat, thank you, I will try that if Tiddloid and Quinoid don't work out.

Jeremy, thank you for alerting me to the existence of Tiddloid and Quinoid.

So I downloaded the Tiddloid zip file into my Samsung Note 4 android phone and was given the option to open it with my Files app, which then let me extract a folder called Tiddloid-Master into my Downloads folder. Now what do I click on?

[TonyM]

This is what I do

 

So I downloaded the Tiddloid.APK file into my android phone SD Card (via USB) and with my Files app double clicked on the apk file, I am asked if I want to install and it installs or upgrades. Same for Quinoid.

If you use the link to the apk in a phone browser it can download and install but you may need to allow installing apps from places outside the app store (google that).

Regards

Tony

[Sapphireslinger]

TonyM:

So sorry but I could not find a Tiddloid.APK file in what I had unzipped, nor could I find a file named Tiddloid.APK on the GitHub Tiddloid page to download.

Do I have to sign up with GitHub to see it?

[Birthe C]

Fint it here: https://github.com/donmor/Tiddloid/releases

Birthe

[Sapphireslinger]

Thank you, Birthe, it worked! I successfully installed and used Tiddloid!

However, still no sticky titles, even with sticky titles checked, so I am going to try Quinoid now.

I successfully found the Quinoid apks by typing "releases" on to the end of the url.

New Question: Am I supposed to download Quinoid a or b?

[Sapphireslinger]

I installed quinoid-v0-0-8-190313a.apk and made sure I could make and save new tiddlers ... and still no sticky titles.

So, Mat, I made a tiddler titled "Fixed Tiddler Title Bar", set it to text/css, tagged it with "$:/tags/Stylesheet" and put this in the body of the tiddler:

* .my-class .tc-tiddler-title {position:fixed}

Alas, it is not blatantly obvious to me how to make a stylesheet because there are still no sticky titles :(

I know I must have done something wrong.

[Sapphireslinger]

I don't really need the whole tiddler title just the trashcan-X-checkmark (and whatever else) thingie to stay constantly in view while typing.

[Mat]

Sapphireslinger wrote:

I installed quinoid-v0-0-8-190313a.apk and made sure I could make and save new tiddlers ... and still no sticky titles.

So, Mat, I made a tiddler titled "Fixed Tiddler Title Bar", set it to text/css, tagged it with "$:/tags/Stylesheet" and put this in the body of the tiddler:

* .my-class .tc-tiddler-title {position:fixed}

...so did you apply "my-class" to where you want it active? The stylesheet only defines the styles. Where it is to be used, you muse actually add the class. So you need to find where in the "tc-tiddler-title" class is actually applied. It might look like this class="tc-tiddler-title". Then change that into class="my-class tc-tiddler-title" so that both classes are applied. 

<:-)

[Sapphireslinger]

The solution to this problem is here:

https://groups.google.com/forum/m/#!topic/tiddlywiki/Jf73rU2OUCA

(I discovered my $:/core/ui/EditTemplate/controls tiddler yesterday and so was able to ask about the problem in a different way.)

[TonyM]

Mat,

this is the kind of css coding pattern we need to document as covered in recent css related threads for general use. In conjunction with the class field and conditional css in stylesheets we also need to document how to find both the definitions and applications of css, including the overide you suggest.

Perhaps some rudimentary css documentation is needed but the main thing is how it is and can be applied in tiddlywiki. What do people need to know about tiddlywiki to use css effectively in it. Including when trying to style the content of tiddler(s) but not the rest of the page.

We need only start with the most basic information.

Tony