Tinderbox User-to-User Forum (for formal tech support please email: info@eastgate.com) - Making an HTML outline (expandable/contractible)

YaBB Administrator

Offline

User - not staff!

Posts: 5689
Southsea, UK

Re: Making an HTML outline (expandable/contractible)
Reply #30 - Jul 12^th, 2009, 8:10am

OK, the originals code's fine. Lining up is a visual layout issue, solved with CSS. I've updated the outline collapse demo. I've used the same filename so it should over-write the original:
http://www.acrobatfaq.com/tbdemos/HTML_outline_collapse.zip

For the curious, I've made 2 changes to the original. I've added one CSS style (to the /CSS/styles) and made one of the lines conditional in template /TEMPLATES/sitemap-titles. How it works it that if an item has no children, then the title gets a 26 pixel left padding to allow for the space otherwise occupied by the +/- icon.

Back to top

--
Mark Anderson
TB user and Wiki Gardener
aTbRef v6
(TB consulting - email me)

IP Logged

Marcelo Mirage

Full Member

Offline

Posts: 133
Brazil

Re: Making an HTML outline (expandable/contractible)
Reply #31 - Jul 13^th, 2009, 10:52am

@Mark A.: Great. Everything went fine. I just made it 30px in order to line up correctly in my MB. I suppose setting the padding in pixels will present this minor problem. Wouldn't it be better done in em's?

Thanks a lot, Mark! I've just used your invaluable help to set up a template, which I'm submitting to Mark B. for a place in the Public Exchange File.

You have no idea how useful this technique was to my workflow!

Back to top

IP Logged

Mark Anderson

YaBB Administrator

Offline

User - not staff!

Posts: 5689
Southsea, UK

Re: Making an HTML outline (expandable/contractible)
Reply #32 - Jul 13^th, 2009, 11:05am

Re the spacing. Following the practices of much more savvy web designers I get the impression that em or px (pixels) are good for vertical padding and px are generally better for horizontal padding. For instance you might want inter-paragraph space to scale with increased font-size but you might not want you gutters to grow so much if at all. The only agreement is that generally pt (points) are bad, maily due to the way Microsoft Browsers don't scale them; bug or alternate design standard, who's to say but the IE/pt handling is not generally liked, thus use of em & px.

Ideally set your base 'normal' text to a particular size and scale everything else - you can use pos/neg percentages instead of having to hard code actual font sizes.

Back to top

--
Mark Anderson
TB user and Wiki Gardener
aTbRef v6
(TB consulting - email me)

IP Logged

Marcelo Mirage

Full Member

Offline

Posts: 133
Brazil

Re: Making an HTML outline (expandable/contractible)
Reply #33 - Nov 8^th, 2009, 8:57pm

Hi, guys.

I've been successfully using a TB model quite often now. I think I have worked out all the details so it can be used as a general model. The exported HTML should mime "Explorer View" (on the left, the outliner, on the right, the note's text).

Any questions, let me know.

@Mark B. :
It could be featured in the Public Exchange Files, should you wish it. The zip (Outliner+TextFrame.tbx.zip) is in your "screencasts" folder in Dropbox.

Back to top

« Last Edit: Nov 8^th, 2009, 9:00pm by Marcelo Mirage »

IP Logged

Mark Bernstein YaBB Administrator Offline designer of Tinderbox Posts: 2871 Eastgate Systems, Inc.	Re: Making an HTML outline (expandable/contractible) Reply #34 - Nov 8^th, 2009, 9:45pm Great. Please email too (info@eastgate.com); we're busily packing for Tinderbox Weekend San Francisco, and so need all the reminders we can get!
Back to top	IP Logged

Mark Bernstein YaBB Administrator Offline designer of Tinderbox Posts: 2871 Eastgate Systems, Inc.	Re: Making an HTML outline (expandable/contractible) Reply #35 - Nov 12^th, 2009, 7:00pm It's now available on the Public File Exchange. It might be good to start a fresh thread!
Back to top	IP Logged

Paul Walters Ex Member	Re: Making an HTML outline (expandable/contractible) Reply #36 - Nov 13^th, 2009, 5:09am This is excellent. Very timely; I'm just now starting something that needs exactly this approach. Marcelo - obrigado! And all who supported the work, too.
Back to top	« Last Edit: Nov 13^th, 2009, 5:10am by Paul Walters » IP Logged

Patrick Lynch Full Member Offline Posts: 28 Hawthorne CA	Re: Making an HTML outline (expandable/contractible) Reply #37 - Dec 5^th, 2009, 4:58pm I, too, have found the Outliner&TextFrame amazingly useful. However, when I start replacing the "Outliner" with another phrase (e.g. Action Plan Agenda 12.3.09), the dropdown menus stop working. It looks to my novice eyes that the DEF files are not copying over. Patrick
Back to top	IP Logged

Mark Anderson

YaBB Administrator

Offline

User - not staff!

Posts: 5689
Southsea, UK

Re: Making an HTML outline (expandable/contractible)
Reply #38 - Dec 6^th, 2009, 5:14pm

Assuming you've started with the file on the File Exchange, your problem is this - see contents of index.html;
Code:

<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>index.html</title>
</head>
<frameset cols="50%,*">
	  <frame src="outliner.html"/>
 	<frame src="Def/1.html" name="view_frame"/>
</frameset>

</html>

Notice how frame #1 looks for "outliner.html"? That file name is derived - as you may guess from the name of a note named "Outliner". Change the note name and the exported file is different. all in not lost...

Luckily there is a fix for this without you re-coding all the export stuff. Select the note that was originally called "Outline". Open HTML view - Cmd+Opt+H. If the "File name" box doesn't say "outliner" (case-sensitive) or says nothing, change the box contents to "outliner" (without the quotes). Now HTML export should work as expected. Plus, you've just found out how to export one file to the name of another.

Back to top

--
Mark Anderson
TB user and Wiki Gardener
aTbRef v6
(TB consulting - email me)

IP Logged

Marcelo Mirage

Full Member

Offline

Posts: 133
Brazil

Re: Making an HTML outline (expandable/contractible)
Reply #39 - Dec 7^th, 2009, 6:15pm

Yes, I thought I had fixed that. I have an updated version which already has the File name set to "outliner.html" in the HTML view. So the container's title would only be used as <h1> heading for the title. But I think Mark B. hasn't updated it in the File Public Exchange.

@Patrick and Paul: Thank you guys, I'm glad you found it useful.

Back to top

IP Logged

Mark Anderson YaBB Administrator Offline User - not staff! Posts: 5689 Southsea, UK	Re: Making an HTML outline (expandable/contractible) Reply #40 - Dec 7^th, 2009, 7:06pm Actually, the version I have - via the exchange - does have Marcelo's correction of the outline page export name in it so I guess Patrick must have got the earlier version.
Back to top	-- Mark Anderson TB user and Wiki Gardener aTbRef v6 (TB consulting - email me) IP Logged

Marcelo Mirage

Full Member

Offline

Posts: 133
Brazil

Re: Making an HTML outline (expandable/contractible)
Reply #41 - Jan 2^nd, 2010, 12:24pm

I noticed a text link is automatically converted to a weblink (at least in v5):

1. Create a new document.
2. Add two notes, named "1" and "2"
3. Add text to note "1" and link this text to note "2"
4. Open HTML view on note "1".

result: a <a href> tag is created automatically.

Very handy.

But why isn't this conversion occurring in my Outline&TextFrame template?

e.g.:

1. Open the template document.
2. Add a text in note "1" and link it to note "2"
3. Open HTML view for note "1"

result: <a href> is not created.

p.s.: As soon as I learn the solution, I'll ask Mark B. to update the template at the Public File Exchange http://www.eastgate.com/Tinderbox/Exchange.html to version 3 (Outliner&TextFrame_v3.tbx)

Back to top

IP Logged

Mark Anderson

YaBB Administrator

Offline

User - not staff!

Posts: 5689
Southsea, UK

Re: Making an HTML outline (expandable/contractible)
Reply #42 - Jan 2^nd, 2010, 1:12pm

I think it's because your 'missing' link end at a note that is exported as an include to another note. As the referenced aTbRef explains such links - though functional within Tinderbox - don't export. A note isn't always exported in one place only - an include might occur in several different exports, all based on the same TB note. How does TB know to which note it should link; it can't. If you want cross-links you need to scale back on includes. It is for this reason that aTbRef, which has a lot of cross-referencing, doesn't use includes when exporting.

Back to top

--
Mark Anderson
TB user and Wiki Gardener
aTbRef v6
(TB consulting - email me)

IP Logged

Marcelo Mirage Full Member Offline Posts: 133 Brazil	Re: Making an HTML outline (expandable/contractible) Reply #43 - Jan 2^nd, 2010, 4:22pm I see... Might there be a workaround? If not, then each link will have to be a legitimate weblink, right? I wonder if any clever agent trick could automatize this procedure...
Back to top	IP Logged

Marcelo Mirage

Full Member

Offline

Posts: 133
Brazil

Re: Making an HTML outline (expandable/contractible)
Reply #44 - Jan 2^nd, 2010, 4:26pm

But come to think of it:
Quote:

Note that basic and text links to other notes are suppressed on export if the target note is not exported as a stand-alone page - e.g. the target is only exported as part of the inline body text of another note.

(TbRef)

Well... the target note in question IS a stand-alone page, isn't it?

Back to top

IP Logged

	Welcome, Guest. Please Login
	News: IMPORTANT MESSAGE! This forum has now been replaced by a new forum at http://forum.eastgate.com and no further posting or member registration is allowed. The forum is still accessible via read-only access for reference purposes. If you wish to discuss content here, please use the new forum. N.B. - posting in the new forum requires a fresh registration in the new forum (sorry - member data can't be ported).