PDA

View Full Version : "Compress List Indentation" option


fbsadler
03-24-2004, 11:07 AM
I have a lot of outlines in HTML and use nested lists to show the structure of the information, particularly with table of contents. Since lists use a lot of "indentation space" they don't work too well on the PDA with several levels of nesting.

Take a simple unordered list. In a browser, it might look like this:

paragraph text
- list item 1
- list item 1a
- list item 1a
- list item 2

This could work a lot better on a PDA if some of the left-padding were removed:

paragraph text
- list item 1
- list item 1a
- list item 1a
- list item 2

This spacing still gives enough indentation to show the structure of the list, but shows more text on each line.

Proposed Feature:

Add a new option to the iSiloX Properties that will "Compress List Indentation". This option would compress the left margin/padding of a list as shown above. Ideally, this option should work on all types of lists (ordered, unordered, definition).

Note that I did try the various "Ignore left and right margins" option(s) in the iSiloX Properties/Margin dialog but these don't solve the problem very well because *all* indent spacing is removed. Then the structure of nested lists is lost.

I also tried changing the margin/padding explicitly in my HTML. This does not work because (it seems) that all browsers have different ideas of where the spacing for list margin & padding should be. As such, if I change the padding explicitly (in HTML) to make my list look good in iSilo, then it looks horrible with IE. Display the enclosed file (ListStuff.html) using iSilo, IE, and Netscape to see what I mean.

Voltage Spike
03-24-2004, 12:36 PM
If you can change the source, you may wish to add the following lines to the "HEAD" section of the document:


<STYLE type="text/css">
UL { padding-left: 1em }
OL { padding-left: 1em }
</STYLE>


If you wish to make the change globally, or if you cannot edit the source, edit iSiloX's default CSS file. The file is called html40.css and, at least on Windows, has the default directory "C:\Program Files\iSiloX\CSS". I believe iSiloXC checks the current directory for a file of the same name.

PS: The new icons are too colorful for me. :D

fbsadler
03-31-2004, 06:44 AM
Sorry, but "left-padding: 1em" on UL tags doesn't help. The list's indentation, when displayed on the PDA, takes up too much space. In fact, 1em left-padding takes up more indent space than the default padding.

Try the attached file ListStuff3.html and you'll see what I mean. (Be sure to view the page on your PDA.) I'm using version 4.01 of iSiloX on Windows/XP and the PalmOS version of iSilo.