Presenting: Tablinks - to access the tid showing in the tab

[Mat]

No biggie but solving a repeated annoyance for me

TabLinks

<:-)

------

Note: This plugin has been updated many times so the older comments below may not be relevant anymore.

[PMario]

Hi Mat,

Interesting! .. Why didn't you add it to the tab itself, which would allow to open a tab tiddler with one click, without selecting the tab first?

-m

[PMario]

On Monday, August 8, 2016 at 2:00:12 PM UTC+2, PMario wrote:

Interesting! .. Why didn't you add it to the tab itself, which would allow to open a tab tiddler with one click, without selecting the tab first?

Just had a look at the tabs macro code and saw, the implementation actually makes it very hard to do, what I'd prefer. :/
-m

[Ton Gerner]

Hi Mat & Mario,

Have a look at https://gist.github.com/Jermolene/8377452

Cheers,

Ton

[PMario]

On Monday, August 8, 2016 at 2:42:01 PM UTC+2, Ton Gerner wrote:

Have a look at https://gist.github.com/Jermolene/8377452

Hi Ton,
The gist seems to break the system tabs if used with tiddlywiki.com.

I was thinking about something like show in the image below.
It's much more intrusive as Mat's version. So would need an On/Off switch.

[Mat]

Mario and Ton - thanks for input.

Marios question made me revise it. It is better with the link in the tab. Updated Tablinks. (not note what I'm saying to Ton below)

Ton - thanks for link. Annoyingly, after having now remade it, I note that I hit the same problem that @Jermolene appearently did; it doesn't work in Firefox! Looking into the matter.

<:-)

On Monday, August 8, 2016 at 2:42:01 PM UTC+2, Ton Gerner wrote:

[PMario]

On Monday, August 8, 2016 at 3:07:56 PM UTC+2, PMario wrote:

I was thinking about something like show in the image below.
It's much more intrusive as Mat's version. So would need an On/Off switch.

It seems to be extremely useful, if you need to debug a tabbed UI.

-m

[Mat]

@Mario

I was thinking about something like show in the image below.
It's much more intrusive as Mat's version. So would need an On/Off switch.

In my update (...which ATM doesn't work in FF) I'm doing something like that, but a bit more subtle.

<:-)

[Mat]

Ok, I solved it so it also works in FF (albeit a bit css hackishly) but something urgent came up so must post later.

<:-)

[PMario]

On Monday, August 8, 2016 at 3:15:12 PM UTC+2, Mat wrote: 

In my update (...which ATM doesn't work in FF) I'm doing something like that, but a bit more subtle.

Mine didn't either at the beginning :) .. The link needs to be outside the button, because it eats the click event. Moving the link needs some CSS. ...
 

BTW, apropos On/Off, the premise clearly deals with a recognized concern so IMO it should be a standard setting. (yeah... me yelling "core! core!" again)

No .. definitely plugin-territory. We already may have 2 different versions. .. Yours seems to be much more subtle, than mine, which atm is aggressive (kind of). But for me it will be very useful, because it's one click and very fast.

I think both versions make sense.

-m

[Mat]

Ok, updated  to work in FF also. A bit css hacky tho with pushing and pulling to left and right.

pmario wrote:

No .. definitely plugin-territory.

You're right and I deleted my yelling about core just a minute after, when I realized what should be obvious; that it is more of a debugging thing than a main feature. (When will I learn!?)

<:-)

[PMario]

On Monday, August 8, 2016 at 7:56:07 PM UTC+2, Mat wrote:

Ok, updated  to work in FF also. A bit css hacky tho with pushing and pulling to left and right.

There is a problem with "Vertical Tabs" see: More tab in the right sidebar.
 

No .. definitely plugin-territory.

You're right and I deleted my yelling about core just a minute after, when I realized what should be obvious; that it is more of a debugging thing than a main feature. (When will I learn!?)

Yea, I thought some times, stuff like this should be in "temporary plugins". So we can drag them from the bookmarks area, use them, but don't save them. (That's an interesting idea. I have to explore it further. May be later today. :)

-m

[Pit.W.]

+1

Yes, please. This is very helpful.

Am 2016-08-08 um 13:28 schrieb Mat:

No biggie but solving a repeated annoyance for me

Tablinks

<:-)

--
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/4e6b32c5-558f-49f1-9776-d7cafc357712%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Mat]

Pit.W. wrote:

+1

Yes, please. This is very helpful.

Not sure exactly which message you're replying to, but anyway;

updated.

It's decent now but I'm not 100% happy with it; I would want the verticall tabs to keep a fixed width and have the link hover outside to the left of it. I also realized I would prefer the horizontal tabs to have the links to the left of the tab title (but still in the tab). Fail to achieve this though.

<:-)

[PMario]

On Tuesday, August 9, 2016 at 10:06:55 PM UTC+2, Mat wrote:

It's decent now but I'm not 100% happy with it; I would want the verticall tabs to keep a fixed width and have the link hover outside to the left of it. I also realized I would prefer the horizontal tabs to have the links to the left of the tab title (but still in the tab). Fail to achieve this though.

.tc-vertical {
  min-width: 7em;
}

or so. ...

-m

[PMario]

On Tuesday, August 9, 2016 at 11:08:26 PM UTC+2, PMario wrote:

.tc-vertical {
  min-width: 7em;
}

problem here is, that different languages may have different values. ...

-m

[Mat]

A problem is also that I want the vertical tabs to be as narrow as possible so to not eat up sidebar estate. 

Anyway, I'm sufficiently happy with it for now. Anyone feel free to improve it ;-)

<:-)

[Josiah]

Ciao Mat

I been looking at it & now using it. It is ELEGANT & unobtrusive. Direct access via one click to underlying tiddlers is a brilliant idea for tabbed transclusions. Previously I was using a manual link.

Thanks
Josiah

[Hans Maulwurf]

could someone explain me, where i have to click? i dont see any changes to "normal" tabs? using Chromium on Linux :/

[Mat]

Josiah, thanks for positive words.

Hans, there's hopefully a small icon next to the name of the very tab, i.e not in the content.

<:-)

[Mat]

Updated.

<:-)

[David Szego]

I just found this, and loved it so much I hacked it and made a proper plugin...

Add the field:

linktotiddler: true

to any Sidebar Tiddler, and it will come up as:

TiddlerTab 🔗

much like your version. I cleaned up the css a bit as well. Of course, I gave you proper attribution! Thanks for coming up with this!

Cheers,
David.

[Mat]

@Davi - great! And always flattering when people pick up on my ideas.

I'm not 100% happy with my own solution so I'll try out yours, so thanks!

<:-)

[Lost Admin]

On Monday, August 8, 2016 at 7:28:14 AM UTC-4, Mat wrote:

No biggie but solving a repeated annoyance for me

Tablinks

<:-)

Silly me. All this time I've been sticking a button at the bottom of the tiddlers that make up the tab list.  

[Josiah]

Ciao Mat & David

I used Mat's version a lot but got irritated it turned up on every tab. I only really wanted it for access to items I needed to constantly edit. David's moves in the direction to limit it to where you need it. I think that makes it more useful. (NOT dissing Mat in any way: it would not exist without him. x)

Suggestion: Could it be configured to switch to edit-mode and not just show the linked item if that were why you were using it?

Best wishes

Josiah

[Mat]

Updated! - totally refactored, new interface, definitely better constructed and now packaged into a plugin!

I guess the competition from David Szego inspired me ;-) ...but what really made me pick it up was Josiahs valuable suggestion above:

 

Suggestion: Could it be configured to switch to edit-mode and not just show the linked item if that were why you were using it?

Very good idea!

So, delete the old version and try out the new one. It is IMO a big improvement.

<:-)

[David Szego]

Hey Mat, thanks for the compliment! No "competition"... we inspire each other. That's cooperation.

I can't get yours to work on Firefox for Mac. Hovering shows the eye and the pencil, but trying to move the mouse onto it makes it disappear, so you always "miss" it.

Editing the CSS to force visible, just to try it, screws up what the clicks are supposed to do.

Cheers,
David.

[Mat]

Semi-update: TabLinks for Firefox --- this is just a temporary thing. I hope to integrate the two.

There's a browser issue forcing this (see here below). "Luckily", TabLinks is probably a "dev" feature, i.e not for public TWs, and I'm guessing that users typically sticks to one browser brand for their TWs, so I'll let this be as it is until 5.1.14 which will feature browser sniffing so the plugin can show the appropriate one.


@David

Thanks for report, you're right. Come to think of it, this is probably the issue that occurred with the very first version of TabLinks too.

The problem can be reduced to this:

<$button>
aaa [[bbb]] ccc
</$button>

In e.g Chrome this shows a clickable link for bbb.
In FF it looks like a link... but it ain't workin. So a browser issue rather than a TW issue.

Hey Mat, thanks for the compliment! No "competition"... we inspire each other. That's cooperation.

Yes, you're of course absolutely right. It was intended in a joking way. Everyone wins the more we share and the better TW is.


<:-)

[Mat]

Aha! Turns out browsersniffing was implemented in 5.0.14 not coming 5.1.14 so it's already there. But it is a separate plugin which makes me reluctant. Will need to ponder a bit as well as dig in to how you and Mario solved this.

<:-)

[Mat]

G'dam - one emabrrassment after the other;

For the FF version, please make sure to drag'n drop the individual components listed. They're not packaged into a plugin (i.e the plugin you can find in the plugin library there is the Chrome one). Will correct it later but no time now.

<:-)

[Mat]

For the geeks among us, I made this little experriment; ButtonLinks

Tabs in TW are actually buttons, so the problem is fundametally to have a working link in a button and ButtonLinks is a hack that does this. I have not yet tried to apply it to TabLinks nor am I sure I will. But a reason for experimenting, and sharing it here, is beause I discovered some interesting techniques with it, particularly the use of css flex! I have a feeling this can have profound use in TW contexts.

<:-)

[@TiddlyTweeter]

Ciao Mat

I used your previous version in 5.11 (the one that used the "link symbol" that emerges laterally on tabs on hover). In that version in 5.13 the link now falls outside the tab and is persistent (for me).

This latest version is excellent for allowing direct access to EDIT mode. It REALLY eases life when you are actively working on developing a TW. Most of the time I only ever want to go into a tab to edit its contents.

I haven't yet got the Firefox version working.

One comment: I can't see how I can STYLE how it looks. For my use I'd like to make the background transparent for the pop-up. I think it would look more elegant like that ... Is there some place I overlooked to fiddle with the styling?

Many thanks for a useful tool!

Best wishes
Josiah

[Mat]

Josiah,

Good to hear you're finding TabLinks useful.

I haven't yet got the Firefox version working.

When using the http://tablinks-ff.tiddlyspot.com version, note that you must first hover over the tab and then move the mouse cursor to just above the tab in order for the TabLinks to appear. I'd agree with anyone thinking this is a bit weird... but that is all I get working in FF :-/
 

One comment: I can't see how I can STYLE how it looks. For my use I'd like to make the background transparent for the pop-up. I think it would look more elegant like that ... Is there some place I overlooked to fiddle with the styling?

Should be simple. The $:/plugins/TWaddle/TabLinks/Stylesheet contains this:

.tc-tab-selected .tablink {
  ...
  background:white;
  ...
}

so just change this to say transparent instead of white.


<:-)