[Plugin announcement]: Toggle! (formerly CleanTids)

[David Gifford]

Hi all

Yes, you read that right, I finally got off my bum and learned Tinka and created my very first plugin.

The Toggle! plugin is a sidebar tab that allows you to toggle viewtemplate, edittemplate, sidebar and other visual elements.

It has the ability to reduce your tiddlers down to mere boxes of text, with thinner margins, smaller titles, and even reducing or removing the gap between tiddlers.

It also has two ways to view backlinks. Don't tell that Stroll guy. Oh wait, that's me.

Demo and download: https://giffmex.org/gifts/Toggle/toggle.html

If you followed my CleanTids experiment, please note: there are some major changes. Also, I totally re-wrote the introductory tiddlers, since I had changed so much. (which are not part of the plugin).

If you are using CleanTids and want Toggle! instead, first delete the tiddlers listed below from your file. Then add the new Toggle! plugin to your file.

• $:/.giffmex/sidebartabs/Toggle
• $:/.giffmex/ViewTemplate/Backlinks
• $:/.giffmex/ViewTemplate/Transclude
• $:/.giffmex/Stylesheet/CleanTids
• $:/.giffmex/Stylesheet/CleanTidsNoMargin
• $:/.giffmex/Stylesheet/ToggleTab
• $:/core/ui/ListItemTemplate2

Let me know if you find any glitches. Enjoy. - Dave

[Mohammad Rahmani]

Hi Dave,

Lovely! Thank you for sharing!

Best wishes

Mohammad

--
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/cc4a42f2-b1af-4b41-a60c-0b7b39dc2cb1n%40googlegroups.com.

[Ste]

Excellent!  I have added!  Thanks Dave.

[TiddlyTweeter]

"I love you and want to have your babies".

My real message? Really that it is GOOD you go towards plugins for your contributions to TW. 

They work well, are wanted & used!

Basically it is a Fixxgig moment :-)

TT

David Gifford wrote

[Mat]

Nice David! Some ideas/opinions:

The buttons in the sidebar are (seemingly!) a mix of toggles and single value buttons. But they are really all toggles, which is not clear. For example, it IS clear that "Title" is a toggle because it is a single button. But "Gaps btw tiddlers: Thin * Hide" appear to be two single setting buttons but they are both the same toggle with different labels. Because the results in the tiddler river is immediately visible, you might consider decluttring such buttons to only be a single toggling button with the description as its label. For that particular example this would mean a button with the label "Gaps btw tiddlers" (or perhaps "Tiddler gap" or just "Gap" perhaps next to static text saying: "between tiddlers") and the button toggles between the values.

In the same vein, instead of the label "Thin frames" it would make more sense with "Frame thickness". Etc for a few other such toggles. I.e using the name of the characteristics rather than the "value" of the characteristics.

Tiddler titles are often informative as headings, but not always. There could be a small toggle next to each title to set a tag or a field. Some stylesheet states that any tiddler with such a tag hides the title row.

Even when titles should be seen, the tiddler toolbar buttons should probably not be visible unless hovered.

A palette or theme of particular interest might be one where the page background is white or perhaps just the river background is white, i.e so the tiddlers seem to join. Maybe this special case warrants a direct toggle button?

<:-)

[David Gifford]

Thanks all for the encouragement.

@Mat -

1. Thin gaps and Hide gaps are two separate on/off toggles. They control two separate stylesheets. One adjusts between TW default gap and a thinner gap, and the other between the TW default gap and no gap. But the problem is that when one is on, the other is unavailable. At some point I may research how to do a button that cycles through several options.

But as they stand, they conform to the idea that all of my buttons are on and off toggles.  "Subtitle: on/off." "Thin frames: on/off" . "Small titles: on/off."  Or: "What do you want to be visible in your TW?" Title, subtitle, thin frames, backlinks as transclusion, etc. That explains my labeling convention. CleanTids did have "Gaps btwn tids" but as you can see I deliberately changed it to match this labeling convention. Question of taste.

2. Yeah,  tiddler titles...I didn't quite understand what you were suggesting, but here is what my thought process was: the viewtoolbar is in a sense bundled with the titles into a titlebar, and I have never liked that decision, because it makes styling titles more complicated. And now obviously it also decreases the value of hiding the titlebar. My wish would be that default TWs would have the viewtoolbar invisible and then visible on hover anywhere in the tiddler frame, and totally disconnected from the title. But I am pretty sure that having separate buttons to toggle titles and the viewtoolbar would require changing a bunch of shadow tiddlers, and might conflict with users' configurations, and would require updating the plugin with every update to TiddlyWiki. That is not something I wanted to do. I opted for the simpler solution of just letting people toggle the titlebar on and off. I figure no one is going to want to hide titles all the time, they are just going to do so for certain temporary uses.

3. I had a similar thought. I thought about a toggle for the seamless theme (rather than a white palette), but I decided instead to keep it clean and let the user decide the palette/theme with no nudging from me. Introducing a specific palette or theme makes this seem more like an edition and less like a plugin for helping others decide what they want.

[Mat]

> My wish would be that default TWs would have the viewtoolbar invisible and then visible on hover anywhere in the tiddler frame, and totally disconnected from the title. But I am pretty sure that having separate buttons to toggle titles and the viewtoolbar would require changing a bunch of shadow tiddlers

Just quickly; While the title and the toolbar are connected, their visibility can be individually controlled with css. You can toggle this css by e.g toggling the tag $:/tags/Stylesheet. Here's an example (not very elegant but it works for your wish):

.tc-tiddler-controls {visibility:hidden;}

.tc-tiddler-view-frame:hover .tc-tiddler-controls {visibility:visible;}

<:-)

[strikke...@gmail.com]

@Mat,

Your solution works very well until the tiddler title is hidden, then we miss the tiddler controls.

Birthe

[David Gifford]

Hi Mat, this snippet hides the controls in edittemplate, thus not allowing me to save, close or delete tiddlers. I had to use the filter tab of advanced search to delete it.

[strikke...@gmail.com]

@David

I used https://szenio.de/Grid/#%24%3A%2Fplugins%2FJJ%2Fsidecontrols, to have the tiddler controls vertical i the right side. Changed the stylesheet a bit, to make them fit in size for the small frame - and only visible when hovering. It works rather well, Hide the title and I can still use the tiddler controls. But of course they will be placed in the the same size and at the very top, no matter the other changes - title size and bigger frame.

But I do not need to be annoyed by 2click2edit. To use that I think, we must persuade Diego to share with us how it is done.

Birthe

[Mohammad Rahmani]

Hi all,

See https://kookma.github.io/TW-Utility/

This is Utility plugin

press ctrl+alt+a  and see a bunch of toggles to hide/show UI elements!

Best wishes

Mohammad

--

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/b55bd066-4829-46fe-ba24-1e893927617an%40googlegroups.com.

[Mat]

strikke...@gmail.com wrote:

@Mat,

Your solution works very well until the tiddler title is hidden, then we miss the tiddler controls.

Are you requesting that or is it just a FYI to me?

<:-)

[Mat]

David Gifford wrote:

Hi Mat, this snippet hides the controls in edittemplate, thus not allowing me to save, close or delete tiddlers. I had to use the filter tab of advanced search to delete it.

OK, it should be

.tc-tiddler-view-frame .tc-tiddler-controls {visibility:hidden;}

.tc-tiddler-view-frame:hover .tc-tiddler-controls {visibility:visible;}

<:-)

[David Gifford]

@Mohammad - if it can be done to TiddlyWiki, it probably already exists in kookma...

@Mat: I think the answer is, I will need to create a separate tiddler with the viewtoolbar elements in it, wrap it in a special class, and make that class visible in the top right corner of the tiddler on hovering anywhere in a tiddler. That will involve layers of things I don't know how to do yet. But when I get time to investigate that later this week, I will try that.

[Mat]

David Gifford wrote:

@Mat: I think the answer is, I will need to create a separate tiddler with the viewtoolbar elements in it, wrap it in a special class, and make that class visible in the top right corner of the tiddler on hovering anywhere in a tiddler. That will involve layers of things I don't know how to do yet. But when I get time to investigate that later this week, I will try that.

I don't think you need to create any separate tiddler, at least if it is sufficient to toggle a stylesheet. You can css target the title and/or the toolbar separately even when they're in the same tiddler/viewtemplate. 

<:-)

[David Gifford]

@Mat, Yes I understand, but as birthe noted (it was indeed an FYI), when the titlebar is hidden in Toggle!, the toolbars won't become visible on hover. So we need something else to toggle. And it is when the titlebar is intentionally hidden that we most need this feature of hovering to view the toolbars.

--
You received this message because you are subscribed to a topic in the Google Groups "TiddlyWiki" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/tiddlywiki/JCPS54RfWeM/unsubscribe.
To unsubscribe from this group and all its topics, send an email to tiddlywiki+...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/66e721fc-f413-4a71-81a1-ef2887216298n%40googlegroups.com.

[strikke...@gmail.com]

As mentioned above, I use Jans sidecontrols plugin. It consists of a ViewTemplate, EditTemplate and a stylesheet tiddler.

But the size and place is the same, no matter title, titlesize, or frame.

Birthe

[Mohammad Rahmani]

On Tue, Mar 2, 2021 at 4:55 PM David Gifford <dgif...@crcna.org> wrote:

@Mohammad - if it can be done to TiddlyWiki, it probably already exists in kookma...

@David, but you make things useful and popular! Stroll is one example! ;-) :-)

--

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/8f14293a-7a46-41ed-8f6b-260d12e8fef5n%40googlegroups.com.

[David Gifford]

Okay, I am so close I can taste it!

https://giffmex.org/experiments/toggleplus.html

Thanks to Birthe, I used the sidecontrols plugin. But I have made some adjustments and will have to rename it and include it in the plugin later.

The hovering toolbars look great, and appear on hovering anywhere on top.

The catch: the more menu appears under the other tiddlers! Click the top tiddler's more menu to see what I mean.

The class appears to be .tc-drop-down. Anybody have any ideas on how to fix that?

[dieg...@gmail.com]

Birthe - Ive started a new thread on this tip to not derail David's thread.

[Joshua Fontany]

The catch: the more menu appears under the other tiddlers! Click the top tiddler's more menu to see what I mean.

The class appears to be .tc-drop-down. Anybody have any ideas on how to fix that?

https://www.w3schools.com/cssref/pr_pos_z-index.asp

Note: z-index only works on positioned elements (position: absolute, position: relative, position: fixed, or position: sticky).

Best,
Joshua F

[David Gifford]

Hi Joshua

I couldn't interpret your comments, and since I don't know all the ins and outs of TiddlyWiki CSS, I am flying half-blind. But I even tried .tc-drop-down {position:absolute;z-index:+10;} and it did not fix the problem!

--
You received this message because you are subscribed to a topic in the Google Groups "TiddlyWiki" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/tiddlywiki/JCPS54RfWeM/unsubscribe.
To unsubscribe from this group and all its topics, send an email to tiddlywiki+...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/e8274943-2a7e-4f2a-86f5-c49d64caef33n%40googlegroups.com.

[Joshua Fontany]

Hi David. I'll expand on this in the other thread.

Best,
Joshua F

[David Gifford]

Hi everyone

I think I have prett much fixed Toggle. https://giffmex.org/gifts/Toggle/toggle.html

1. Gaps are now displayed as default, thin, hidden as three checkboxes. It kind of sticks at first, but then starts working normally.

2. Dropdown more or options menu in View template displays correctly, thanks to help from Joshua Fontany.

3. View and edit buttons hide until hovering the top part of the tiddler and are separate from the title. They are now slightly enlarged from before, and now appear in their default order. Thanks to Birthe for recommending the sidecontrols plugin.

4. Repackaged the plugin.

On Sunday, February 28, 2021 at 11:23:48 PM UTC-6 David Gifford wrote:

[Jeronimo Minino]

Wow, great! Very useful! Thank you so much!