--
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+...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/6bf926b2-72a7-4f7e-bc33-3385cb225dc0%40googlegroups.com.
Some small comments- Close all button only closes tiddler on the left!
- On closing the right sidebar, the right panel margin to the screen border is small
--
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/d60QYKycUCY/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/ebd7561e-10a9-4bf0-8ce8-2034f283f88b%40googlegroups.com.
@David - OK, makes sense. Thanks.<:-)
--
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+...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/c63fedbb-171d-450d-96cf-3e8e834469f9%40googlegroups.com.
Some small comments- Close all button only closes tiddler on the left!There is a separate close all button for both stories.
- On closing the right sidebar, the right panel margin to the screen border is smallYep, you will find lots of such visual eye-sores. The focus when I worked on this was purely functional, and I haven't refined it as I plan to redo the entire UI as soon as time permits. The CSS is what I considered the bare minimum to get this functional at the time.
--
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+...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/defdc356-5ff3-4808-8475-508daefac1ca%40googlegroups.com.
--
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/d60QYKycUCY/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/f54cedfd-788d-4509-8780-04c6f885cf82%40googlegroups.com.
<$button class="tc-tag-label tc-btn-invisible" dragFilter="[prefix[$:/_sq/Stories]] $:/core/ui/Buttons/more-tiddler-actions $:/config/_sq/Stories/story2 $:/config/Tiddlers/TitleLinks $:/themes/tiddlywiki/vanilla/options/sidebarlayout">Drag me to install</$button>
Hi David,I'm glad the quick integration was helpful. I suggest we move beyond that but take a little time to discuss exactly which functionality and behaviour we want. After which I can help identify the necessary bits and even tweak things if necessary.Agreed on the dropzones, I never use them.So the functionality you want is:- shift click to open in the second story
- shift click edit button to open in second story in edit template?
- divert buttons
A couple of other things to consider:- the second story is currently set to classic storyview as there were issues with the one you are using for TiddlyBlink. This allows for more than one tiddler to be open in the second story. Is that OK or do you want to limit that to one? Perhaps allow more tiddlers but have a different view template that makes it easier to fold them?
- I personally like the idea of being able to hide the second story even if there is a tiddler(s) open it, and be able to restore it later and pick up where you were. Is this behaviour something you want? I sometimes use the second story a bit like a "to do" list and like being able to come back to it when needed.
Also if you give me a little time, I can go through the components we would be adding to TiddlyBlink to see if they can be optimized or cleaned up. As I mentioned I wrote this when first getting to know TW5 and I am sure there are tricks I missed and core improvements since that we can leverage. I am happy to help just please keep in mind that my schedule is a bit crazy at the moment, as I am volunteering at the local hospital. So I go from having a fair bit of time to some very busy days.
Keep in mind that everything about the appearance of the story, the settings at which it becomes visible etc is all done via CSS which we can customize as much as necessary to fit your workflow and vision.Perhaps we can look up some screen resolution stats to see what a good cut off point for showing two stories should be. But I also feel like with a horizontal resolution of less than 1270, there just isn't enough screen space for two stories.You could maybe push it down to 1024 but then show the sidebar overlapping the second story? The idea being to show it when needed and otherwise keep it hidden.
Note that the divert buttons are already in that prototype I posted, they just aren't visible until two stories are active, which from what I remember is purely css based. Making that visible at all times would therefore not be difficult.$:/_sq/Stories/divertTiddlerMacro
I haven't looked into packaging things as a plugin for TW5 but if necessary we can go that route. Alternatively creating a button people can drag is easy. We either tag all the tiddlers or just use a filter as below:
<$button class="tc-tag-label tc-btn-invisible" dragFilter="[prefix[$:/_sq/Stories]] $:/core/ui/Buttons/more-tiddler-actions $:/config/_sq/Stories/story2 $:/config/Tiddlers/TitleLinks $:/themes/tiddlywiki/vanilla/options/sidebarlayout">Drag me to install</$button>
Button widgets support a dragFilter attribute so we can make the payload for drag and drop whatever we need it to be.
Regards,
Saq
On Wednesday, April 15, 2020 at 5:55:54 PM UTC+2, David Gifford wrote:I agree with Diego, the TiddlyBlink with two columns, for those using laptops, is the way to go. Coincidentally, it means you could have a list of links in the parallel tab, and two story columns, so THREE tiddlers open side by side.Also, I think you said it, and I just want to concur, the drop zones are superfluous and unnecessary if you have shift-click and divert buttons.I would like to update TiddlyBlink with this, or else make a special version of TiddlyBlink for this. But I want users to be able to drag it in with a tag pill into their own files. Would I need to tag each of those tiddlers individually? Or could this be a plugin?Also, what would be the optimal settings so that most laptop users would see two columns upon arriving? I had to change it to 1270 to see them because your files appear as one column for me. But would 1270 be sufficient for most users?Finally, what tiddlers would be needed for the divert buttons? I like that functionality.This is really great, Saq. You sure came back with a grand gesture of generosity and genius!
On Wednesday, April 15, 2020 at 9:57:39 AM UTC-5, Saq Imtiaz wrote:For those that are interested, here a few variations to play with that I hope you might find useful. These are all quick integrations that will hopefully serve as a starting point for anyone that finds this useful.- Alternate behaviour where the second story is automatically shown when there is at least one tiddler open it. Shift click a tiddler link:The above behaviour applies to the next two as well:- TiddlyBlink with a substory in the parallel tab:
https://saqimtiaz.github.io/sq-tw/tiddlyblink-with-tab-story.html- TiddlyBlink with two parallel stories (not in a tab):Original version of my two story implementation:Regards,
Saq
--
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/d60QYKycUCY/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/12b390ee-4d1b-470e-976c-bb0fe4e827a0%40googlegroups.com.
Hi Saq, thanks for the detailed reply. See my comments below in bold.
To unsubscribe from this group and all its topics, send an email to tiddl...@googlegroups.com.
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/89c499b2-1d1f-49c0-8105-af613c2e2a13%40googlegroups.com.
To unsubscribe from this group and all its topics, send an email to tiddlywiki+unsubscribe@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/89c499b2-1d1f-49c0-8105-af613c2e2a13%40googlegroups.com.
Dave: interesting, as my personal preference would be for one tiddler on the left and multiple on the right for reference :)
Anyway, we might start off as I am suggesting simply because its easier to get working and then take it from there. The zoomin storyview - which we need to show just one tiddler - isn't playing nice in the second story at the moment.
Ideally I do think this needs to be user configurable and we should be able to manage that.
I think we need to get something usable together and make it avaiable as a proof of concept or beta version, and hopefully get some feedback from people using it before we try to refine the behaviour too much.
Btw, those icons for one vs two stories are an eyesore. Any suggestions for better icons we can use?
I also have some other thoughts regarding the UI for TiddlyBlink since it's open on my screen:- I can't tell what the + button in the tiddler toolbar is for, it needs a tooltip.
- the eye icon and the menu it shows might be better suited at the bottom of the tiddler in the references area, would reduce clutter at the top too. Or altogether hidden away in a global settings menu if it wont be used too often.
- suggest making the "fold"/"fold others" feature more easily accessible at least in the tiddlers in the second (right hand) story.
- the "more actions" dropdown button of the tiddler toolbar being in the middle of other buttons rather than on one of the edges means it easier to overlook that it offers several options in a dropdown menu
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/80d69d71-5196-4f44-89ef-1ba22092fe9b%40googlegroups.com.
Updated demo: https://saqimtiaz.github.io/sq-tw/doubleblink.htmlI have only spent a few minutes looking at Roam, but from what I saw doesn't it have one note open on the left, and can have several open in the sidebar on the right?
Anyway, good to take inspiration but ultimately the aim should be to create a workflow that makes sense and is useful.
These are the eyesore icons I am referring to, which can be used to hide/show the second story without closing all the tiddlers in it:
- shift clicking any tiddler link opens the second story and the tiddler there.
- with the second story open, you have a button you can use to toggle it. That is, you can leave tiddlers open in the second story but hide the story, and open it again later.
In my personal use I have found this extremely useful, and anyone that doesn't want this functionality can not use it or disable it.- We need better icons and need to consider where to place this button, perhaps in the page controls alone is enough?
- (Personally I also use a keyboard shortcut for this) The button in the page control area can already be disabled via configuration options and the one in the side bar can also be made a config option.
Regarding folding:
- you could put the fold button to the left of the tiddler title. Alternatively the tiddler title itself could be clickable and act to fold/unfold the tiddler.
- I do feel like "fold others" would be useful if offered better affordance.
- Note that I bake in the setting that turns all Tiddler titles into links. This is handy to shift-click and open the same tiddler in the other story. However, this and the divert buttons offer very similar functionality and we don't necessarily need both.
- Shift+ click on the title opens the same tiddler in the other story, now you have it in both stories. Divert moves it to the other story.
So there is room here to choose one of the two and either not have the tiddler titles as links, or not have the divert buttons and free up toolbar space.
--Regards,
Saq
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/d60QYKycUCY/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/a7572c2b-5a7b-4b7b-8a0b-e5cfc2879ab8%40googlegroups.com.
Updated demo: https://saqimtiaz.github.io/sq-tw/doubleblink.html
Right now, all the tweaks and improvements I am making are targeted at DoubleBlink. However I will aim to make everything configurable and eventually port the improvements back to the non-Blink version as well.Ideally we can make this a set of tiddlers that can be added to any TW running the standard pagetemplate, to add dual story support with all other features a configuration option.Birthe: open https://saqimtiaz.github.io/sq-tw/doubleblink.html#Stories-overview and import via drag and drop the following tiddlers:If you are on node.js, also copy $:/config/SyncFilter and if you are using single file, I think you can use a publishFilter, to exclude $:/_sq/Stories/Story2HistoryList from being saved. Note this isn't for the toggle menu, but to avoid saving the historylist for the second story, which otherwise keeps growing all the time.
David: got home from the hospital too exhausted to sleep, so hacked on this instead. My schedule is just very erratic at the moment. So you might see updates every day and then none for a week.
The overlapping sidebar has been there since my original post. This behaviour is triggered when the screen width is less than the setting "Minimum width to show non-overlapping sidebar". When the screen is wider than that, you get a regular sidebar.Regarding the horizontal scrolling in the sidebar, I do see a horizontal scrollbar right at the bottom. And I also see the same behaviour on tiddlywiki.com. If you are experiencing something different, please post a screenshot.
The divert button has issues when the target story uses the zoom storyview. This should now be fixed.
Let me know if there is anything else you need before being able to offer this to users as a proof of concept or beta version for more feedback.
--
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/d60QYKycUCY/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/6e6d2ec2-3b50-4e45-94d8-e19a586cc02f%40googlegroups.com.
Right now, all the tweaks and improvements I am making are targeted at DoubleBlink. However I will aim to make everything configurable and eventually port the improvements back to the non-Blink version as well.Ideally we can make this a set of tiddlers that can be added to any TW running the standard pagetemplate, to add dual story support with all other features a configuration option.
Birthe: open https://saqimtiaz.github.io/sq-tw/doubleblink.html#Stories-overview and import via drag and drop the following tiddlers:
If you are on node.js, also copy $:/config/SyncFilter and if you are using single file, I think you can use a publishFilter, to exclude $:/_sq/Stories/Story2HistoryList from being saved. Note this isn't for the toggle menu, but to avoid saving the historylist for the second story, which otherwise keeps growing all the time.
--
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/d60QYKycUCY/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/aa7c172e-ca94-46bf-963d-50c4c43e2704%40googlegroups.com.
To unsubscribe from this group and all its topics, send an email to tiddl...@googlegroups.com.
Hey everyone,
I am sharing my two story tiddlywiki setup that I have been using for the last couple of years, as it has come to my attention that there is still some interest in this. This isn't really designed to be freely reusable at this point and is still rough around the edges, but hopefully it proves useful. I am planning to rewrite this from scratch based on my learnings in the near future.This was done more as a proof of concept and if I re-did this today the UI would be significantly different. I implemented this in 2017 partly as an exercise in learning TW5 (I was a long time TWC user years ago) and it worked better than anticipated so I have just kept using it without taking the time to refine it. So it can definitely do with some cleanup in terms of code and CSS. Currently the CSS is responsive, below a certain width the sidebar is hidden and if the screen is even smaller it defaults to a one stop layout. It's also optimized with larger screens in mind (1920px+ width)Furthermore some parts could be better streamlined now that I understand TW5 a lot better and also due to some welcome changes in the core.Let me know if anything doesn't work, I've ripped this out of a larger and more complex TiddlyWiki and hopefully I got all the important bits.
- Shift click links to open in the other story
- Shift click the edit button to edit in the other story - I probably use this feature the most.
- Dropzones above each story - not as useful as I had first expected
- Each tiddler has a "divert" button in the toolbar that opens it in the other story.
- Screen width > 1920, you get two stories and the normal sidebar
- Screen width > 1920 %% < 1280, the sidebar overlaps the second story and can be hidden
- Screen width < 1280, the second story is hidden
If you add this as is to a TiddlyWiki with a custom theme, you more than likely will need to adapt the css a fair bit.Regards,Saq
Saq et all,This is great collaborative work, I just thought I would add a Quick observation and express a desirable feature.But first I love the versatility of two stories, thank you. And Saq put your health first, I know I have to as well, after eye surgery.
- I opened a table of Contents like tiddler in a new window and click, ctrl-click (open but do not navigate) and shift-click into second story work very well. This is a good way of controlling what appears in each story, I call this remote control of the story(s). Please keep this opportunity in mind while refining this.
- Give the above I am keen to retain the ability to have one or more tiddlers in each story. Perhaps the ideal way to do this is to allow each story to select its story view.
- Perhaps our Gurus can help with this. Jeremy has being floating new page layout options that hinted at two stories. I think this functionality is very useful especially with so many widescreen laptops and desktop screens out their now, not to mention those wide gaming screens. Of course it's not so much about mobiles but it is certainly very good for designers and some solutions.
Optional extra concept, I hope to further this but it is not too easy to express, let me hint at it,
- If each open story column could have optional top left bar, top centre, and Top right bar and above story as well as the bottom/footer equivalents this would be helpful.
- If the Wiki top had elements left, centreleft, centre, centre right, right and the footer equivalent, with a choice of fixed or scrollable options.
- If the above headers could be cloned so one could have more than one at the top or bottom.
- All of the above in a flexible responsive mobile layout.
- If the elements only showed if they had content but would show with a default Justification Left, Centre and Right etc...
- The similar 5 elements in vertical sidebars with the centre element fixed (like current sidebar)
With both two or multiple stories and this dynamic layout I find it hard to imagine not being able to replicate the design of almost any website layout in tiddlywiki not to mention plenty of new innovative layouts.Mario has being working on saving multiple stories so his ideas may go well with the two story model.RegardsTony
On Wednesday, April 15, 2020 at 3:05:52 AM UTC+10, Saq Imtiaz wrote:Hey everyone,
I am sharing my two story tiddlywiki setup that I have been using for the last couple of years, as it has come to my attention that there is still some interest in this. This isn't really designed to be freely reusable at this point and is still rough around the edges, but hopefully it proves useful. I am planning to rewrite this from scratch based on my learnings in the near future.This was done more as a proof of concept and if I re-did this today the UI would be significantly different. I implemented this in 2017 partly as an exercise in learning TW5 (I was a long time TWC user years ago) and it worked better than anticipated so I have just kept using it without taking the time to refine it. So it can definitely do with some cleanup in terms of code and CSS. Currently the CSS is responsive, below a certain width the sidebar is hidden and if the screen is even smaller it defaults to a one stop layout. It's also optimized with larger screens in mind (1920px+ width)Furthermore some parts could be better streamlined now that I understand TW5 a lot better and also due to some welcome changes in the core.Let me know if anything doesn't work, I've ripped this out of a larger and more complex TiddlyWiki and hopefully I got all the important bits.
- Shift click links to open in the other story
- Shift click the edit button to edit in the other story - I probably use this feature the most.
- Dropzones above each story - not as useful as I had first expected
- Each tiddler has a "divert" button in the toolbar that opens it in the other story.
- Screen width > 1920, you get two stories and the normal sidebar
- Screen width > 1920 %% < 1280, the sidebar overlaps the second story and can be hidden
- Screen width < 1280, the second story is hidden
If you add this as is to a TiddlyWiki with a custom theme, you more than likely will need to adapt the css a fair bit.Regards,Saq
--
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/d60QYKycUCY/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/cf1dcc52-f312-4f2c-9d39-276a081a260f%40googlegroups.com.
--
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/d60QYKycUCY/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/c574bcbd-5a71-4849-b1c8-ef12721b3a63%40googlegroups.com.
--
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/d60QYKycUCY/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/aae7b520-4e15-4074-8e0a-7274fd3a92c9%40googlegroups.com.