TW5 tutorial Footnotes

[Danielo Rodríguez]

Hello!

I know what are you thinking: "Footnotes? AGAIN?"

YES!

Why? Because I think that I have a good approach. I have been reading the TW5 documentation and I realized that it is possible to create very good footnotes with the native widgets of the current release.

If you want to see it working just go to http://braintest.tiddlyspot.com/ and sear for PopupFootnotes.

Hope you like it!

[Eric Shulman]

On Monday, February 17, 2014 7:49:43 AM UTC-8, Danielo Rodríguez wrote:

I know what are you thinking: "Footnotes? AGAIN?"

If you want to see it working just go to http://braintest.tiddlyspot.com/ and sear for PopupFootnotes.

Nice clean implementation!

However, I'd call them "annotations" rather than "footnotes".

Footnotes commonly have several usage aspects that go beyond simple "popup notes":

* auto numbering

    footnotes are often automatically numbered in sequence.  Inserting a new footnote renumbers all subsequent footnotes.

* multiple references

    the same footnote can be referenced from several places in the body of the text

* page-wise formatting 

    although popup footnotes are useful for onscreen display, printed documents would need to have footnotes placed at the bottom of the page on which the footnote occurs, or perhaps in an appendix to the entire document.

-e

[Stephan Hradek]

I'd not use ^^ for marking the numbers but something like <span class="footnotenr"> and then use CSS to change the appearance. The advantage is that you can have different appearances for real superscript and footnote numbers.

[Danielo Rodríguez]

Nice clean implementation!

Thank you very much!

 

However, I'd call them "annotations" rather than "footnotes".

That makes much more sense

 

Footnotes commonly have several usage aspects that go beyond simple "popup notes":

* auto numbering

    footnotes are often automatically numbered in sequence.  Inserting a new footnote renumbers all subsequent footnotes.

I think the same, but I'm not skilled enough to modify the core. I'm afraid there is no other way

 

* multiple references

    the same footnote can be referenced from several places in the body of the text

* page-wise formatting 

    although popup footnotes are useful for onscreen display, printed documents would need to have footnotes placed at the bottom of the page on which the footnote occurs, or perhaps in an appendix to the entire document.

That's right and Interesting. I will think about it 

[Danielo Rodríguez]

El lunes, 17 de febrero de 2014 17:28:24 UTC+1, Stephan Hradek escribió:

I'd not use ^^ for marking the numbers but something like <span class="footnotenr"> and then use CSS to change the appearance. The advantage is that you can have different appearances for real superscript and footnote numbers.

I thought about it but I was too anxious to try it out! As usual your advise give more flexibility and modularity to the whole idea. 

[Danielo Rodríguez]

Footnotes commonly have several usage aspects that go beyond simple "popup notes":

* multiple references

    the same footnote can be referenced from several places in the body of the text

* page-wise formatting 

    although popup footnotes are useful for onscreen display, printed documents would need to have footnotes placed at the bottom of the page on which the footnote occurs, or perhaps in an appendix to the entire document.

That suggestions are currently implemented. Give it a look.

Otherwise I'm experiencing one problem: too long entries goes out of the screen. I have to force the line breaks. I tried with some css rules with no luck. The div takes the size that I define, but the text does not wrap. Any have any idea of how to deal with this?

[David Gifford]

Bien hecho! Me gustan las notas al pie.

I like the global way of doing footnotes and will probably use it in my Spanish biblical materials at http://www.giffmex.org/recursosgiffmex.htm, and other places. Nice job.

I am curious why you would see your rojo text macro as more efficient than, say, putting .red {...} in StyleSheet and @@.red TEXT@@ in the tiddler? Is there something I am overlooking?

Dave

[Alberto Molina]

Hi Danielo,

I tried myself to make "popnotes", but your implementation is far better than mine. I love it. Thanks.

Alberto

[Danielo Rodríguez]

Hi David

Glad you like it! Me alegra mucho.

About the rojo macro: for me is faster to type < since it is a single key and is very close to my fingers. The @, at least in my keyboard layout involves two keys that are very far away.

Alberto I'm glad you like it too.

[Alberto Molina]

Hi Danielo,

Otherwise I'm experiencing one problem: too long entries goes out of the screen. I have to force the line breaks. I tried with some css rules with no luck. The div takes the size that I define, but the text does not wrap. Any have any idea of how to deal with this?

I have the same problem when transcluding a tiddler in a "popnote" as I call them: <<popnote "label" "{{MyTiddler}}">>

Maybe there's another way of doing the same using the "wizard button" shown in tiddlywiki.com:

<$button message="tw-modal" param="SampleWizard" class="btn btn-inverse">nest wizards</$button>

The idea is to use a temporary tiddler for param="…" and put the note contents inside. And to put the note's label as the value of the subtitle field in this temp tiddler.

But I don't know if it would work, and I'm not skilled enough to try (I don't even imagine how to begin with).

Saludos,
Alberto

 

[UBi]

Hi Danielo,

Thanks for sharing it. I tried it instantly, and found a little glitch: If the footnote text contains [[Links]], they get wikified as block, i.e. on an extra line, interrupting line flow. It's because of ".tw-drop-down a { display: block; padding: 0 14px 0 14px; }" in $:/themes/tiddlywiki/vanilla/base.
You can correct it by adding a single-lined <style> block to the definition macro, directly after <div class="tw-drop-down">:

style>.tw-drop-down a {display:inline;padding:0}</style>

And if you add ".tw-drop-down dd {white-space:normal}" to that block, long lines won't leave screen anymore :-)

Uwe

[UBi]

Okay, here is the corrected style block:
<style>.tw-drop-down dd a {display:inline;padding:0} .tw-drop-down dd {white-space:normal;}</style>
Uwe

[Alberto Molina]

Le mardi 18 février 2014 13:52:30 UTC+1, UBi a écrit :

Okay, here is the corrected style block:
<style>.tw-drop-down dd a {display:inline;padding:0} .tw-drop-down dd {white-space:normal;}</style>
Uwe

Hi Uwe,

I tried your solution and it works, but is there a way no to show the lines of the block?

Alberto

[UBi]

Hi Danielo,

It's me again. I finally realised that there's a popupStyle tiddler in your TiddlyWiki. Of course that's a better place for re-styling.

Uwe

[UBi]

Hi Alberto,

sorry, I don't know which lines you mean. Can you explain further?

Uwe

[Danielo Rodríguez]

Hello UBi
I also realized where the problem was, but I didn't succeed fixing it. Thank you very much. It is now working as it should except for one detail : small pop-ups are the same size than larger ones even when it is not needed. Probably I have to play with margins and padding.