[TW5] Top Toolbar Plugin Question

[reakt...@gmail.com]

Hiyas everyone!

I'm still in the process of trying to convert from a customized MPTW themed TWC to TW5 and currently, I'm playing around with the Top Menu Toolbar from TonGerner - http://tw5toolbar.tiddlyspot.com/. Is there a way to toggle the toolbar on/off just like the way the backstage used to work on TWC?

[infurnoape]

You might have a look at 

http://toplefttoolbar.tiddlyspot.com

Happy Connecting. Sent from my Sprint Samsung Galaxy S® 5

--
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 post to this group, send email to tiddl...@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/a4e0d353-9a9a-4071-8597-df27672865b2%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[reakt...@gmail.com]

toplefttoolbar seems to work in similar fashion to top menu toolbar. The functionality I was hoping to either find or try to implement is something along the same lines of the backstage button in TW classic.

When clicked, it displays it's toolbar, then if clicked again, it collapses the toolbar.

[Ton Gerner]

Hi reakt...@gmail.com,

The top toolbar was developed with the idea of having all the functionality of the sidebar while the sidebar is hidden (there is even a button that can open the total sidebar as a separate tiddler). Therefore I choose to always show the toolbar which sounded logical to me.

When you want to try to toggle the present top toolbar on/off you have to keep the following in mind:

1) The button to toggle the toolbar has to be visible (it can't be part of the top toolbar!); may be in the Top Right Bar, next to the toggle sidebar button.

2) That button needs to toggle the Toolbar plugin on/off or it needs to toggle the tag $:/tags/TopLeftBar from all buttons simultaneously on/off; the easiest way would be to tag all buttons with a special tag, so the the buttons can be 'found' to reapply the tag $:/tags/TopLeftBar.

3) That button needs to toggle the toolbar CSS - like background color - on/off as well.

Cheers,

Ton

[Ton Gerner]

Hi reakt...@gmail.com

> Is there a way to toggle the toolbar on/off just like the way the backstage used to work on TWC?

With help of Birthe C I managed to create a button to enable/disable my toolbar plugin.
Have a look at https://groups.google.com/d/msg/tiddlywiki/6vsmhfbj9Pc/pe2S7o_DCwAJ

Cheers,

Ton

[Diego Mesa]

Hi Ton,

I just went ahead and installed your toolbar on top and layout adjustment plugins and I see the following (attached)

What could be the problem?

Thanks!

[Ton Gerner]

Hi Diego,

It looks like the sidebar is on top of your tiddlers. Windows width below Sidebar breakpoint (default 960px)?

You can hide the sidebar since all sidebar functionality is available with toolbar buttons (there is even a button that can open the total sidebar as a separate tiddler).

Cheers,

Ton

[Diego Mesa]

Hey Ton,

Im not sure how that is possible. Attached is a screen shot showing my sizes. I really want to use the topbar, but am unsure how to fix that part. 

[Diego Mesa]

Hey Ton,

I went ahead and copied all the settings from http://tw5toolbar.tiddlyspot.com/ and now I get the desired behavior so that problem is fixed. Thanks! 

A side thing I now noticed, is that on the latest chrome in incognito when I go to http://tw5toolbar.tiddlyspot.com/ and go to Control Panel --> Appearance --> Plugin Tweaks --> Toolbar

Whatever values I put in for: "Color 'Toolbar' buttons" and "Hover color 'Toolbar' buttons", for example, #78e50b, the color of the buttons or their hover color do not actually change, even after saving/reloading. Again, this is on your tiddlyspot site. 

What do you think the problem could be?

Thanks again for this tool! 

[Ton Gerner]

Hi Diego,

I went ahead and copied all the settings from http://tw5toolbar.tiddlyspot.com/ and now I get the desired behavior so that problem is fixed. Thanks! 

Nice it works now, but I do not understand what was wrong.
 

A side thing I now noticed, is that on the latest chrome in incognito when I go to http://tw5toolbar.tiddlyspot.com/ and go to Control Panel --> Appearance --> Plugin Tweaks --> Toolbar

Whatever values I put in for: "Color 'Toolbar' buttons" and "Hover color 'Toolbar' buttons", for example, #78e50b, the color of the buttons or their hover color do not actually change,

I just checked with Linux Mint 17.3 and Chrome Version 62.0.3202.94 (Official Build) (64-bit) it works: if e.g. I change 'Active button color' from orange to red the buttons become red instantly (no saving required!).
 

even after saving/reloading. Again, this is on your tiddlyspot site. 

How can you save/reload at my Tiddlyspot site?
 

What do you think the problem could be?

No idea.

Thanks again for this tool! 

You're welcome.

Cheers,

Ton

[Diego Mesa]

The problem for me was setting the topbar background color - it was empty at first (transparent) so the content continues scrolling up unto the bar. Now, I the color of the background topbar to #f4f4f4, which is the default gray and I get the desired behavior. 

I'm on Chrome 62.0.3202.94 on OSX 10.13.1 and I used incognito to make sure that none of my extensions were interfering. 

I made the changes to the colors, saved, and opened that saved file instead of the tiddlysplot url. It didnt work there either 

I just tested it on browserling.com using Windows 7 and chrome 62 and it doesnt work there either. 

By the way, now when I open a tiddler from within another tiddler it opens above as usual, but the title is almost getting cutoff - Im guessing the auto-scrolling isnt taking into to account the size of the topbar.

[Ton Gerner]

Hi Diego,

I'm on Chrome 62.0.3202.94 on OSX 10.13.1 and I used incognito to make sure that none of my extensions were interfering. 

As I wrote: for me it works, incognito or not.

I made the changes to the colors, saved, and opened that saved file instead of the tiddlysplot url. It didnt work there either 

I just tested it on browserling.com using Windows 7 and chrome 62 and it doesnt work there either. 

Just for the record:
I just did test at browserling.com using Windows 7 and chrome 61 (I could not get a newer version) and everything works fine for me.
No idea what's going on.

By the way, now when I open a tiddler from within another tiddler it opens above as usual, but the title is almost getting cutoff - Im guessing the auto-scrolling isnt taking into to account the size of the topbar.

That autoscrolling is a story on its own.
Adjust the Story top position (Plugin tweaks > Theme tweaks which contains only the relevant layout settings of Theme Tweaks) to something like 20px (the value I use at http://tw5toolbar.tiddlyspot.com/)

Cheers,

Ton

[Birthe C]

Hi Diego,
I just tried browserling.com using Windows 7 but could not get to higher than Chrome 61. It worked for me, changing the colour of the topbar immediately.
My own computer is running linux Mint 17.3 and I have tested with the latest Firefox and Chromium 32 bit. It works.

Birthe

[Diego Mesa]

Hey Birthe,

I am also able to change the background color of the topbar, but not the color of the buttons or their hover-over buttons. 

Ton,

Just to be clear can you also replicate the behavior of it not working or is this just a me issue? Also, I have the same settings as you do on tiddlyspot. The scrolling is a bit annoying, but not end all. Thanks for the help.

[Ton Gerner]

Hi Diego,

Ton,

Just to be clear can you also replicate the behavior of it not working or is this just a me issue? Also, I have the same settings as you do on tiddlyspot. The scrolling is a bit annoying, but not end all. Thanks for the help.

No, I cannot replicate your issue.
One thing comes to my mind: Is it possible a stylesheet in your TW overrides my button colors?
At http://tongerner.tiddlyspot.com/ you can find $:/_filter/stylesheets  (tab Code tiddlers), a filter that lists the order of the stylesheets.
May be that helps,

Cheers,

Ton

[Birthe C]

Sorry Diego,

I tried once more, maybe we are closing in on the matter now. I could change the colour of the active buttons, not on the other buttons or hover-over buttons, that is not without changing the palette. http://tw5toolbar.tiddlyspot.com uses Tons bluish palette. Changing palette I could change all the button colours.

Birthe

[Diego Mesa]

Hey Ton,

I thought that might be the cause, which is why I tried it on browserling on your tiddlysplot site. Could you try there and let me know what you find? 

Also, as Birthe reported below, he could also not change the colors using those fields. Instead, you have to change the palette. 

Best,

Diego

[Birthe C]

Hey Diego,

Look at http://tw5toolbar.tiddlyspot.com/#%24%3A%2Fplugins%2Ftongerner%2Flayout_adjustment then,

Other layout settings

Color for displaying the 'active' state of some toggle buttons.

We could do that. I think we tried to change more colours due to the fields to do so, but $:/plugins/tongerner/layout_adjustment is common for more plugins.

I think it works for what it is supposed to, really.

Birthe

[Diego Mesa]

Hey Birthe,

That did indeed work for me as well. I just wanted to let Ton know that I was not able to use the two text fields he has in his plugin to change the button color and hover color. 

[Ton Gerner]

Hi Birthe & Diego,

@Birthe
Smart of you to pin it down to my Bluish palette. Thanks.

@Diego
Thanks for reporting.
As far as I can see, the colors do work for the Vanilla theme and several palettes but not my Bluish palette.

I started in the alpha phase of TW5 with a Bluish theme (at that moment there were no palettes yet).
Some time ago I thought I ought to split my Bluish theme in a 'Emphasized titles' theme and a Bluish palette.
There are some hardcoded colors in my Bluish palette that interfere.
Work to do.

Cheers,

Ton

[Diego Mesa]

Just wanted to note here about the scrolling issue I asked above, Tobias addressed it in his top bar:

https://tobibeer.github.io/tb5/#TopBar%20With%20Icon%20Links

with a "hack"

https://tobibeer.github.io/tb5/#%24%3A%2Fhack-142-scroll-pagescroller.js