I figured it out!  I got rid of all the code except
<<toc-selective-expandable'A'>> and it worked.  I then added <div
class="tc-table-of-contents"> to get rid of the numbers.  Now everything is
bolded but I can work with that.  I need to look up the Div classes I guess.

Thanks again for all your help. :)

On Mon, Dec 9, 2019 at 6:56 PM PWL <[email protected]> wrote:

> You have been so helpful to me working this I hope I am not getting on
> your nerves.  But I have another issue I am trying to tackle.
>
> I decided to restructure my wiki, and I have most things figured out,
> except this one.  I have a table of contents, click a letter and it takes
> you to that page i.e. 'A'  and it lists all the topics under A.  This is
> good, however there are some topics that have sub topics and I would like
> to have a drop down that shows said sub topics.  This is where I am having
> the problem.  I have managed to get the drop down working, however the list
> repeats to the largest possible size of the page and puts numbers beside
> everything.
> Here is my code:
> <$list filter="[tag[A]sort[title]]">
> <<toc-selective-expandable 'A'>>
> <$link to={{!!title}}>
> <$view field="title"/>
> </$link>
>
> </$list>
>
>
> I have attached captures of the result.
>
> Thank you for your help.
>
> On Saturday, 7 December 2019 00:56:23 UTC-4, Eric Shulman wrote:
>>
>> On Friday, December 6, 2019 at 7:50:58 PM UTC-8, PWL wrote:
>>>
>>> PERFECT! exactly what I was looking to do Thank you!
>>>
>>> Maybe there is one last think you can help me with?  My index page
>>> displays as one long list that scrolls on forever.  I'd like it to display
>>> in columns, is that possible without having to build a table?
>>>
>>
>> You can use CSS for that:
>>
>> First create a separate tiddler, tagged with "$:/tags/Stylesheet",
>> containing a CSS class definition like this:
>>
>> .threecolumns { display:block;
>>  -moz-column-count:3; -moz-column-gap:1em; -moz-column-width:33%; /*
>> FireFox */
>>  -webkit-column-count:3; -webkit-column-gap:1em; -webkit-column-width:33
>> %; /* Safari */
>>  column-count:3; column-gap:1em; column-width:33%; /* Opera */
>> }
>> Note: you can name the class anything you like.... I used
>> ".threecolumns", but you could call it ".fred" if you want.
>>
>> Then, in the tiddler that you want columns, wrap your content with:
>> @@.threecolumns
>> ... your content here...
>> @@
>> Note: The TW "@@" syntax doesn't nest, so if you are already using it
>> within your content, you might have to use standard HTML for the wrapper,
>> like this:
>>
>> <div class="threecolumns">
>> ... your content here
>> </div>
>> Note: when using a defined CSS classname in HTML, you omit the leading
>> "." as shown above.
>>
>> enjoy,
>> -e
>> Eric Shulman
>> www.TiddlyTools.com: "Small Tools for Big Ideas!" (tm) (TWClassic only)
>> www.TiddlyTools.com/InsideTW: "InsideTiddlyWiki" (work-in-progress)
>>
>> --
> You received this message because you are subscribed to a topic in the
> Google Groups "TiddlyWiki" group.
> To unsubscribe from this topic, visit
> https://groups.google.com/d/topic/tiddlywiki/AeLvQN8Pul4/unsubscribe.
> To unsubscribe from this group and all its topics, send an email to
> [email protected].
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/tiddlywiki/42b27097-6ea7-4bde-9264-1a5a25b94d97%40googlegroups.com
> <https://groups.google.com/d/msgid/tiddlywiki/42b27097-6ea7-4bde-9264-1a5a25b94d97%40googlegroups.com?utm_medium=email&utm_source=footer>
> .
>

-- 
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/CAOLhXqa4zWmYSdMGXVGVDbdMGQ0yO6DsYggE1S1F8LbVL3Ljwg%40mail.gmail.com.

Reply via email to