Transcluded text doesn't wrap within a list tiddler?

44 views
Skip to first unread message

Linda B

unread,
Feb 22, 2021, 3:39:46 PM2/22/21
to TiddlyWiki
Hello,

I'm trying to make a summary tiddler that shows a list of dose changes for a particular medication. So far the code I have does exactly what I want, EXCEPT that the {{!!text}} fields that I'm including don't wrap inside the list the way they do in their source tiddlers. 

I tried using Petri M's fix for this as mentioned here: Word wrapping in tables? (google.com) but it doesn't quite suit my needs. That code creates a slider under the text so you can at least read it all, but I'd like it to be more "human readable".

Here is my code:

<$list filter="[tag[Meds Change]tag[Tresiba]sort[title]]" >
<div class="tc-menu-list-item">
<$link to={{!!title}}>

<$view field="changedate"/>
</$link> 

Changed from 
{{!!olddose}} to {{!!newdose}}. 
{{!!text}}

<br/>
</div>
</$list>

This gives me all the information that I want displayed, but the text runs right off the edge of the tiddler over the table of contents.

Does anybody see what I'm missing here? All hints gratefully accepted!

Thank you,

-Linda Bayley

Mat

unread,
Feb 22, 2021, 5:24:31 PM2/22/21
to TiddlyWiki
First, considering the specific class you apply, I'm not sure you should use that div. See if things look good without it. I believe the div is what messes up the layout.

Or maybe you don't need to have the {{!!text}} enclosed inside the div, i.e move only the {{!!text}} to below the div.

Assuming you do want that div, you can see if there's a difference if you exchange {{!!text}} to instead be  <$transclude mode=.../>  where the dots should be either "inline" or "block" (try both).

I'm not sure any of this will solve your problem but it's worth testing it.

<:-)

Linda Bayley

unread,
Feb 22, 2021, 5:39:08 PM2/22/21
to tiddl...@googlegroups.com
Mat! I award you Hero of the Day status for your reply. :)

I moved all of the following below the </div> line:

Changed from 
{{!!olddose}} to {{!!newdose}}. 
{{!!text}}

And now it works perfectly.

As you can see, my knowledge of divs in general is still lacking... but no amount of Googling would have brought me to this conclusion. I really appreciate your help.

Thank you!

-Linda B.

Sent from my iPad

On Feb 22, 2021, at 5:24 PM, Mat <matia...@gmail.com> wrote:


--
You received this message because you are subscribed to a topic in the Google Groups "TiddlyWiki" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/tiddlywiki/gprbgmRlMsQ/unsubscribe.
To unsubscribe from this group and all its topics, send an email to tiddlywiki+...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/01cb87ca-dac9-454d-acd0-0417d2502e0bn%40googlegroups.com.
Reply all
Reply to author
Forward
0 new messages