Journal/Notes Page for readers of TW ReadOnly vers. - Ideas sought. Access to Option provided to view & use.

159 views
Skip to first unread message

John Newell

unread,
Oct 3, 2016, 8:23:30 PM10/3/16
to TiddlyWiki
One of the objectives for several tw ebooks/apps is to have the user ADD their own content even when the TW is d"disarmed" from editing access.

This would immensely handy for users / readers / viewers in maintaining notes to "self", journal entries, ToDo lists even a basic "bookmarking" note...

If anyone has elegant solutions to these key elements - I would be grateful for any input.

At present - I have attached my simple version - just a one page export ( rather than a near-complete book )
It comes without my input for directions - other that notice that I simply embedded and iframe of this other valuable free tool.

Each user can use the same page with embed - create their own username and password without any further enhancement or coding
Only downside is IF this site is taken down...
in which case - does anyone now how to create and host similar?

https://www.dropbox.com/s/vrrxsmmdmverx43/Journal-Notes.html?dl=0

cheers  .... John

Riz

unread,
Oct 3, 2016, 10:33:42 PM10/3/16
to TiddlyWiki
Hi John,
As someone interested in your TW5's application as an ebook reader, tell me this. Wouldn't it be rather easier to hide the titlebar of the main content?

John Newell

unread,
Oct 3, 2016, 10:54:20 PM10/3/16
to tiddl...@googlegroups.com
Hi Riz 

If you are referring directly to the 'sample' page titled 'Journal - Notes' :
As a page/chapter within a TWeBook, I would appropriately title it so it is visible (the reader would expect to have that identification of what page/chapter they are at (and)

I remove the time-stamp beneath the title
(and)

Set the iframe height and width at 100% 

Cheers John

On Tuesday, 4 October 2016, Riz <madapeed...@gmail.com> wrote:
Hi John,
As someone interested in your TW5's application as an ebook reader, tell me this. Wouldn't it be rather easier to hide the titlebar of the main content?

--
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/ey5_R2Lbd8Q/unsubscribe.
To unsubscribe from this group and all its topics, send an email to tiddlywiki+unsubscribe@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/43e7186b-ce81-4134-ab51-868f4dbc4097%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.


--
John Newell
Magilla Enterprises Pty Ltd


Rizwan Ishak

unread,
Oct 3, 2016, 11:22:15 PM10/3/16
to tiddl...@googlegroups.com

Oh, no. I think I did not make myself clear. In order to give the reader ability to add content while restricting them from editing the main content - isn't it easier to just hide the title bar of the ebook content? Even better, create a view template with just new tiddler or new journal button while hiding the rest. This has the advantage of keeping the TW self contained, rather than being dependant on an external site and expecting the reader to be online?

Of course this will not prevent someone with know how of tiddlywiki from hunting down that one shadow tiddler and reversing the effect, but hardly anything will stop them.

Is there an obvious point I am missing here?

John Newell

unread,
Oct 4, 2016, 1:00:57 AM10/4/16
to TiddlyWiki
Hi Riz

I believe I get it - but in order to ensure that I do ....
Assuming the rest of the ebook is fine .......

In a ReadOnly situation - CAN I add a "New Journal" button :
- that opens a new tiddler
- that the (each) user can use and save - for themselves?

Wouldn't I need a save button?

If this is easy to create - could you create an otherwise blank TW and show that to me ?

with thanks
John

John Newell

unread,
Oct 4, 2016, 1:05:20 AM10/4/16
to tiddl...@googlegroups.com
I think I am near what you suggest
C/- tw5magick.tiddlyspot.com/ 
tiddler - "Creating a simple Contacts DB"
just not quite sure how to set up as you advise ......

I GET it - and what you suggest looks like an elegant solution
I just don't have the know-how to get the right code created to do what you suggest.
( I've just spent almost an hour getting nowhere with it )
Great to have ideas - but - frustrating not having the tech skills to make it happen ....


JN



On Tuesday, October 4, 2016 at 2:22:15 PM UTC+11, Riz wrote:

Riz

unread,
Oct 4, 2016, 1:34:47 PM10/4/16
to TiddlyWiki
John,
Sorry for such a late reply.

So, see if this is what you plan to achieve.
https://drive.google.com/open?id=0B6_7jBHr5dP-cklDdnZ3ZTRyWGM

It is not hosted, so you will have to download and see.

It has 5 sample chapters, for which there are no control buttons. On the bottom right corner of each chapter is a New Journal Button, which will open a New Journal, as usual tagged with chapter name, with all usual controls.

The position of the New Journal button can be manipulated to place anywhere in the chapter tiddler with CSS (the easy way but a little unreliable way) or by change the order of list field in the main ViewTemplate manually.

Riz

unread,
Oct 4, 2016, 1:54:54 PM10/4/16
to TiddlyWiki


> Wouldn't I need a save button?

Not necessarily, since as and when the user saves his journal, the TW autosaves. Plus, what harm is there is retaining the save button as long as user does not have the ability to meddle with main content?

Josiah

unread,
Oct 4, 2016, 2:17:19 PM10/4/16
to TiddlyWiki
ciao John & Riz

as far as I understand TW architecture Riz is correct. Its possible to limit saving to user additions and prevent edits to defined core tiddlers. Some informed' programmers could get round it. But doubt that would happen. Why would they bother?

best wishes
josiah

John Newell

unread,
Oct 4, 2016, 5:54:43 PM10/4/16
to TiddlyWiki
Hi Riz, ( and Josiah )

As this series of tw ebooks/ apps are ALL created without user saving options
I would only need a save button on the Journal / Notes tiddler - which you (Riz) suggested.
An elegant and simple way to have a dynamic page where the user can add their notes, journal entries etc ....

With all Page Toolbar Buttons removed in the ReadOnly conversion process -
I would need to independently ADD an EDIT and SAVE button  just to that one tiddler -
which is what I am asking if anyone knows how to do this.

Josiah - you may be right - perhaps "nobody will bother"....
but I have greater faith and determination in getting tiddlywiki out there to a wider, appreciative market.
I hope I find support within
My clear preference is to have a native tiddlywiki solution to this
but if that isn't possible here -  I will look to engage someone to assist in this
and there are other "embedded" options that work well as an alternative to this specific inclusion
such as ( https://goo.gl/XDfKu9 ) -
clean and robust within a tiddler.

I currently am embedding a raft of external resources anyway - including
soundcloud, youtube, padlet, twitter, facebook, evernote, linkedin, etc
( particularly deep and rich in the Directory edition I am working on )

cheers
John

Riz

unread,
Oct 4, 2016, 9:08:19 PM10/4/16
to TiddlyWiki
Did you check the TW I posted here?

John Newell

unread,
Oct 4, 2016, 10:17:49 PM10/4/16
to TiddlyWiki
Hi Riz - sorry - up in the State Forests and internet is VERY hard to get...... I did try to open but can only see in html text
No rendering - perhaps it's not supposed to be a complete TW self-contained file - looks like its only 400KB or do. That'd only be a page.
Can we connect by email? jo...@social.as .... cheers and thanks for your help / patience ...

Riz

unread,
Oct 4, 2016, 11:03:20 PM10/4/16
to TiddlyWiki

John Newell

unread,
Oct 4, 2016, 11:40:34 PM10/4/16
to TiddlyWiki
Hey Riz

got it
thanks
that works - though there are some bits that would need attention:

BELOW I've copied from the notes I made ON that tiddler/ journal entry - done live in the tiddler.

I hope the HTML file comes thru -

here's the notes :

JN NOTES

Sidebar Contents / Options are NOT used in any of my projects - so disregard it's visibility or access for users/readers - alternative methods are used ...

Tags ARE visible in other chapters & understood for their use ( see SQuest ebook as example )

NoTimeStamp will usually be deployed - ie no date seen

User CAN suitably name (title) + save their journal / notes tiddler
Entry of their notes should be intuitive and not need guidance.
( though a tiddler could provided
"advanced" guidance for optimising eg - links etc - internal and external

User SHOULD tag their tiddler for later search as that is the only way in which they can find what they've written - - unless a pre-created linked tiddler lists tags for "Notes" "Journal" and "Comments"

THAT WOULD NEED EXPLANATION in creating and searching tags

It would be preferable to NOT display FIELD boxes of Type, Name and Value


again thanks Riz
we should talk soon, !

Riz

unread,
Oct 5, 2016, 1:44:31 AM10/5/16
to TiddlyWiki

John,

Hmmm, there were no direct questions in that comment. So I will try and reply to my own assumptions on reading your last comment.

Sidebar Contents / Options are NOT used in any of my projects

I remember your last Ebook project had Sidebar hidden. Well, since you already achieved that , I assume you do not need my inputs on how to hide sidebar permanently for such a project.

Still for the sake of any noobs after me, here are two different ways this can be achieved.

1) Create a new stylesheet tiddler with the following CSS code
.tc-sidebar-scrollable {display:none}

2) Hide the Sidebar as you would do normally. Then via advanced search, find the tiddler "$:/core/ui/TopBar/menu" and remove the tag "$:/tags/TopRightBar" from it.
This will basically hide access to button that will reveal/hide Sidebar.

Note: Second method is more flexible. If you are using that, you can have secret buttons somewhere user cannot access which will reveal the Sidebar.




NoTimeStamp will usually be deployed - ie no date seen

Where? The timestamps in the subtitles can easily be hidden. As for the title of New Journal appearing with Timestamp by default, you can change that. In the test wiki I sent you, find the tiddler named NewJournal - which is a minimal clone of the default New Journal button - and within it change the title=<<now>> value to anything you please to have a placeholder text, say title="Enter your title here"



Tags ARE visible in other chapters & understood for their use ( see SQuest ebook as example )

So I guess you do not want your chapters to have a tag called "EBook"?

Ok, so this is an issue. In a scenario like this, where tags are part of interface, we cannot have a common tag based on which we can hide the controls. A manual solution to this - ughh- is to specify each Chapter tag specifically in stylesheet and hide the controls. But that is not at all a solution.

There is a theoretical solution to this, which is to apply styles based on fields. If I understand it correctly, tags appear as class and fields appear as attributes of the <div> element in the TW html file. Based on this, I tried the attribute selector function. Let us say, tiddler named "Chapter 1" has a field called "fruit" with value "mango".
So If I use the syntax on the attribute selector

[fruit="mango"] {
font
-size:3em;
}
or

div[fruit="mango"] {
font
-size:3em;
}



It ought to work. It doesn't. I hope someone with a clearer understanding of CSS or TW5 will come around and enlighten.


If you want to see Adding notes and bookmarking function in a little more fancier environment, try https://ibnishak.github.io/hQp/ . Pick a chapter, then an author, under the translation, there will be a hamburger menu which will enable the user to add notes, bookmark that part, jump to the other parts of the chapter from there and see the notes added regarding that specific part.



magev958

unread,
Oct 5, 2016, 3:24:38 AM10/5/16
to TiddlyWiki
If you want to see Adding notes and bookmarking function in a little more fancier environment, try https://ibnishak.github.io/hQp/ . Pick a chapter, then an author, under the translation, there will be a hamburger menu which will enable the user to add notes, bookmark that part, jump to the other parts of the chapter from there and see the notes added regarding that specific part.

That was a beautiful example of what can be done with TW5

magillamax

unread,
Oct 5, 2016, 3:42:18 AM10/5/16
to 'Mark S.' via TiddlyWiki

On 10/5/2016 4:44:36 PM, Riz <madapeed...@gmail.com> wrote:


John,

Hmmm, there were no direct questions in that comment. So I will try and reply to my own assumptions on reading your last comment.
magillamax: 

The Sidebar comment was just that - an observation that the finalised tiddlywikis will all be without the sidebar. That is simply achieved within the ReadOnly transference. 

I can provide you my guides on how I achieve all elements within the ebooks I am creating - as stated - better to have your direct email for that when that time comes ....  ;-)

--
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/ey5_R2Lbd8Q/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.

John Newell

unread,
Oct 5, 2016, 4:01:20 AM10/5/16
to TiddlyWiki
Hi "magev958"  - I have seen that amazing reformat of TW. It has provided me inspiration. Thanks. It doesn't suit my current formats as it provides access to the "backend" which I do NOT want - as the integrity of the app / ebook  / site that it presents to users needs to have interaction but not reformatting ..... would like to keep lines of communications open with you as there ARE many elements I would like to ask you about. You and almost everyone in this forum has far greater skills than I possess. I just have a market and ideas that fufill their needs and TW can do sooooo much..

John Newell

unread,
Oct 5, 2016, 4:44:50 AM10/5/16
to tiddl...@googlegroups.com
Hi Riz-

All are valued comments.
And you are right - the basics are achieved in what I have mapped out - and you have addressed.

Tags ARE used in a few ways - check out the Spiritual Quest ebook which provides an insight into much of what will be used elsewhere -
ReadOnly, different use of tags, navigation ( upgrading to the use of FontAwesome, embedded fonts, audio, video, padlet etc)

No, there is no need for "ebook" tags - examples of tags that work the same as categories and tags within wordpress : ( for the Directory site(s) :
  • LOCATIONS : Suburb / township / postcodes
  • PRODUCTS / SERVICES :  Food Service and supply, Accommodation, Entertainment, Sports, Retail, Relaxation, Trades etc
  • ALSO tagged " Eat | Drink | Stay | Play | Buy | Enjoy | Repair | etc
  • PREMISES : Winery, Brewery, Retailer, Hotel, Nightclub, Cafe, Spa, Sports Club, Social Club, NFP etc


WHAT I do need to establish is :

  • Can the standard format of presenting a tiddler as a chapter - with :
    • no sidebar, 
    • no TW navigation
    • and no top menu items that are native to Tiddlywiki

PRESENT on it's OWN PAGE - a blank tiddler with 2 icon buttons ( similar in format to the icons and chevrons used in Spiritual Quest"

    • which activates the EDIT capabilities of the tiddler ( edit icon )
    • allows edits and additions to be saved ( save )
  • Note - there is NO close as it would be accessible under/ after the tiddler for which the comments relate....

can this be done?


cheers

John

Riz

unread,
Oct 5, 2016, 6:53:33 AM10/5/16
to TiddlyWiki


On Wednesday, 5 October 2016 12:54:38 UTC+5:30, magev958 wrote:
If you want to see Adding notes and bookmarking function in a little more fancier environment, try https://ibnishak.github.io/hQp/ . Pick a chapter, then an author, under the translation, there will be a hamburger menu which will enable the user to add notes, bookmark that part, jump to the other parts of the chapter from there and see the notes added regarding that specific part.

That was a beautiful example of what can be done with TW5


Thank you!!

@JN

it provides access to the "backend"
Yeah, I left it out intentionally so as to let new people take away if they feel there is anything worth it. 

can this be done?
I do not see why not.


Reply all
Reply to author
Forward
0 new messages