RE: Formatting Issue (Whitespace)

Others have had the same problem: you need to remove new lines and tabs
from with in your velocity code, and macros, except where you want them
to appear in the html. This sometimes means collapsing portions of it on
to one line and can make it difficult to read your velocity. This is
especially a problem if you have to iterate through a large collection
and produce large blocks of html, the output html can be a sprawling
mess. As far as I know there is no built-in way around this.

-----Original Message-----
From: Alexandre Martin [mailto:amartin@xxxxxxxxx]
Sent: Tuesday, November 26, 2002 9:03 AM
To: velocity-user@xxxxxxxxxxxxxxxxxx
Subject: Formatting Issue (Whitespace)


I have the following two macros. The content output is fine but the
formatting is not how I want it. 

How can I modify my macros to output the content in the desired format
(see below)?


#macro(button $index)
    #if($menu.size() > $index)
        #set($buttontext = $menu.elementAt($index).alttext)
 <A HREF="${menu.elementAt($index).link}"><IMG
SRC="${req.contextPath}/button_factory?textColor=FFFFFF&bgColor=${accent
color}&text=${utils.escapeForURL($buttontext)}"></A>
    #else
 &nbsp;<!-- empty button -->
    #end
#end
#macro(imenu $startindex)
    #if($menu.size() > $startindex)
        <TABLE CELLSPACING="0" CELLPADDING="0" WIDTH="600" BORDER="0">
                <TR>
                    <TD>#button($startindex)</TD>
      #set($startindex = $startindex + 1)
                    <TD>#button($startindex)</TD>
                    #set($startindex = $startindex + 1)
                    <TD>#button($startindex)</TD>
                    #set($startindex = $startindex + 1)
                    <TD>#button($startindex)</TD>
                    #set($startindex = $startindex + 1)
                    <TD>#button($startindex)</TD>    
                </TR>
        </TABLE>
    #end
#end


Current Output:

    <TABLE CELLSPACING="0" CELLPADDING="0" WIDTH="600" BORDER="0">
 <TR>
     <TD WIDTH="89" BGCOLOR="#990000">            <A
HREF="menu0link"><IMG
SRC="/button_factory?textColor=FFFFFF&BGCOLOR=990000&text=Search"></A>
</TD>
    <TD WIDTH="89" BGCOLOR="#990000">            <!-- empty button -->
</TD>
    <TD WIDTH="89" BGCOLOR="#990000">            <!-- empty button -->
</TD>
    <TD WIDTH="89" BGCOLOR="#990000">            <!-- empty button -->
</TD>
    <TD WIDTH="90" BGCOLOR="#990000">            <!-- empty button -->
</TD>    
 </TR>
</TABLE>
        

Desired Output:

<TABLE CELLSPACING="0" CELLPADDING="0" WIDTH="600" BORDER="0">
<TR>
    <TD WIDTH="89" BGCOLOR="#990000"><A HREF="menu0link"><IMG
SRC="/button_factory?textColor=FFFFFF&BGCOLOR=990000&text=Search"></A></
TD>
    <TD WIDTH="89" BGCOLOR="#990000"><!-- empty button --></TD>
    <TD WIDTH="89" BGCOLOR="#990000"><!-- empty button --></TD>
    <TD WIDTH="89" BGCOLOR="#990000"><!-- empty button --></TD>
    <TD WIDTH="90" BGCOLOR="#990000"><!-- empty button --></TD>    
</TR>
/TABLE>