Tobias' Appear Widget and Headings

[Diego Mesa]

Hello all,

I have been using Tobias' appear widget

https://tobibeer.github.io/tw5-plugins/#appear

to collapse longer sections of a tidder. The problem is I find it more visually appealing to have the appear widget appear next to the section title as:

!! Tagged with Test Topic <$appear show="&raquo;" hide="&laquo;">

<<list-links "[tag[Test Topic]]">>

</$appear>

The problem is that this wraps everything in the appear content in an <h2> element. If I put the appear on the next line, this solves that problem, but visually, it just creates a small ">>" under the heading which doesnt look good (imo). 

Is there anyway to solve this?

Thanks!

DIego

[coda coder]

I haven't tested this or used the widget...  have you tried...

<h2>heading text</h2> <$appear ...

[Diego Mesa]

Sorry for not being clear! This still "kicks" the appear off the line resulting in the unwanted visual appearance. 

[BJ]

maybe

@@font-size:18px;Tagged with Test Topic@@<$appear show="&raquo;" hide="&laquo;">
<<list-links "[tag[appear]]">>
</$appear>

[Diego Mesa]

Thanks BJ - That does indeed make the text larger, but does not actually match the full "style" of the h2 tag. I dont know much about CSS, but Ill start looking into it.

[BJ]

try

<h2 style="display:inline">Tagged with Test Topic</h2><$appear show="&raquo;" hide="&laquo;">
<<list-links "[tag[appear]]">>
</$appear>

[Diego Mesa]

thanks again BJ! That does it! 

[TonyM]

Diego,

Thy this quirky tip, it works for me. I am not certain that semi-colon and Colon are native wikimarkdown, but it works on tiddlywiki.com

Use Semi-colon Title <$appear....

Eg;

;My Title <$appear...

you can also move any css to a stylesheet

eg;

.myh (font-size:18px;

)

Then use

;.myh My Title <$appear...

(notice semi-colon Period CSSname Space} this CSSname is myh

This is so useful let me know if it does not work

I have styles for .q and .a (question and Answer) which I use as follows

;.q What is the Question?

:.a Well the answer once provided is indented below the question and in a different colour

(notice colon Period CSSname Space) this CSSname is a or q

Further I have a search in the tiddler footer which lists questions and answers found in each tiddler at the bottom.

Regards

Tony

Regards

Tony

[Diego Mesa]

Hey Tony,

Hm, I cant seem to get that working on tiddlywiki.com

On Wednesday, November 8, 2017 at 4:20:25 PM UTC-6, TonyM wrote:

Diego,

Thy this quirky tip, it works for me. I am not certain that semi-colon and Colon are native wikimarkdown, but it works on tiddlywiki.com

Use Semi-colon Title <$appear....

Eg;

;My Title <$appear...

you can also move any css to a stylesheet

eg;

.myh (font-size:18px;Tagged with Test Topic

[coda coder]

On Wednesday, November 8, 2017 at 4:28:57 PM UTC-6, Diego Mesa wrote:

Hey Tony,

Hm, I cant seem to get that working on tiddlywiki.com

Typo:

.myh {font-size:18px; }

[TonyM]

Diego

As Coda said. The CSS had a typo () not {}, but the simple ; and : will work, however the Appear plugin is not there.

I also accidentally left the title in the CSS

.myh (font-size:18px;Tagged with Test Topic

when it should be

.myh { font-size:18px; }

I prefer

.myh { 

  font-size:18px; 

}

In which I pile more CSS

Regards

Tony

You may nee d to test it in your own wiki then.

Regards

Tony