Whitespace when using templates

[Kaelon]

I have noticed that when I include Templates, a great deal of white/blank space is included before the template itself is inserted. Am I using the templates incorrectly? Is there something that I should be doing to make sure that my templates are being included properly? The layout/format is pretty sloppy, and I definitely want it to be smooth/flush.

[Mokonzi]

Can you post an example of one of your templates?

[Kaelon]

Of course. This is one of my templates:

http://www.aelyria.com/wiki/Template:Stub

But here is how it looks when it is included in an article:

http://www.aelyria.com/wiki/Interregnum

Notice how the added white-space and grey-space is included, even though in the source there are no carriage returns or added whitespace. This behavior happens anytime I use the TEMPLATE bbcode.

[Kaelon]

Here's another example of a more complicated template.

http://www.aelyria.com/wiki/Template:Spellbox

And here is how it renders (notice the HUGE blankspace before it is inserted/parsed):

http://www.aelyria.com/wiki/Summon_Angel

[Mokonzi]

It looks like it's to do with your BBCodes [box] and [frame]. What is the coding for those within the BBCode manager?

Note how Pegasus has developed a template here: [template]Warning Box[/template]

[Kaelon]

Strange - they render just fine in posts, and were working just fine in NuWiki without the added carriage returns/etc. Here's the coding.

For [box]:

<table cellpadding="5" align="{option}">
<tr><td><table border="0" cellpadding="1" cellspacing="0" class="tborder">
  <tr>
    <td><table width="100%" border="0" cellpadding="10" cellspacing="0">
      <tr>
        <td class="alt2">{param}</td>
      </tr>
    </table></td>
  </tr>
</table>
</td></tr>
</table>

For [frame]:

<table width="95%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="{option}">
                  <tr>
                    <td width="12" height="12"><img src="/images/ui/border-topleft.gif" width="12" height="12" /></td>
                    <td width="99%" height="12" background="/images/ui/border-topmid.gif"><img src="/images/pixel.gif" width="1" height="1" /></td>
                    <td width="12" height="12"><img src="/images/ui/border-topright.gif" width="12" height="12" /></td>
                  </tr>
                  <tr>
                    <td width="12" background="/images/ui/border-leftmid.gif">&nbsp;</td>
                    <td>{param}</td>
                    <td width="12" background="/images/ui/border-rightmid.gif">&nbsp;</td>
                  </tr>
                  <tr>
                    <td width="12" height="12"><img src="/images/ui/border-botleft.gif" width="12" height="12" /></td>
                    <td width="99%" height="12" background="/images/ui/border-botmid.gif"><img src="/images/pixel.gif" width="1" height="1" /></td>
                    <td width="12" height="12"><img src="/images/ui/border-botright.gif" width="12" height="12" /></td>
                  </tr>
                </table>

[Kaelon]

I just figured it out. Apparently, the VaultWiki bbcode parser is interpreting carriage returns in the HTML Replacement for a BBcode as actual carriage returns to be processed in a post/article. This is strange behavior and not how posts parse BBcodes. I was able to change my [box] bbcode to be a single line of HTML (with no carriage returns for added readability formatting), and that completely fixed the issue on my end.

I've submitted a bug to see if this can be fixed. I would be bummed to have to rewrite all of my BB Codes.

[Mokonzi]

That would explain it. White space is added in templates, something to watch for. Templates are parsed differently because they can contain the [if] commands.

When using the table BBCode in VW, make sure you add a SPACE rather than a carriage return. Often in templates if something isn't lookig the way you expect, it can be extra spaces.

It might be an idea to consider creating a new template that replicates what you want.

For example, your Box BBCode could be adjusted to:

[table] cellpadding="5" align="{{{align}}}">
|-
| style="border:1px;padding:1px" | 
[table] width="100%" border="0" cellpadding="10px" cellspacing="0"
|-
| class="alt2" | {{{content}}}
[/table][/table]

The advantage of this is that you will be able to add more options in if you want, such as width, padding, etc. The above template would be exectuted as:

[template]MyTemplate
| align=center
| content=My content.
[/template]

If you do choose to use other style classes in your table commands, make sure you check out this thread on how to do it: Adding Additional CSS Classes.