Getting rid of extra space in Web outlines

You may be losing up to 36 pixels of space on the left hand side of your outline. This can be valuable space.

View member feedback to this tip.

When Domino generates the HTML for an outline, it creates a "column" for the twisties and a "column" for outline entry images. This way all of the text in an outline is nicely aligned. Domino creates these 2 "columns" by adding 2 "ecblank.gif"s before the actual links in the outline - the gif for the twisty is 16 pixels wide, the gif for the image is 20 pixels wide. Domino does this whether or not you have any twisties or images - and you cannot get rid of them. Therefore, you may be losing up to 36 pixels of space on the left hand side of your outline. This can be valuable space.

Here is some sample HTML source code for one outline entry. The first ecblank.gif is a 16 pixel 'placeholder' for the twisty. The second ecblank.gif is a 20pixel placeholder for the outline entry image.

<TR><TD WIDTH="100%" ALIGN=left VALIGN=top><IMG BORDER=0 
HEIGHT=16 WIDTH=16 SRC="/icons/ecblank.gif" ALT=""><IMG BORDER=0
SRC="/icons/ecblank.gif" HEIGHT=1 WIDTH=20><FONT COLOR="000000"><A
HREF="/db.nsf/vwCustName?OpenView">Customers</A></FONT></TD></TR>

Here is how to recover that lost space.

In the onLoad event of the Page with the embedded outline, add the following code:

lg = document.images.length
for(x=0; x<lg; x++) {
 isrc = document.images[x].src
 i = isrc.indexOf("ecblank")
 if (i != -1) {
  if(document.images[x].width==20) document.images[x].width=0
 }
}

In the case above, my outline does have twisties, so I am only resizing the ecblank.gifs that have a width of 20. If your outline is completely flat and has no images, remove the 'width==20' check and resize all ecblank.gifs to 0.


MEMBER FEEDBACK TO THIS TIP

This was a very good tip! However, I did have to make an adjustment that I thought should have appeared in the tip itself. I had to turn the code into a function and then call the function in order to get it to work. Someone new to JS or Domino may not know to do that. Thanks for the tip, it was VERY useful.

-- Karen D.


Do you have comments of your own? Let us know.

This was first published in April 2002
This Content Component encountered an error

0 comments

Oldest 

Forgot Password?

No problem! Submit your e-mail address below. We'll send you an email containing your password.

Your password has been sent to:

-ADS BY GOOGLE

SearchWindowsServer

Search400

  • iSeries tutorials

    Search400.com's tutorials provide in-depth information on the iSeries. Our iSeries tutorials address areas you need to know about...

  • V6R1 upgrade planning checklist

    When upgrading to V6R1, make sure your software will be supported, your programs will function and the correct PTFs have been ...

  • Connecting multiple iSeries systems through DDM

    Working with databases over multiple iSeries systems can be simple when remotely connecting logical partitions with distributed ...

SearchEnterpriseLinux

SearchDataCenter

SearchExchange

SearchContentManagement

Close