What I’m trying to do
I am trying to use the amazing meta bind INPUT fields in a container in such way that I can decorate it with css and also align it with other elements (ex: multi column). These meta bind inputs ought to be usable in both reading and preview mode. As such one likely needs a parent container and then child containers that have the meta bind inputs
Things I have tried
I’v tried it all and spent days and scourged the forums and the net in general and reached an impass.
- native tables: can’t span rows
- obsidian tables plugin: won’t render input fields
- callouts are best bet, but they don’t work in live preview; I mean they do but the minute you click on them to enter values, obsidian puts you int source mode for the callout
- multi-column css - same problem; it is callout based
- obsidian columns plugin - held most promise. I used the code blocks. It seemed to work…but only in live preview; in reading mode they unload.
- html elements with meta bind in them - obsidian won’t render them
Some users reported they achieved it, but I have not seen any code. It seems one has to use dataviewjs to render custom divs or table and then the meta bind in them. I have tried that too, but there must be a specific way to do it, because using something like dv.paragraph or dv.span does not cut it.
Any pointers would be greatly appreciated.