input fields

[PWL]

Hello all, 

I was hoping somebody could help me out here.  All I want is to put an input field for my filter search on my index tiddly. The search works fine, I just want to enter what I am searching for on my index page beside the drop down menu.  I have been looking for the code everywhere and I can't find it.  Maybe I am just not typing in the right words.  I attached a screen cap to show what I have.

Thanks to everybody who may help.

[TonyM]

PWL,

Use the following to create a tag pill for the items on the sidebar 

<<tag $:/tags/SideBarSegment>>

Using the drop down you will see one item in the sidebar is $:/core/ui/SideBarSegments/search

Perhaps all you want is to include that in your tiddler with

{{$:/core/ui/SideBarSegments/search}}

Is that what you are after?

Tony

[Patrick L.]

I tried both those, didn't do what I wanted.  here is the code I have now.  Like I said the search works fine, the only thing I want is to be able to enter the criteria on the tiddly itself instead of having to use the side bar.

Search <$select tiddler="$:/temp/searchfilter" default="Choose">
<option value="Choose">-Choose one-</option>
<option value="[has[intelligence]search:intelligence{$:/temp/search}]">Intelligence</option>
<option value="[has[climate_terrain]search:climate_terrain{$:/temp/search}]">Climate/Terrain</option>
<option value="[has[hd]search:hd{$:/temp/search}]">HD</option>
</$select>

<$macrocall $name="list-links" filter={{$:/temp/searchfilter}} />

--
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 tiddlywiki+...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/97cad7c0-a51d-48e3-9950-250b4f676751%40googlegroups.com.

[TonyM]

PWL,

I am not certain of what you want, but if it helps;

So If you wish to customise the search perhaps clone $:/core/ui/SideBarSegments/search and edit to your needs. 

Alternatively build up a list of your own containing the selected search filter and using the search operator etc...

Regards

Tony

On Wednesday, December 4, 2019 at 10:51:06 AM UTC+11, PWL wrote:

I tried both those, didn't do what I wanted.  here is the code I have now.  Like I said the search works fine, the only thing I want is to be able to enter the criteria on the tiddly itself instead of having to use the side bar.

Search <$select tiddler="$:/temp/searchfilter" default="Choose">
<option value="Choose">-Choose one-</option>
<option value="[has[intelligence]search:intelligence{$:/temp/search}]">Intelligence</option>
<option value="[has[climate_terrain]search:climate_terrain{$:/temp/search}]">Climate/Terrain</option>
<option value="[has[hd]search:hd{$:/temp/search}]">HD</option>
</$select>

<$macrocall $name="list-links" filter={{$:/temp/searchfilter}} />

On Tue, Dec 3, 2019 at 5:56 PM TonyM <anthon...@gmail.com> wrote:

PWL,

Use the following to create a tag pill for the items on the sidebar 

<<tag $:/tags/SideBarSegment>>

Using the drop down you will see one item in the sidebar is $:/core/ui/SideBarSegments/search

Perhaps all you want is to include that in your tiddler with

{{$:/core/ui/SideBarSegments/search}}

Is that what you are after?

Tony

On Wednesday, December 4, 2019 at 8:48:54 AM UTC+11, PWL wrote:

Hello all, 

I was hoping somebody could help me out here.  All I want is to put an input field for my filter search on my index tiddly. The search works fine, I just want to enter what I am searching for on my index page beside the drop down menu.  I have been looking for the code everywhere and I can't find it.  Maybe I am just not typing in the right words.  I attached a screen cap to show what I have.

Thanks to everybody who may help.

--
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 tiddl...@googlegroups.com.

[Eric Shulman]

On Tuesday, December 3, 2019 at 3:51:06 PM UTC-8, PWL wrote:

I tried both those, didn't do what I wanted.  here is the code I have now.  Like I said the search works fine, the only thing I want is to be able to enter the criteria on the tiddly itself instead of having to use the side bar.

Search <$select tiddler="$:/temp/searchfilter" default="Choose">
<option value="Choose">-Choose one-</option>
<option value="[has[intelligence]search:intelligence{$:/temp/search}]">Intelligence</option>
<option value="[has[climate_terrain]search:climate_terrain{$:/temp/search}]">Climate/Terrain</option>
<option value="[has[hd]search:hd{$:/temp/search}]">HD</option>
</$select>

<$macrocall $name="list-links" filter={{$:/temp/searchfilter}} />

Try this:

After the </$select>, add an $edit-text widget, like this:

<$edit-text tiddler="$/temp/search" tag="input" />

Note: if you want to keep your search complete separate from the sidebar, change the name of the tiddler (e.g., "$:/temp/mysearch").  Of course, you will also have to refer to *that* tiddler name in the values of your $select list.

Let me know how it goes...

enjoy,

-e

[Patrick L.]

unfortunately that didn't work either.  Who knew adding an input field into a tiddler would be so difficult.  So you've seen the code I have here is a screencap of what I have now.  The search works fine, like I said, I just would rather enter the search criteria right beside the drop down instead of on the side bar.  Any suggestions would be greatly appreciated.

On Tue, Dec 3, 2019 at 9:40 PM Eric Shulman <elsd...@gmail.com> wrote:

On Tuesday, December 3, 2019 at 3:51:06 PM UTC-8, PWL wrote:

I tried both those, didn't do what I wanted.  here is the code I have now.  Like I said the search works fine, the only thing I want is to be able to enter the criteria on the tiddly itself instead of having to use the side bar.

Search <$select tiddler="$:/temp/searchfilter" default="Choose">
<option value="Choose">-Choose one-</option>
<option value="[has[intelligence]search:intelligence{$:/temp/search}]">Intelligence</option>
<option value="[has[climate_terrain]search:climate_terrain{$:/temp/search}]">Climate/Terrain</option>
<option value="[has[hd]search:hd{$:/temp/search}]">HD</option>
</$select>

<$macrocall $name="list-links" filter={{$:/temp/searchfilter}} />

Try this:

After the <$select>, add an $edit-text widget, like this:

<$edit-text tiddler="$/temp/search" tag="input" />

Note: if you want to keep your search complete separate from the sidebar, change the name of the tiddler (e.g., "$:/temp/mysearch").  Of course, you will also have to refer to *that* tiddler name in the values of your $select list.

Let me know how it goes...

enjoy,

-e

--
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 tiddlywiki+...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/b8777b77-98d2-4ad4-8a32-8496206f45a1%40googlegroups.com.

[Eric Shulman]

On Friday, December 6, 2019 at 2:39:53 PM UTC-8, PWL wrote:

unfortunately that didn't work either.  Who knew adding an input field into a tiddler would be so difficult.  So you've seen the code I have here is a screencap of what I have now.  The search works fine, like I said, I just would rather enter the search criteria right beside the drop down instead of on the side bar.  Any suggestions would be greatly appreciated.

Did you place the <$edit-text> after the closing </$select>?  There was a "typo" in my previous message (which originally said after the <$select>, which would have put the edit-text widget INSIDE the select list, which would NOT work)... 

Thusly:

Search <$select tiddler="$:/temp/searchfilter" default="Choose">
<option value="Choose">-Choose one-</option>
<option value="[has[intelligence]search:intelligence{$:/temp/search}]">Intelligence</option>
<option value="[has[climate_terrain]search:climate_terrain{$:/temp/search}]">Climate/Terrain</option>
<option value="[has[hd]search:hd{$:/temp/search}]

">HD</option>
</$select>
<$edit-text tiddler="$:/temp/search" tag="input" />

<$macrocall $name="list-links" filter={{$:/temp/searchfilter}} />

try it again... and let me know...

-e

[Patrick L.]

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 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 tiddlywiki+...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/5961a9cb-b1bb-4121-a631-699edafd6648%40googlegroups.com.

[Eric Shulman]

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)

[PWL]

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.

[Patrick L.]

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. :)

--
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 tiddlywiki+...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/42b27097-6ea7-4bde-9264-1a5a25b94d97%40googlegroups.com.