CODEWITHSUNDEEP
xmlfirefoxfirefox-addonxul
erosman
erosman

Reputation: 7771

Vertical Spacer in XUL

How do you add vertical spacers in XUL used in Firefox Addons? (Something similar to HTML <br /> or <html:br /> a vertical version of <spacer flex="1"/>)

Example:

<?xml version="1.0"?>

<!DOCTYPE overlay SYSTEM "chrome://theaddon/locale/main.dtd">

<vbox xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

  <!-- want some vertical space here -->
  <setting title="&options.changelog.title;" type="control">
    <button label="&options.changelog.label;" 
      oncommand="openDialog('chrome://theaddon/content/changelog.xul', '',
      'dialog=no, modal=no, resizable=yes, width=500, height=600');"/>
  </setting>

</vbox>

Upvotes: 0

Views: 234

Answers (1)

nmaier
nmaier

Reputation: 33212

Just add a margin or padding to the <setting> as you please, e.g.

<setting ... style="margin-top: 2em;">

You may also want to play with border styles...

PS: Adding dedicated elements such as <spacer> would be far more complicated, because you'd need to get the code to insert them in the first place. And the code will only add <setting> elements.

Upvotes: 1

Related Questions