# Plugin: Note Tabs

**URL:** <https://discourse.joplinapp.org/t/plugin-note-tabs/12752>\
**Category:** Plugins\
**Created:** [28 November 2020 14:17 UTC](https://discourse.joplinapp.org/t/plugin-note-tabs/12752 "2020-11-28T14:17:13Z")\
**Posts on this page:** 20\
**Page:** 12

<div class="post-metadata">

**Author:** ![whitewall](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/whitewall/32/6018_2.png) [@whitewall](https://discourse.joplinapp.org/u/whitewall)\
**Post date:** [26 November 2021 03:48 UTC](https://discourse.joplinapp.org/t/plugin-note-tabs/12752/223 "2021-11-26T03:48:05Z")

</div>

Is there any chance of getting rounded corners on the top of each tab to visually distinguish them from the favorites? As I understand it, the regular custom css files can't modify plugin components.

---

<div class="post-metadata">

**Author:** ![benji300](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/benji300/32/5645_2.png) [@benji300](https://discourse.joplinapp.org/u/benji300)\
**Post date:** [26 November 2021 10:10 UTC](https://discourse.joplinapp.org/t/plugin-note-tabs/12752/224 "2021-11-26T10:10:16Z")

</div>

Could you please share a screenshot showing how you envision it? I am unsure exactly what you mean.

---

<div class="post-metadata">

**Author:** ![whitewall](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/whitewall/32/6018_2.png) [@whitewall](https://discourse.joplinapp.org/u/whitewall)\
**Post date:** [26 November 2021 10:41 UTC](https://discourse.joplinapp.org/t/plugin-note-tabs/12752/225 "2021-11-26T10:41:41Z")

</div>

![image](https://canada1.discourse-cdn.com/flex028/uploads/cozic/original/2X/f/f665b5c5f2a8231973ba9b29123b37d361561bc2.png)

Or something like that. I have to confess that I hadn't realized that now only the active tab has rounded corners. the bottom inverse rounded corners on the active tab are nice, but that might be way too complicated.

The effect in Joplin would be stronger if there wasn't the menu bar above anything, but it sounds like nothing can be done about that.

Any way, thanks so much for the plugin. Feel free to ignore this request if you don't think it would be beneficial to most users.

---

<div class="post-metadata">

**Author:** ![benji300](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/benji300/32/5645_2.png) [@benji300](https://discourse.joplinapp.org/u/benji300)\
**Post date:** [26 November 2021 12:37 UTC](https://discourse.joplinapp.org/t/plugin-note-tabs/12752/226 "2021-11-26T12:37:28Z")

</div>

What I could add would look like this:

 ![image](https://canada1.discourse-cdn.com/flex028/uploads/cozic/original/2X/f/f1dc237cbf6283288a0b28bee3d6b6196a758057.png)

As you mentioned, the border radius would only be visible for the active or hovered tabs.  
Anyway, I've created a ticket to track this request. I could add this next time I update the plugin, because it would be a simple one.

> <https://github.com/benji300/joplin-note-tabs/issues/58>
>
> Add new advanced user option \`Tab border radius\` to specify a CSS "border-radius…" (e.g. \`10px 10px 0 0\`) for the tabs.
> The panel should look like this:
> 
> !\[image\](https://user-images.githubusercontent.com/54955848/143580937-fee9dc9b-21a7-4b9d-a8d3-4efed0eaf01b.png)
> 
> From here: https://discourse.joplinapp.org/t/plugin-note-tabs/12752/225

---

<div class="post-metadata">

**Author:** ![whitewall](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/whitewall/32/6018_2.png) [@whitewall](https://discourse.joplinapp.org/u/whitewall)\
**Post date:** [26 November 2021 13:08 UTC](https://discourse.joplinapp.org/t/plugin-note-tabs/12752/227 "2021-11-26T13:08:16Z")

</div>

Thanks!

I played around with my colors to try and make it look more like the screenshot I gave, namely having the active tab white so it kind of looked like it was part of the active page:

 ![image](https://canada1.discourse-cdn.com/flex028/uploads/cozic/original/2X/f/f97b4fad00198b9f79f9b723e02a7258b91b48fd.png)

But then when I had more tabs open than would fit in the bar, I got this:

 ![image](https://canada1.discourse-cdn.com/flex028/uploads/cozic/original/2X/0/0dea99ad932388bfe36ad291e2af80a1842294b2.png)

I guess this black line under the tabs is because a scroll bar is created?

For me, as I've mentioned before, my concept of how tabs "should" work is how tabs work in a browser (chrome/FF). In neither of those is a scroll bar created. The only indication in those is the addition of \< \> buttons in the tab bar once they start to overflow.

I just mention this as an FYI that the scroll bar may not be necessary. For me it doesn't indicate where I am in the overflow of the tab bar, but that may be because of my colour settings.

As always, thanks so much for the plugin. I couldn't imagine Joplin without it!

---

<div class="post-metadata">

**Author:** ![benji300](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/benji300/32/5645_2.png) [@benji300](https://discourse.joplinapp.org/u/benji300)\
**Post date:** [26 November 2021 13:56 UTC](https://discourse.joplinapp.org/t/plugin-note-tabs/12752/228 "2021-11-26T13:56:07Z")

</div>

Yes, this is scrollbar which is statically defined with a background color of `rgba(0, 0, 0, 0.2);`. It can only be set via a css file. Not in HTML (I guess). So it would be hard to make the color configurable.

Also I like this way to indicate that some tabs are hidden. That's exactly how the VS Code Editor does it too, which is my template for implementing the plugin.

Maybe you could reduce the `Minimum Tab width` in the advanced user options. That way you can almost completely prevent the scroll bar from displaying.

---

<div class="post-metadata">

**Author:** ![whitewall](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/whitewall/32/6018_2.png) [@whitewall](https://discourse.joplinapp.org/u/whitewall)\
**Post date:** [26 November 2021 14:22 UTC](https://discourse.joplinapp.org/t/plugin-note-tabs/12752/229 "2021-11-26T14:22:59Z")

</div>

> [@benji300](#):
>
> Also I like this way to indicate that some tabs are hidden. That's exactly how the VS Code Editor does it too, which is my template for implementing the plugin.

Interesting. I had never noticed this. For me, in VS Code, the scroll bar indicator only appears when the mouse is hovering over the tab bar.

> [@benji300](#):
>
> Maybe you could reduce the `Minimum Tab width`

I'm on a 14" laptop so I'm bound to over flow.

I can also see now how the X close buttons is similar to VS Code where they are always taking up space, as compared to FF where the X only appears on the active tab, and then it cuts into the title text.

---

<div class="post-metadata">

**Author:** ![Wimvan](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/wimvan/32/12536_2.png) [@Wimvan](https://discourse.joplinapp.org/u/Wimvan)\
**Post date:** [26 November 2021 19:27 UTC](https://discourse.joplinapp.org/t/plugin-note-tabs/12752/230 "2021-11-26T19:27:09Z")

</div>

I really like the tabs, it‘s a great extension!

For me it would be another advantage, if I could use the **tabs like used to do it in browser** apps. In other words: Is it possible to implement a function to open a note in a new tap by jjust a **right-click** on a note?  
I hope it was not asked before, otherwise just ignore this post.

In any case, thanks for your effort!

---

<div class="post-metadata">

**Author:** ![dpoulton](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/dpoulton/32/29723_2.png) [@dpoulton](https://discourse.joplinapp.org/u/dpoulton)\
**Post date:** [27 November 2021 11:30 UTC](https://discourse.joplinapp.org/t/plugin-note-tabs/12752/231 "2021-11-27T11:30:41Z")

</div>

> [@Wimvan](#):
>
> Is it possible to implement a function to open a note in a new tap by jjust a **right-click** on a note?

Right click a note in the list \> "Pin note to tabs"

---

<div class="post-metadata">

**Author:** ![Wimvan](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/wimvan/32/12536_2.png) [@Wimvan](https://discourse.joplinapp.org/u/Wimvan)\
**Post date:** [27 November 2021 12:51 UTC](https://discourse.joplinapp.org/t/plugin-note-tabs/12752/232 "2021-11-27T12:51:42Z")

</div>

Oh, thank you, I did not recognize that! 😳

I like to add, that it's great to have tabs!  
Although using them in Joplin is still not 100% intuitve to me. I have to "pin" or "unpin" tabs with extra clicks while all I'm used to do in every browser I know is open or close a tab. Just my 2cents, even if not the most brilliant ones 😀

BTW: I like to propose to change the wording at the right click menu from: "Pin note to tabs" into "Open in tab" or "Open in new tab".

---

<div class="post-metadata">

**Author:** ![whitewall](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/whitewall/32/6018_2.png) [@whitewall](https://discourse.joplinapp.org/u/whitewall)\
**Post date:** [27 November 2021 13:07 UTC](https://discourse.joplinapp.org/t/plugin-note-tabs/12752/233 "2021-11-27T13:07:54Z")

</div>

I agree that the ux isn't exactly like a browser (although that's what I usually expect as well). I think part of this may come from life before the tab plugin. You would open one note and the previous one would close. So this plugin actually seems to default to that behaviour, hence the pinning.

There is a setting so that every note automatically gets pinned. Play around with these and see if you can get it to work how you expect:

 ![image](https://canada1.discourse-cdn.com/flex028/uploads/cozic/original/2X/0/0189269a1ed8c19f57a18583873c8ef854ac4a30.png)

---

<div class="post-metadata">

**Author:** ![Wimvan](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/wimvan/32/12536_2.png) [@Wimvan](https://discourse.joplinapp.org/u/Wimvan)\
**Post date:** [27 November 2021 13:21 UTC](https://discourse.joplinapp.org/t/plugin-note-tabs/12752/234 "2021-11-27T13:21:28Z")

</div>

I fell like a little idiot, because I didn't even think about looking into the settings for this plugin. Thanks again! I'll now have to play around with it.

---

<div class="post-metadata">

**Author:** ![whitewall](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/whitewall/32/6018_2.png) [@whitewall](https://discourse.joplinapp.org/u/whitewall)\
**Post date:** [27 November 2021 15:49 UTC](https://discourse.joplinapp.org/t/plugin-note-tabs/12752/235 "2021-11-27T15:49:48Z")

</div>

Not all plugins have settings, but this one has lots. You might want to take a look and see if other plugins you are using have settings 😁

---

<div class="post-metadata">

**Author:** ![Wimvan](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/wimvan/32/12536_2.png) [@Wimvan](https://discourse.joplinapp.org/u/Wimvan)\
**Post date:** [27 November 2021 17:24 UTC](https://discourse.joplinapp.org/t/plugin-note-tabs/12752/236 "2021-11-27T17:24:52Z")

</div>

The last plugin I tested was [CodeMirror Line Numbers](https://discourse.joplinapp.org/t/plugin-to-enable-line-numbers/12735). It has no settings I can influence. So I didn't look for settings here as well. Unfortunatly the line numbers plugin does not work properly on my system. But the tabs do!!

---

<div class="post-metadata">

**Author:** ![benji300](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/benji300/32/5645_2.png) [@benji300](https://discourse.joplinapp.org/u/benji300)\
**Post date:** [29 November 2021 21:35 UTC](https://discourse.joplinapp.org/t/plugin-note-tabs/12752/237 "2021-11-29T21:35:17Z")

</div>

> [@whitewall](#):
>
> Interesting. I had never noticed this. For me, in VS Code, the scroll bar indicator only appears when the mouse is hovering over the tab bar.

You're totally right... sorry. I will add this in the next version. Its a simple one.

---

<div class="post-metadata">

**Author:** ![chandler150](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/chandler150/32/12477_2.png) [@chandler150](https://discourse.joplinapp.org/u/chandler150)\
**Post date:** [26 January 2022 09:14 UTC](https://discourse.joplinapp.org/t/plugin-note-tabs/12752/239 "2022-01-26T09:14:31Z")

</div>

So I've modified the settings to pin tabs if edited which is fantastic, however I too am having a bit of a UX issue when closing tabs that are pinned. Not that it's too significant, but it goes against the trend of tabs ala chrome. Is there a way to force edited notes to become temporary tabs so that they can be closed with a single click like chrome, pycharm, vscode, etc.?

Edit:  
In fact, it seems to only be an issue when trying to close the tab before I've edited it.  
After editing, it becomes temporary which is fantastic.

---

<div class="post-metadata">

**Author:** ![makb](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/makb/32/15539_2.png) [@makb](https://discourse.joplinapp.org/u/makb)\
**Post date:** [8 February 2022 14:07 UTC](https://discourse.joplinapp.org/t/plugin-note-tabs/12752/240 "2022-02-08T14:07:18Z")

</div>

hey @benji300 , Thanks for the plugin!, I am just loving it.  
I have a suggestion can you add a shortcut to browse through the tabs like we have it in VS Code as `Ctrl + Tab` not necessarily exact but similar but even without it is great.

---

<div class="post-metadata">

**Author:** ![whitewall](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/whitewall/32/6018_2.png) [@whitewall](https://discourse.joplinapp.org/u/whitewall)\
**Post date:** [8 February 2022 14:32 UTC](https://discourse.joplinapp.org/t/plugin-note-tabs/12752/241 "2022-02-08T14:32:48Z")

</div>

So if you look under `tools > tabs > switch to last active tab` there is a menu item. There should be a way to make a shortcut key to this, but I'm not sure how.

---

<div class="post-metadata">

**Author:** ![makb](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/makb/32/15539_2.png) [@makb](https://discourse.joplinapp.org/u/makb)\
**Post date:** [8 February 2022 15:01 UTC](https://discourse.joplinapp.org/t/plugin-note-tabs/12752/242 "2022-02-08T15:01:44Z")

</div>

Ohh, I didn't see that. I think then it will be simpler to add shortcut for this as this is a menu item. We will just need to add an accelerator for the shortcut then.

---

<div class="post-metadata">

**Author:** ![Estar](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/estar/32/8686_2.png) [@Estar](https://discourse.joplinapp.org/u/Estar)\
**Post date:** [11 February 2022 21:48 UTC](https://discourse.joplinapp.org/t/plugin-note-tabs/12752/243 "2022-02-11T21:48:48Z")

</div>

I came here to suggest the exact same thing : a `Ctrl` + `Tab` shortcut to switch to next tab (like in firefox, adobe, VS code, etc.) would be great.

`Ctrl` + `W` to close current tab would be awesome as well.

In any case : thank you @benji300 for this great pluggin. I can't imagine Joplin without it.

[Previous page](https://discourse.joplinapp.org/t/plugin-note-tabs/12752.md?page=11)

[Next page](https://discourse.joplinapp.org/t/plugin-note-tabs/12752.md?page=13)