Show when tagged in tiddler content

[TonyM]

Folks,

A feature I really want and surprises me it seems is not available.

I have tiddlers tagged "work" and "personal"

I would like to have part of a tiddler rendered if the tiddler is tagged work and another part if it is tagged personal. That is an equivalent to the ShowwhenTagged and HidewhenTagged within a tiddler not in the view templates but in the content.

Thanks in Advance !
TonyM


 

[Eric Shulman]

> I have tiddlers tagged "work" and "personal"
>
> I would like to have part of a tiddler rendered if the tiddler is tagged
> work and another part if it is tagged personal.

Add the following CSS to your StyleSheet:
.work { display:none; }
div[tags~="work"].tiddler .work { display:inline; }
.personal { display:none; }
div[tags~="personal"].tiddler .personal { display:inline; }
Next, in your tiddler content, write something like this:
{{work{this is work content}}}
{{personal{this is personal content}}}
and tag the tiddler with either "work" or "personal" (or neither or
both!). By default, the CSS-wrapped content is hidden, and will only
be displayed if the tiddler is tagged with the corresponding tag
value. QED.

enjoy,
-e
Eric Shulman
TiddlyTools / ELS Design Studios

WAS THIS ANSWER HELPFUL? IF SO, PLEASE MAKE A DONATION
http://www.TiddlyTools.com/#Donations
Professional TiddlyWiki Consulting Services...
Analysis, Design, and Custom Solutions:
http://www.TiddlyTools.com/#Contact

[TonyM]

Thanks Eric,

I will do this right away - however the full truth is I have tiddlers tagged ":work" and ":personal" is this leading ":" goingf to trip this up ?, any workaround or should I globally rename my tags and tiddlers with them named in it to be sans ":" ?

Thanks Very much

[TonyM]

Ahh I see just change ... s~=":personal"] ...

+1 for a donation to Eric, I have done so and I encourage you all to do So.

[HansWobbe]

A really neat and useful method that hadn't occurred to me, before this.  Thanks for sharing!

[Julio]

Hello Eric and all,

I tried to play around with this and follow on.

I created a tiddler [[tagInTiddler1]] and then in my css tiddler [[jpen24_Css]] I put in your css code.

For some odd reason the "work" portion will not stay hidden when not tagged.

The ''personal'' portion is hidden fine though.

Did I do something wrong or am I overlooking something?

Below I will throw in a minimal test case to show you.

https://dl.dropbox.com/u/68910256/j_unplugged.html

Best regards,

Julio

On Wednesday, June 27, 2012 12:02:47 AM UTC-4, Eric Shulman wrote:

[Eric Shulman]

> I tried to play around with this and follow on.
> I created a tiddler [[tagInTiddler1]] and then in my
> css tiddler [[jpen24_Css]] I put in your css code.
> For some odd reason the "work" portion will not stay hidden when not tagged.
> The ''personal'' portion is hidden fine though.
> Did I do something wrong or am I overlooking something?

The problem is due to the notation you pasted into your CSS,
immediately preceding the definitions for .work and .personal CSS
classes. You need to make sure that non-CSS content is properly
enclosed in CSS comment markers (i.e., /* and */). In addition, to
allow wiki-formatted content within the note, you can use the TW
'wikified comment' syntax (/*** and ***/, each on it's own line), like
this:

/***
''Reference:'' https://groups.google.com/forum/?fromgroups#!topic/tiddlywiki/SEIPnAVxRA0
↓
***/

With the stylesheet content properly commented, it no longer
interferes with the CSS definitions that follow it, and the selective
display of tiddler content within the CSS wrappers then works as
intended.

[Julio]

Hello Eric,

That works...thanks a million!
I definitely knew something was amiss.

[PMario]

I did think about a way to use the hideWhen stuff inside tiddler text.
IMO it's ugly but it should work.

see: http://groups.google.com/group/tiddlywiki/browse_thread/thread/7327cb04b61d47f4

have fun!
mario