Render all tiddler elements in a div?
David
to put a div somewhere on my PageTemplate and have one single tiddler
appear in that div. I can get the contents of the tiddler to do so,
but I can't seem to get the other elements (such as the title and the
date line) to appear also. I've seen bits here and there about the
with: params, but I'm still not clear on the syntax. Editing is not
necessary in the div element, just rendering the tiddler and all of
its parts as it would appear in the main story.
Also, I'm not clear on whether there is any difference between
<div id="someDiv" macro="tiddler someTiddler"></div>
or
<div id="someDiv" tiddler="someTiddler"></div>
And at the risk of asking too many questions at once, the standard
layout in PageTemplate uses several divs that do not have an obvious
function on their own, such as #mainMenu, #sidebar and #displayArea.
Are these just wrappers used for positioning their containing
elements, or does the core code or plugins expect them to be there for
a specific purpose?
Thanks for giving up part of your holiday to help me with this. Happy
New Year!
David
PMario
The PageTemplate defines the overall structure of the page.
*PageTemplate:displayArea:tiddlerDisplay .. is responsible for the
tiddler stuff
The tiddler display is defined in the ViewTemplate
*ViewTemplate:
toolbar .. defines the tiddler toolbar with edit, close ...
title .. defines the tiddler title
subtitle .. modifier, date ...
...
viewer .. "macro='view text wikified' renders the tiddler content
The style definitions are in StyleSheetLayout which is a "protected /
shadow" tiddler which defines the default values
If you want to make changes, use StyleSheet to define your values.
On Jan 2, 1:33 am, David <davidconne...@gmail.com> wrote:
> I've dug through these posts but I'm still not clear on this. I want
> to put a div somewhere on my PageTemplate and have one single tiddler
> appear in that div. I can get the contents of the tiddler to do so,
> but I can't seem to get the other elements (such as the title and the
> date line) to appear also.
As I mentioned above, if you want to have titel, modifieer, date .. it
needs title, subtitel div also.
>I've seen bits here and there about the
> with: params, but I'm still not clear on the syntax. Editing is not
> necessary in the div element, just rendering the tiddler and all of
> its parts as it would appear in the main story.
I think it need a new / extended viewTemplate
> Also, I'm not clear on whether there is any difference between
> <div id="someDiv" macro="tiddler someTiddler"></div>
macro= "anyMacro anyMacroParameter" .. will execute the anyMacro with
its anyMacroParameters, if the content is rendered by the core.
> or
> <div id="someDiv" tiddler="someTiddler"></div>
eg: <div id='mainMenu' refresh='content' tiddler='MainMenu'></div>
if the tiddler='MainMenu' is changed/edited the div id='mainMenu' will
be refreshed automatically by the core.
> And at the risk of asking too many questions at once, the standard
> layout in PageTemplate uses several divs that do not have an obvious
> function on their own, such as #mainMenu, #sidebar and #displayArea.
the div ids are used by the core. the default style is defined in
StyleSheetLayout. If you want to change it use StyleSheet which
overwrites StyleSheetLayout.
> Are these just wrappers used for positioning their containing
> elements, or does the core code or plugins expect them to be there for
> a specific purpose?
you can remove most of them in PageTemplate if you want. But I would
suggest to hide them if you don't need them. Because in the future you
may want them back :) There are a lot of plugins/transclusions [1]
which can be used.
> Thanks for giving up part of your holiday to help me with this. Happy
> New Year!
A Happy New Year
I made a step by step howTo which deals with plugins and some aspects
of the TW layout. May be it can answere some questions. [2-4]
AND: If you tell us a little more details about your "permanent"
tiddler. What it should do, or display and where it should appear, may
be, there is already a solution.
regards Mario
[1] http://a-pm.tiddlyspot.com ... see the top menue
see: http://www.tiddlytools.com .. search for "transclusion"
[2] http://a-pm-part1.tiddlyspot.com ... start of a 3 part howto
[3] http://a-pm-part2.tiddlyspot.com ... inserting some additional
plugis + StyleSheet + Template
[4] http://a-pm-part3.tiddlyspot.com ... 3rd part of the howto
David
Thank you so much for your very detailed explanation. Ask a lot of
questions, and you get a lot of answers! :-) You do a wonderful job
with explaining things very clearly, as I also see by the
documentation in your a-pm sites. I've visited there before and am
interested in looking further at using TW as a presentation tool.
Let me see if I can be just a little bit more explicit about my
"tiddler in a div". I think I have a good grasp of the PageLayout and
ViewTemplate and the StyleSheetLayout in TW. I also can use
transclusion (it's a lot of fun!) to bring content from one tiddler
into another. So far so good.
Now here's the scenario: Suppose I want a fixed box to appear
somewhere on the page to display news, announcements, an image, or
whatever content it may be (could be anything, really). I can create
the box by adding a div to the PageLayout in the appropriate place,
and style and position it with CSS in the StyleSheet. I can transclude
the content of SomeTiddler into that box using something like:
<div id="someDiv" macro="tiddler someTiddler"></div>
Of course what I get with that is only the *content portion* of the
transcluded tiddler. I do not get the toolbar, the title, the
dateline, or the tag elements. What I am hoping to do is to display a
complete, normal-looking tiddler with all of its parts in a div
somewhere else on the page other than the normal "story" (is that the
right word?). If I can't get all of the elements, I would at least
like to be able to display the title of the tiddler within the div
along with the tiddler contents. The closest I have gotten is to put
this in the someTiddler content:
{{title{This will look like the title}}} /% Temporary title hack %/
This is the normal content of the tiddler. blah blah blah
Using transclusion in the div shown above, this displays a tiddler
title and tiddler content, but the title is not actually the real
title of the tiddler, just whatever title is typed in to the first
line. Of course there may be situations where this is useful, but I'd
still like to know how to pull the actual title of the tiddler into
the div.
By the way, editing the contents within the div is not necessary,
since someTiddler can be opened and edited easily in the normal story.
I'm just trying to get the display of someTiddler and all of its
elements to appear in the div.
Hopefully this is a little better focused than my first posting.
Thanks for all your help!
David
> see:http://www.tiddlytools.com.. search for "transclusion"
>
> [2]http://a-pm-part1.tiddlyspot.com... start of a 3 part howto
> [3]http://a-pm-part2.tiddlyspot.com... inserting some additional
> plugis + StyleSheet + Template
> [4]http://a-pm-part3.tiddlyspot.com... 3rd part of the howto
Måns
What you are trying to accomplish sounds very nice and usefull
indeed...
Eric (TiddlyTools) has made a nice newsapplet for TiddlyTools updates
and in the UnaMesa applicationform
http://www.google.com/url?sa=D&q=http://academy.unamesa.org/Application&usg=AFQjCNEq7IMewKZYys2ZCE-eot-IUj57jw
he added a button to different tiddlers: the "apply now" button, which
seems to overflow the boundaries of a normal tiddler.. I recon you
could use it as a template for all sorts of buttons...
I've made my own version of Erics quicknotes transclusion and put it
permanently inside the right sidebar here: http://notestormproject.tiddlyspot.com/#NewNote
(You'll have to click edit online to see the "newNote" button - and
insert a username to edit)
I'm sure it's possible to tweak the quicknotes transclusion to always
edit the same tiddler and put the transclusion anywhere - as I did in
a nested slider or as a popup (maybe using Eric's ShowPopup
transclusion) or whatever.
Next challenge would be to find a place to wikify it's content - again
it could be a slide, a popup or even a moveable panel, which you could
place anywhere you like (needs Eric's moveablePanelPlugin +
panelmanager).
Eric (TiddlyTools) has made a "quickstartdocument" basics.html, which
has some nicely placed div elements - his storymenu and the goto-
searchbox are both well documented in the pagetemplate and in the
StyleSheet. - please investigate: http://tiddlytools.com/quickstart/basics.html
If you want complete control of where every element on the page - try
out his moveable.html - it's really great!!
http://tiddlytools.com/quickstart/moveable.html
regards Måns Mårtensson
PMario
I think I have some pointers.
Make a new tiddler named "Test" and put the following 3 lines into it:
<html>
<div class="anyClass" macro="tiddler [[News]] with: 'title' 'modifier'
'modified date' "></div>
</html>
*above should be 3 lines. google will wrap it.
*I covered it with html tags for testing inside a tiddler
Make a second tiddler named "News" content: 4 lines
!Title: <<view $1>>
Modified by: <<view $2>> at: <<view $3>>
This is some ''bold text''.
== end of second tiddler ==
see [1][2] for explanation what is done.
The tiddler macros will generate a <span> tiddler content </span>
inside the host tiddler
If you want to give it a class for additional CSS styling use
eg:
<html>
<div class="anyClass" macro="tiddler [[News]] 'spanClassName' with:
'title' 'modifier' 'modified date' "></div>
<div class="clear"><div>
</html>
I tested it here:
http://a-pm-experimental.tiddlyspot.com/#Test
http://a-pm-experimental.tiddlyspot.com/#News
regards Mario
[1] http://tiddlywiki.org/wiki/Transclusion
[2] http://tiddlywiki.org/wiki/View_%28macro%29
David
I'll give it a spin tomorrow when my brain reboots. Many thanks for
your kind assistance!
David
> I tested it here:http://a-pm-experimental.tiddlyspot.com/#Testhttp://a-pm-experimental.tiddlyspot.com/#News
> > > [1]http://a-pm.tiddlyspot.com... see the top menue
David
particularly interested in the Unamesa Academy. I'll be back for a
closer look at that one very soon (my field of study is adult
education).
Also thanks to pointing me to some resources I hadn't seen before on
Eric's site. I'll need to look a little closer at newNote. I have
played with moveable, and want to keep experimenting with it. The
floating tiddlers are really amazing, and may be useful for me.
You know, I think I found TW about a month ago, and I already have 20
or 30 experimental tiddlers running in different folders to test
different features. So far I think TW is about the easiest way I've
found to collect and seach for freeform data. It's so amazingly
customizable (but for me that's a downfall because I get too involved
in tinkering!). And as is often comment on in this forum, the
communiity is active, friendly, and very very helpful.
Thanks, Mans!
David
On Jan 2, 4:36 pm, Måns <humam...@gmail.com> wrote:
> Hi David
> What you are trying to accomplish sounds very nice and usefull
> indeed...
> Eric (TiddlyTools) has made a nice newsapplet for TiddlyTools updates
> and in the UnaMesa applicationformhttp://www.google.com/url?sa=D&q=http://academy.unamesa.org/Applicati...
> he added a button to different tiddlers: the "apply now" button, which
> seems to overflow the boundaries of a normal tiddler.. I recon you
> could use it as a template for all sorts of buttons...
>
> I've made my own version of Erics quicknotes transclusion and put it
> permanently inside the right sidebar here:http://notestormproject.tiddlyspot.com/#NewNote
> (You'll have to click edit online to see the "newNote" button - and
> insert a username to edit)
>
> I'm sure it's possible to tweak the quicknotes transclusion to always
> edit the same tiddler and put the transclusion anywhere - as I did in
> a nested slider or as a popup (maybe using Eric's ShowPopup
> transclusion) or whatever.
> Next challenge would be to find a place to wikify it's content - again
> it could be a slide, a popup or even a moveable panel, which you could
> place anywhere you like (needs Eric's moveablePanelPlugin +
> panelmanager).
>
> Eric (TiddlyTools) has made a "quickstartdocument" basics.html, which
> has some nicely placed div elements - his storymenu and the goto-
> searchbox are both well documented in the pagetemplate and in the
> StyleSheet. - please investigate:http://tiddlytools.com/quickstart/basics.html
>
> If you want complete control of where every element on the page - try
> out his moveable.html - it's really great!!http://tiddlytools.com/quickstart/moveable.html
> > > [1]http://a-pm.tiddlyspot.com... see the top menue
shavinder
rendering of a tiddler (with its toolbar and both view & edit mode) is
limited by the core to the tiddler display area only? Meaning it
cannot be displayed in its *live* form anywhere in header, sidebars or
a specially created div?
David
To the best that I have been able to determine so far, that is
basically correct. Others with more experience with TW may know
differently. Right now as far as I can tell there are two things you
can do. You can render the _content_ of the tiddler pretty much
anywhere you can you can type in a link. Transclusion is cool! The
other thing you can do is modify a tiddler's position through CSS
using the tiddler's ID (#tiddlerTiddlerName) and applying CSS
positioning to move the display of that tiddler to another (absolute
or relative) position on the page. So far that is the only way I have
found to hook into a tiddler and get the whole enchilada.
I'm really hoping that I'm wrong and the smart and experienced folks
in this forum will give me some clues on other ways to approach it.
There are probably some javascript hooks that I just don't know about.
So don't take this as gospel just yet until some more of the pros
check in on the topic.
David