Welcome, Guest. Please Login
Tinderbox
  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).
  HomeHelpSearchLogin  
 
Pages: 1 2 3 4 5 6
Send Topic Print
Making an HTML outline (expandable/contractible) (Read 84046 times)
Mark Anderson
YaBB Administrator
*
Offline

User - not staff!

Posts: 5689
Southsea, UK
Re: Making an HTML outline (expandable/contractible)
Reply #30 - Jul 12th, 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)
WWW shoantel   IP Logged
Marcelo Mirage
Full Member
*
Offline



Posts: 133
Brazil
Re: Making an HTML outline (expandable/contractible)
Reply #31 - Jul 13th, 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
 
 
Marcelo Mirage Marcelo Mirage MMUmeda misantropov@yahoo.com   IP Logged
Mark Anderson
YaBB Administrator
*
Offline

User - not staff!

Posts: 5689
Southsea, UK
Re: Making an HTML outline (expandable/contractible)
Reply #32 - Jul 13th, 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)
WWW shoantel   IP Logged
Marcelo Mirage
Full Member
*
Offline



Posts: 133
Brazil
Re: Making an HTML outline (expandable/contractible)
Reply #33 - Nov 8th, 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 8th, 2009, 9:00pm by Marcelo Mirage »  
Marcelo Mirage Marcelo Mirage MMUmeda misantropov@yahoo.com   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 8th, 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
 
 
WWW   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 12th, 2009, 7:00pm
 
It's now available on the Public File Exchange.

It might be good to start a fresh thread!
Back to top
 
 
WWW   IP Logged
Paul Walters
Ex Member




Re: Making an HTML outline (expandable/contractible)
Reply #36 - Nov 13th, 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 13th, 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 5th, 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 6th, 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)
WWW shoantel   IP Logged
Marcelo Mirage
Full Member
*
Offline



Posts: 133
Brazil
Re: Making an HTML outline (expandable/contractible)
Reply #39 - Dec 7th, 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
 
 
Marcelo Mirage Marcelo Mirage MMUmeda misantropov@yahoo.com   IP Logged
Mark Anderson
YaBB Administrator
*
Offline

User - not staff!

Posts: 5689
Southsea, UK
Re: Making an HTML outline (expandable/contractible)
Reply #40 - Dec 7th, 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)
WWW shoantel   IP Logged
Marcelo Mirage
Full Member
*
Offline



Posts: 133
Brazil
Re: Making an HTML outline (expandable/contractible)
Reply #41 - Jan 2nd, 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
 
 
Marcelo Mirage Marcelo Mirage MMUmeda misantropov@yahoo.com   IP Logged
Mark Anderson
YaBB Administrator
*
Offline

User - not staff!

Posts: 5689
Southsea, UK
Re: Making an HTML outline (expandable/contractible)
Reply #42 - Jan 2nd, 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)
WWW shoantel   IP Logged
Marcelo Mirage
Full Member
*
Offline



Posts: 133
Brazil
Re: Making an HTML outline (expandable/contractible)
Reply #43 - Jan 2nd, 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
 
 
Marcelo Mirage Marcelo Mirage MMUmeda misantropov@yahoo.com   IP Logged
Marcelo Mirage
Full Member
*
Offline



Posts: 133
Brazil
Re: Making an HTML outline (expandable/contractible)
Reply #44 - Jan 2nd, 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
 
 
Marcelo Mirage Marcelo Mirage MMUmeda misantropov@yahoo.com   IP Logged
Pages: 1 2 3 4 5 6
Send Topic Print