Tab block Plugin suggestions

Help
1

What I’m trying to do

So I’ve started using Obsidian for my ttrpg character sheets recently and have been getting into the weeds of setting up my ui how I would like. The thing I’m currently having trouble with is that I want to have a tabbed section in my note with a tab for ‘Projects’ for things like enchanting my weapons or feat training that tracks progress events needed and progress events completed (ex. Enchant Handgun: 4/25 (16%)), preferably with buttons so I can update it without going into source mode.
As such, I was hoping to get suggestions for possible plugins or strategies to help facilitate this as I’ve hit the point where I’m going in circles on my own. (Also, apologies if this is in the wrong category. This is my first post and I felt like either this or Meta were the least disruptive options.)

Things I have tried

So far I have found two plugins that allow for the creation of tab blocks within a note - Markdown Tabs and Tab Panels - but neither really fit my use case all that well. I need something that can both parse (at the very least) Metabind code and preferably DnD-UI-Kit (which I’m using for most things), as well as support for nested tab blocks. Markdown tabs can’t parse Metabind or UI kit, and while Tab Panels can parse any code block, the tab contents aren’t interactable so I’d need to go into source mode to change anything.
I have considered Dataview, but I’d prefer to keep the data pulling from just the sheet note and its properties unless I absolutely can’t, and for the functionality I want I would still run into issues with the metabind buttons. (Also Dataview kind of scare me lol).

2

Not clear to me what is the issue?
It’s not about a tab character (4 spaces)?
It’s about:

?
To allow a dashboard like layout and some plugins do not funcion in this layout?

3

Sorry, let me attempt to be clearer.

I am trying to create sections of my note that has tab-like functionality (so yes, a dashboard layout like Markdown Tabs (that’s its name on the community store) gives. Not related to the tab character.)

The problem I am running into is that I have a section of my sheet that I both want to be able to both interact with in live preview (via the Metabind plugin and/or the DnD-UI-Kit plugin that I’m using for most of the sheet) and have relegated to a tab in one of these sections. I am aware plugins exist to create these kinds of tabbed sections (what I called a tab block in the original post), such as Markdown/Obsidian Tabs and Tab Panels. My issue is I’ve had trouble getting these plugins to work with my use case.

Markdown/Obsidian Tabs enables interaction within the tab block it creates, but it is only able to parse codeblocks from specific plugins/languages.

For example, this is what a Markdown Tab with an embedded codeblock should look like:

~~~tabs
tab: example

```python
print("Hello, World");
```
~~~

And that renders correctly as a python code block. However, I am using Metabind should be coded like this:

~~~tabs
tab: proficiencies
Proficiency Bonus: `VIEW[{proficiency_bonus}]'
~~~

Would output as a tabbed sections with a single tab that contains VIEW[{proficiency_bonus] exactly (as preformatted text) instead of a viewfield containing the value of proficiency_bonus. This is because Markdown Tabs doesn’t know how to read Metabind codeblocks (I believe.)

The other option I found (Tab Panels) does not have these issues, as it just captures and renders the markdown within its fences, but as part of that you cannot change or interact with the contents from a preview (so if I wanted to update a value like adding gold I’d need to go into source mode to change it). That kind of defeats the purpose for me.

Basically all of my browsing and searching for alternatives kept circling me back to these two as my options, and after a while a coworker suggested I ask on the forums if people could point me towards something (a different plugin or a code trick/methodology) that would better suit my use case.

Apologies again if this long-winded or a rookie question. While I’ve been using Obsidian about a year, I’ve only recently started getting into the grit of customizing my workflows.

4

I am familiar with the problem. Well, it was a year or year and a half ago I encountered it with a demo vault I downloaded. Looking at the unusued dashboard/hub now, the MB buttons are elevated out of the tabs blocks. I remember problems with it before with Obsidian Columns plugin.

Here is a bug report as well.

How’s Reading Mode doing? You could force reading mode once you are done with the building.
(I even saw the Tasks plugin showing a notice about not being able to mark a task done through Live Preview; you see LP is tricky for others even today.)

BTW, the Columns plugin I replaced with this CSS at the time but it’s not as nice as the tabs blocks plugins.

Off the top of my head this is what I’d try until somebody can say anything better:

  1. Using Reading Mode if it works there
  2. Using CSS
  3. Looking for an alternative tabs block plugin (which you have probably had done already)
5

For anyone else looking at this, I found another solution in Tabsdown . It’s very new (like 3 weeks old at time of writing), but its doing everything I was looking for. It can read every codeblock I’ve tried to put in it, and is incteractable so if you put a metabind button or other feature in a tab you can push it.