Is there a simple way to make a ViewTemplate’s floating content float to the right of the tiddler’s main content? The following demo shows what I’m looing for: Floating ViewTemplate Tiddler 1 - hardcoded shows the output I would like, using the stylesheet in styles. The information in the box is …

Try this: First, create a custom cascade tiddler (e.g., “MyTagTemplate/ViewTemplateBodyFilter”) Set the text content to: [tag[MyTag]then[MyTagTemplate]] This defines the mapping between your tag value and your custom template Tag it with $:/tags/ViewTemplateBodyFilter This adds the definition t…

[image] How to create a viewtemplate to float the TheBrain (echarts) to the right of tiddler text field using Shiraz/flexgrid/autolayout-with-image This issue also got fixed based on this reply from @EricShulman in another thread. Thank you @EricShulman Here …

It’s almost exactly what Mohammad made recently look there : [image] Use RGB with Alpha Channel in TiddlyWiki: A Notebox Example Tips & Tricks Ref: rgb() - CSS: Cascading Style Sheets | MDN The rgb() functional notation expresses a color according to its red,…

[image] EricShulman: Try this: These instructions make perfect sense to me. I learned a lot from reading them. I think I finally had a breakthrough in understanding the cascade mechanism. This is great… …except that they don’t seem to work for me. :frowning: I feel as though I did every…

[image] arunnbabu81: How to create a viewtemplate to float the TheBrain (echarts) to the right of tiddler text field using Shiraz/flexgrid/autolayout-with-image - #50 by arunnbabu81 Not exactly what you are looking for. But this looks similar. It works best with Krystal horizontal layout I s…

In your custom cascade, it says: [tag[MyTag]then[MyTagTemplate]] but, your template tiddler is called “My Tag Template” (with spaces). Either add the spaces in the cascade definition, or remove the spaces in the title of your template tiddler. -e

[image] Thomas_Chuffart: It’s almost exactly what Mohammad made recently look there : I looked at that thread when it came out. But it didn’t seem to offer me anything I didn’t know, since I have comfortably used alpha channels for years. I’ve looked over it again, and I don’t see the conne…

[image] Scott_Sauyet: [image] EricShulman: I put the CSS definitions “inline” so that a separate stylesheet tiddler is not needed. This is a difficult thing for me to want to do. It feels as though it must be inefficient. But I usually define a general-purpose stylesheet for my wikis, a…

I had trouble choosing the relevant tiddler to export in one json file… so I put the exemple at this address : https://post-itnote.tiddlyhost.com Have fun !

[image] EricShulman: You can definitely put the CSS in a separate “general-purpose stylesheet” (and remove it from the “My Tag Template” tiddler). Thanks. Good to know. [image] EricShulman: Note one minor CSS issue: your rule for h3, h4, h5 will apply to ALL h3, h4, and h5 header elemen…

[image] Thomas_Chuffart: I put the exemple at this address : https://post-itnote.tiddlyhost.com Perfect. That works great. So now I have to figure out what I did differently. Somehow I’m going to have to see what debugging capabilities there are with TW. This definitely looks like the s…

How to float the output of a ViewTemplate next to other body content?

arunnbabu81 February 3, 2023, 7:33am 3

Not exactly what you are looking for. But this looks similar. It works best with Krystal horizontal layout