Sorry I didn't whittle this down more, but it might be interesting for
several reasons.
I initially got a portion of this somewhere else, but I have added to it a
lot. It works.
As a sidenote however, 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, as well
as the state tiddler, which has two exclamation marks in front of it. I
spent a lot of time getting it to work through trial and error without
understanding it.
*$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="<<fieldName>>" 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; color: #DDDDDD;
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="!!<<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/591f8958-057f-4e53-858b-28931af96bdcn%40googlegroups.com.
