I initially got a portion of this somewhere else, but I have added to it a
lot. It works.
As a sidenote, I'm pretty confused about how/why the checkbox field works
like this (it seems to be interchangeable with the state tiddler?). That's
the bit I got somewhere else.
In any case, I used the qualify macro to name the checkbox field (rather
than the state tiddler). The state tiddler uses the checkbox field or
something. And it required two exclamation marks in front of it. I spent a
lot of time getting it to work through trial and error without
understanding it.
*<style type="text/css">.chkbx [type="checkbox"]{display:none;}.htag
{display: block; border-radius:4px; text-decoration:none; border:0px;
margin-top:6px; margin-bottom:4px; padding-left:6px; padding-top:6px;
padding-bottom:2px; color: #333; background-color:#AAA}.exsec {
padding-left: 10px; padding-right:10px; border-left:4px solid #AAA;
margin-left:20px; margin-right:4px; margin-top:-2px; margin-bottom:-2px;
}.editlink {font-size:smaller; }</style><$set fieldName=<<qualify
"showdit">>><$list filter="[tag[soho]sort[title]] -[regexp:title[^Draft of
\'.*]]"><div class="chkbx"><$checkbox field="<<fieldName>>" checked="yes"
unchecked="no"><h2
class="htag">{{$:/core/images/unfold-button}}<$transclude field="title"
mode="inline"/><span class="editlink"><$link>
[edit]</$link></span></h2></$checkbox></div><div class="exsec"><$reveal
state="!!<<fieldName>>" type="match" text="yes"><$transclude field="text"
mode="block"/></$reveal></div></$list></$set>*
On Tuesday, May 19, 2020 at 1:01:11 PM UTC-4 Reet Pandher wrote:
> Final Version:
> \define fold(heading, text)
> <$button class="tc-btn-invisible" popup=<<qualify
> "$:/state/section$heading$">>>
>
>
> $heading$ {{$:/core/images/fold-button}}
>
> </$button>
> <$reveal type="nomatch" state=<<qualify "$:/state/section$heading$">>
> text="">
> $text$
> </$reveal>
> \end
>
> Changed the image from chevron-right to fold-button. It is a smaller icon
> so it doesn't bother as much without the animation!!
>
> On Tuesday, May 19, 2020 at 10:15:35 PM UTC+5:30, Reet Pandher wrote:
>>
>> I tried this version and it seems to work:
>> \define fold(heading, text)
>> <$button class="tc-btn-invisible" popup=<<qualify
>> "$:/state/section$heading$">>>
>>
>> $heading$ {{$:/core/images/chevron-right}}
>> </$button>
>> <$reveal type="nomatch" state=<<qualify "$:/state/section$heading$">>
>> text="">
>> $text$
>> </$reveal>
>> \end
>>
>> Only problem is that the arrow button now stays the same but i think i
>> can live with it. Also, is there any smaller and vertical arrow that can be
>> used in place of the current one?
>> Thanks
>>
>> On Tuesday, May 19, 2020 at 8:58:45 PM UTC+5:30, Eric Shulman wrote:
>>>
>>> On Tuesday, May 19, 2020 at 8:08:15 AM UTC-7, Reet Pandher wrote:
>>>>
>>>> I tried it and it displays the heading with the right arrow but when i
>>>> click on the heading to expand text, no text appears *and *the heading
>>>> disappears as well. When i click anywhere on the screen the heading
>>>> re-appears.
>>>>
>>>>
>>> oops! I left out a closing /$reveal and the $button wrapper around the
>>> second heading... here's the fixed macro:
>>>
>>> \define fold(heading, text)
>>> <$reveal type="match" state=<<qualify "$:/state/section$heading$">>
>>> text="">
>>> <$button class="tc-btn-invisible" popup=<<qualify
>>> "$:/state/section$heading$">>>
>>>
>>> $heading$ {{$:/core/images/chevron-right}}
>>> </$button>
>>> </$reveal>
>>> <$reveal type="nomatch" state=<<qualify "$:/state/section$heading$">>
>>> text="">
>>> <$button class="tc-btn-invisible" popup=<<qualify
>>> "$:/state/section$heading$">>>
>>>
>>> $heading$ {{$:/core/images/chevron-down}}
>>> </$button><br>
>>> $text$
>>> </$reveal>
>>> \end
>>>
>>> <<fold "test1" """this is a test""">>
>>> <<fold "test2" """another test""">>
>>>
>>> enjoy,
>>> -e
>>>
>>
--
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/af4c8096-3259-48c5-80e5-b6dc94be70c0n%40googlegroups.com.
