This kind of crazy.
It is a set of expanding sections applied to a list filter.
It uses a checkbox with a field instead of a button.
I'm actually very confused as to why/how the checkbox field works with the
state tiddler. Except that the qualify macro is applied to the checkbox
field's name.
<$set fieldName=<<qualify "showdit">>>
<$list filter="[tag[Wiki Related]sort[title]] -[regexp:title[^Draft of.*]]">
<style type="text/css">
.exheading [type="checkbox"]{display:none;}
</style>
<div class="exheading">
<$checkbox field="showstate" checked="yes" unchecked="no">
<h2 style="border-radius:4px; text-decoration:none; border:0px;
margin-top:6px; margin-bottom:4px; padding-left:6px; padding-top:6px;
padding-bottom:2px; background-color:#3A3A3A;">
{{$:/core/images/unfold-button}}
<$transclude field="title" mode="inline"/><span style="position: absolute;
right: 2%; font-size:smaller;"><$link>[edit]</$link></span>
</h2>
</$checkbox>
</div>
<div style="margin-left:30px; margin-right:15px;">
<$reveal state="!!showstate" type="match" text="yes">
<$transclude field="text" mode="block"/>
</$reveal>
</div>
</$list>
</$set>
<$list filter="[tag[Game Projects]sort[title]] -[regexp:title[^Draft
of.*]]">
<style type="text/css">
.exheading [type="checkbox"]{display:none;}
</style>
<div class="exheading">
<$checkbox field="showtest" checked="yes" unchecked="no">
<h2 style="border-radius:4px; text-decoration:none; border:0px;
margin-top:6px; margin-bottom:4px; padding-left:6px; padding-top:6px;
padding-bottom:2px; background-color:#3A3A3A;">
{{$:/core/images/unfold-button}}
<$transclude field="title" mode="inline"/><span style="position: absolute;
right: 2%; font-size:smaller;"><$link>[edit]</$link></span>
</h2>
</$checkbox>
</div>
<div style="margin-left:30px; margin-right:15px;">
<$reveal state="!!showtest" type="match" text="yes">
<$transclude field="text" mode="block"/>
</$reveal>
</div>
</$list>
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 tiddlywiki+unsubscr...@googlegroups.com.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/8a654fb2-3396-4190-b0b2-9c337d774bf1n%40googlegroups.com.
