Check out my new here buttons, thumbnail galleries and alternative tag editor for TW5
369 views
Skip to first unread message
David Gifford
Apr 25, 2014, 10:02:51 AM4/25/14
to tiddl...@googlegroups.com
Hi all,
I was tinkering again yesterday, and figured out how to create a 'new here' button - that is, a new tiddler button that creates a child tiddler tagged with the parent's title. I also figured out how to tweak the tag editor dropdown in edittemplate. Here is a link to the results of my tinkering. It is not a TW adaptation, just a preview. But those who know what they are doing are welcome to swipe anything from it that they find helpful.
http://giffmex.org/experiments/test.html
Would love your feedback and further ideas. (Yes, I realize my icons aren't lined up very well. And yes, I realize the names for my system tiddlers need cleaning up.)
I was tinkering again yesterday, and figured out how to create a 'new here' button - that is, a new tiddler button that creates a child tiddler tagged with the parent's title. I also figured out how to tweak the tag editor dropdown in edittemplate. Here is a link to the results of my tinkering. It is not a TW adaptation, just a preview. But those who know what they are doing are welcome to swipe anything from it that they find helpful.
http://giffmex.org/experiments/test.html
Would love your feedback and further ideas. (Yes, I realize my icons aren't lined up very well. And yes, I realize the names for my system tiddlers need cleaning up.)
Danielo Rodríguez
Apr 25, 2014, 1:36:26 PM4/25/14
to tiddl...@googlegroups.com
Hi David,
Very good work. I really liked the general layout. After seeing it I came to some conclusions about mobile screens:
- The zooming view is comfortable
- The scroll improves readability
- The sidebar should be collapsed. Because its size is completely useles
- Some kind of tabs or breadcums at te very top, with the proper size will help navigation A LOT
Thank you very much for sharing. I also liked the way yo relate tiddlers. I need some advise about how to structure my wiki.
Regards.
David Gifford
Apr 25, 2014, 5:29:37 PM4/25/14
to tiddl...@googlegroups.com
Hi Danielo,
Feel free to email me dgif...@crcna.org with what you want in your TW and how you plan to use it, and I will be happy to give you what advice I can.
I have six main TiddlyWikis I use frequently,
1. My Spanish materials on the Bible and other topics, published for others. It can be accessed at http://www.giffmex.org/recursosgiffmex.htm
2. A TW for seeing image links, of family, of travel, of images I bookmark from the web. This follows the index-and-gallery format of the example file in this thread, and will be greatly enhanced now by the new here buttons.
3. A TW for taking notes while I read. I have a topmenu with links to indexes for tiddlers, one per source, by format: Kindle, physical books, books on Logos software, and Bible study. Each source tiddler has a "read" field where I iinput to what page I have read, and a "notes" field where I input to what page I have taken notes. So for example in my index of Logos ebooks I have an entry Continuity and Discontinuity, Feinberg (read to 67 / notes to 67 of 314). The page #s are pulled from the two fields. I am enjoying this TW immensely.
4. A TW for organizing my own notes on select subjects. To be honest this is the hard one to set up. I keep changing my mind.
At times I prefer a topdown approach where I create the largest category and from there create subcategories either by creating hyperlinks or by using a newhere button.
At other times I prefer a bottom up approach where I create tiddlers and tag them to fit them into a larger topic.
Theoretically the two approaches should work together and meet in the middle, but I find they don't. Hyperlinking is more practical for the topdown approach, since the results can be controlled and arranged in a logical order rather than an alphabetical order. And tagging is more practical for the bottom up approach. The problem is that the two don't meet in the middle.
I tried combining the two, by creating TiddlerInfo tabs, one for all parent tiddlers and one for all child tiddlers. But it is not practical to use TiddlerInfo tabs to navigate, since you have to open it, select the tab, and close it when done. And you can end up with a lot of state tiddlers that way. But adding those lists to the tiddler content itself clutters things unnecessarily.
My current incarnation, pre-new here phase, has a topmenu with links to missing, orphans and all nontagged notes (<$list filter="[!is[system]!has[tags]] +[sort[title]]"><$link to={{!!title}}><$view field="title"/></$link><br></$list>). Orphans are the tiddlers created the bottom-up way, that need to be integrated into the hierarchy somewhere. Missing are the hyperlinks to notes I haven't created yet. All nontagged notes is the fill index of actual notes. This system avoids tagging altogether. Now that I have new here buttons, I may decide to go back to a tag-based system as I used to use in braintags (see http://www.giffmex.org/braintags.html). But tag-based systems accumulate large numbers of tags quickly. The jury is out on this one.
Another difficult decision for me, related to the above, is whether each thought on a topic should be a tiddler tagged with that topic (for example, each quote on the topic of pride tagged with 'Pride' and showing up in a 'Quotes on pride' tiddler), or whether each topic should be its own tiddler, and content added manually to that tiddler directly.
The former option is great for a bottom up approach. It also allows the same thought to show up in multiple topics, as many thoughts ought to do. But giving titles to such tiddlers seem redundant, if the content is brief. And using a timedatestamp for the tiddler, as in braintags, while great for saving time and typing, creates a bunch of unsearchable tiddlers, since searches turn up a list of timedatestamps.
The latter option is great for a top down approach. But to add any single idea you get randomly, you have to dig through levels of tiddlers to to find the proper tiddler for that before you can add the idea. That takes mental effort that is not always available at the moment. You could search, but what if the tiddler hasn't been created for that topic yet? Then your search will turn up nothing, then you will still have to dig to add the subtopic to the parent topic, and create the tiddler.
Also complicating things is that some subjects have more than one name. Should the topic be Pride? Egocentrism? or Pride and humility, or Humility and pride, so that both topics are dealt with together? And should the parent topic be called self-concept? Self-image? Self-esteem? If you don't have a system that works well, you could be adding things to two topics, then when you go search for them, you have to go to two different locations, for things that ought to be together.
I take notes almost daily, and the topics I take notes on are in the hundreds. So I have had to think and rethink a lot about this topic.
Other TWs I use:
5. A contacts tiddler. Uses fields for the first image and for contact data. Nice for creating phone and email directories based on the fields and tags together. The new here button will be useful for this one, too.
6. A TW with to do lists and info I need to have on hand. This one is rather complex. I have 6 major areas of responsibility, so each area has a to do list with buttons to create new tasks in that area, tagged next, urgent, or later. Each area also has an info tiddler with a table full of tag pills for subareas so I can see dropdowns of tiddlers in that subarea. Then I have a daily routine tiddler and a tiddler gathering all the next and urgent tasks in a table by area, next in one column and urgent in another. At present I use a paper agenda for a calendar, rather than a computer based one. But I may go to Google Calendar soon.
This is more information than you probably wanted, but I found it helpful to write out, and hopefully you can learn from my struggles, too. Blessings.
Feel free to email me dgif...@crcna.org with what you want in your TW and how you plan to use it, and I will be happy to give you what advice I can.
I have six main TiddlyWikis I use frequently,
1. My Spanish materials on the Bible and other topics, published for others. It can be accessed at http://www.giffmex.org/recursosgiffmex.htm
2. A TW for seeing image links, of family, of travel, of images I bookmark from the web. This follows the index-and-gallery format of the example file in this thread, and will be greatly enhanced now by the new here buttons.
3. A TW for taking notes while I read. I have a topmenu with links to indexes for tiddlers, one per source, by format: Kindle, physical books, books on Logos software, and Bible study. Each source tiddler has a "read" field where I iinput to what page I have read, and a "notes" field where I input to what page I have taken notes. So for example in my index of Logos ebooks I have an entry Continuity and Discontinuity, Feinberg (read to 67 / notes to 67 of 314). The page #s are pulled from the two fields. I am enjoying this TW immensely.
4. A TW for organizing my own notes on select subjects. To be honest this is the hard one to set up. I keep changing my mind.
At times I prefer a topdown approach where I create the largest category and from there create subcategories either by creating hyperlinks or by using a newhere button.
At other times I prefer a bottom up approach where I create tiddlers and tag them to fit them into a larger topic.
Theoretically the two approaches should work together and meet in the middle, but I find they don't. Hyperlinking is more practical for the topdown approach, since the results can be controlled and arranged in a logical order rather than an alphabetical order. And tagging is more practical for the bottom up approach. The problem is that the two don't meet in the middle.
I tried combining the two, by creating TiddlerInfo tabs, one for all parent tiddlers and one for all child tiddlers. But it is not practical to use TiddlerInfo tabs to navigate, since you have to open it, select the tab, and close it when done. And you can end up with a lot of state tiddlers that way. But adding those lists to the tiddler content itself clutters things unnecessarily.
My current incarnation, pre-new here phase, has a topmenu with links to missing, orphans and all nontagged notes (<$list filter="[!is[system]!has[tags]] +[sort[title]]"><$link to={{!!title}}><$view field="title"/></$link><br></$list>). Orphans are the tiddlers created the bottom-up way, that need to be integrated into the hierarchy somewhere. Missing are the hyperlinks to notes I haven't created yet. All nontagged notes is the fill index of actual notes. This system avoids tagging altogether. Now that I have new here buttons, I may decide to go back to a tag-based system as I used to use in braintags (see http://www.giffmex.org/braintags.html). But tag-based systems accumulate large numbers of tags quickly. The jury is out on this one.
Another difficult decision for me, related to the above, is whether each thought on a topic should be a tiddler tagged with that topic (for example, each quote on the topic of pride tagged with 'Pride' and showing up in a 'Quotes on pride' tiddler), or whether each topic should be its own tiddler, and content added manually to that tiddler directly.
The former option is great for a bottom up approach. It also allows the same thought to show up in multiple topics, as many thoughts ought to do. But giving titles to such tiddlers seem redundant, if the content is brief. And using a timedatestamp for the tiddler, as in braintags, while great for saving time and typing, creates a bunch of unsearchable tiddlers, since searches turn up a list of timedatestamps.
The latter option is great for a top down approach. But to add any single idea you get randomly, you have to dig through levels of tiddlers to to find the proper tiddler for that before you can add the idea. That takes mental effort that is not always available at the moment. You could search, but what if the tiddler hasn't been created for that topic yet? Then your search will turn up nothing, then you will still have to dig to add the subtopic to the parent topic, and create the tiddler.
Also complicating things is that some subjects have more than one name. Should the topic be Pride? Egocentrism? or Pride and humility, or Humility and pride, so that both topics are dealt with together? And should the parent topic be called self-concept? Self-image? Self-esteem? If you don't have a system that works well, you could be adding things to two topics, then when you go search for them, you have to go to two different locations, for things that ought to be together.
I take notes almost daily, and the topics I take notes on are in the hundreds. So I have had to think and rethink a lot about this topic.
Other TWs I use:
5. A contacts tiddler. Uses fields for the first image and for contact data. Nice for creating phone and email directories based on the fields and tags together. The new here button will be useful for this one, too.
6. A TW with to do lists and info I need to have on hand. This one is rather complex. I have 6 major areas of responsibility, so each area has a to do list with buttons to create new tasks in that area, tagged next, urgent, or later. Each area also has an info tiddler with a table full of tag pills for subareas so I can see dropdowns of tiddlers in that subarea. Then I have a daily routine tiddler and a tiddler gathering all the next and urgent tasks in a table by area, next in one column and urgent in another. At present I use a paper agenda for a calendar, rather than a computer based one. But I may go to Google Calendar soon.
This is more information than you probably wanted, but I found it helpful to write out, and hopefully you can learn from my struggles, too. Blessings.
Alberto Molina
Apr 25, 2014, 6:32:19 PM4/25/14
to tiddl...@googlegroups.com
Hi Dave,
I like very much the scrollable thing. Thanks for sharing.
It could be improved, I think, as well as the index, image and gallery tiddlers, by using a custom ViewTemplate instead of putting the stuff inside the newly created tiddlers. For example, all tiddlers tagged "scrollable" would be viewed through the corresponding ViewTemplate.
And concerning the icons, I would recommend you the Font-Awesome icons since they are SVG instead of PNG, and free to use (MIT Licence).
Regards,
Alberto
David Gifford
Apr 25, 2014, 6:38:17 PM4/25/14
to tiddl...@googlegroups.com
Thanks Alberto, I have used custom ViewTemplates before and yes would probably make the scrollable feature tie into a custom VT. The buttons on the other hand should really be on every tiddler since the idea is to create a hierarchy of tiddlers based on tags. I tried Font-Awesome icons yesterday and was not impressed since I could not get them to work even after following the instructions. The icons in the file are SVGs and were free icons off of Flaticon. I have turned them into tiddlers so they are in the file. Blessings, Dave
--
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/RpGJClG1dq4/unsubscribe.
To unsubscribe from this group and all its topics, send an email to tiddlywiki+...@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/d/optout.
--
David Gifford
Christian Reformed World Missions, Mexico City
Dave
May 11, 2016, 7:37:17 PM5/11/16
to TiddlyWiki
Hi Dave, I realize this is 2 years old, but your image gallery thumbnails functionality is just what I'm looking for.
Unfortunately I can't seem to figure it out. I copied the tiddler content in the example gallery and copied the appropriate (I think) parts of the stylesheet, but I couldn't find any reference to your tag "image" which I assume must be refered to somewhere in the process of rendering the thumbnails of the image tiddlers.
Can you remember enough to find the missing key element in this?
Thanks,
Dave
Unfortunately I can't seem to figure it out. I copied the tiddler content in the example gallery and copied the appropriate (I think) parts of the stylesheet, but I couldn't find any reference to your tag "image" which I assume must be refered to somewhere in the process of rendering the thumbnails of the image tiddlers.
Can you remember enough to find the missing key element in this?
Thanks,
Dave
David Gifford
May 11, 2016, 7:47:57 PM5/11/16
to TiddlyWiki
Hi Dave
[is[current]tagging[]
in the content from "Sample image gallery" tiddler means that it calls up all the tiddlers tagged with the title of the current tiddler. (not all tiddlers tagged 'image')
So if you create a tiddler "Flowers" and from there use the "new image here" button, that button will create a new tiddler tagged Flowers, and it will be based on the template tiddler "$:/aa/ImageTemplate". You add the link there to the image, title it eg "Rose 1" and save the tiddler. Then in the Flowers tiddler you will see the thumbnail image from Rose 1.
Other Dave
[is[current]tagging[]
in the content from "Sample image gallery" tiddler means that it calls up all the tiddlers tagged with the title of the current tiddler. (not all tiddlers tagged 'image')
So if you create a tiddler "Flowers" and from there use the "new image here" button, that button will create a new tiddler tagged Flowers, and it will be based on the template tiddler "$:/aa/ImageTemplate". You add the link there to the image, title it eg "Rose 1" and save the tiddler. Then in the Flowers tiddler you will see the thumbnail image from Rose 1.
Other Dave
Dave
May 11, 2016, 10:14:05 PM5/11/16
to TiddlyWiki
that's pretty cool! Thanks (2 years later) for making that!!
BTW, it works great for regular image tiddlers, but when I try it with a bunch of pdf files I imported, the little square where the image goes says "a plugin is needed to display this content" - do you know of a solution for this?
I'll repost here if I find it first.
DaveP
BTW, it works great for regular image tiddlers, but when I try it with a bunch of pdf files I imported, the little square where the image goes says "a plugin is needed to display this content" - do you know of a solution for this?
I'll repost here if I find it first.
DaveP
Dave
May 11, 2016, 10:25:32 PM5/11/16
to TiddlyWiki
Also, can you think of any way to get a similar thumbnail of a regular tiddler? I tried tagging one with the appropriate tag and it just didn't show up. Also, adding text to one that had a transclusion to an image tiddler, like this:
some text
{{image tiddler}}
only showed the image and not the text
I don't imaging this is possible, but its worth asking in case I'm wrong.
some text
{{image tiddler}}
only showed the image and not the text
I don't imaging this is possible, but its worth asking in case I'm wrong.
David Gifford
May 11, 2016, 10:47:34 PM5/11/16
to tiddl...@googlegroups.com
On Wed, May 11, 2016 at 9:14 PM, Dave <ceda...@telus.net> wrote:
that's pretty cool! Thanks (2 years later) for making that!!
You're welcome, but really I swiped the image gallery code from Jeremy Ruston.
He probably created it when I asked him if it could be done. Because he is generous about doing that kind of thing.
BTW, it works great for regular image tiddlers, but when I try it with a bunch of pdf files I imported, the little square where the image goes says "a plugin is needed to display this content" - do you know of a solution for this?
Pdfs are not images in that sense, though they kind of seem like that. I believe you can use an iframe to display pdfs.
Been a long time since I did that, and maybe things have changed, so I don't know the current state of things regarding pdfs.
I'll repost here if I find it first.
DaveP
--
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/RpGJClG1dq4/unsubscribe.
To unsubscribe from this group and all its topics, send an email to tiddlywiki+...@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/6ca95feb-b608-46fe-a732-0e123ae968a4%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
David Gifford
May 11, 2016, 10:54:25 PM5/11/16
to tiddl...@googlegroups.com
On Wed, May 11, 2016 at 9:25 PM, Dave <ceda...@telus.net> wrote:
Also, can you think of any way to get a similar thumbnail of a regular tiddler? I tried tagging one with the appropriate tag and it just didn't show up.
No, an image link does not work with tiddlers. Only with images. I do recall seeing a plugin that calls up a thumbnail of tiddler contents upon hover. But I don't have a link for you. Someone else can chime in.
Also, adding text to one that had a transclusion to an image tiddler, like this:
some text
{{image tiddler}}
only showed the image and not the text
I would have to see them tiddler in question to see what you are seeing
and know how to respond. Not sure what is happening.
Blessings!
I don't imaging this is possible, but its worth asking in case I'm wrong.
--
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/RpGJClG1dq4/unsubscribe.
To unsubscribe from this group and all its topics, send an email to tiddlywiki+...@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/1f8a35c9-27c0-407c-915e-5da3673da725%40googlegroups.com.
Jed Carty
May 13, 2016, 1:18:28 PM5/13/16
to TiddlyWiki
I have the start of a photo gallery plug-in as part of the pet diary here http://ooktech.com/jed/ExampleWikis/PetDiary/
It is still under development so if you have any suggestions or requests let me know.
Three isn't really documentation yet but the setup gifler is here http://ooktech.com/jed/ExampleWikis/PetDiary/#%24%3A%2Fplugins%2Finmysocks%2FPhoto%20Gallery%2FEdit%20Photo%20Gallery
prog...@assays.tv
May 13, 2016, 1:39:49 PM5/13/16
to TiddlyWiki
Galleries are something that interest me. Whether TW can do them well? i think it can. But it maybe needs a little help from JavaScript friends.
Just for info i don't see why a "wall" could not be done. Part of what you doing looks like that. You might find this useful .
http://vnjs.net/www/project/freewall/
Reply all
Reply to author
Forward
0 new messages