Question

I am using margins to position elements (and add space between elements) in my Web App that I created with Google Apps Script UiInstance.

The margins are not being applied properly in Firefox or Opera. They are being applied in Chrome and Internet Explorer, so I feel that the code is correct.

Here is an example which I have published here.

function doGet() {
  var app = UiApp.createApplication();
  app.add(app.createLabel("Some Text").setStyleAttribute("margin-left","500px").setStyleAttribute("margin-top","25px"));
  return app;
}

Can anyone explain why this is happening? Is this a bug, or is this bad practice and I should do something else?

Note: Using the Firefox inspector, I found nothing that would indicate a margin was attempted.

Answer 1

Syntax issue, try it like this

function doGet() {
  var app = UiApp.createApplication().setStandardsMode(false);
  app.add(app.createLabel("Some Text").setStyleAttribute("marginLeft","500px").setStyleAttribute("marginTop","25px"));
  return app;
}

or like this

function doGet() {
  var app = UiApp.createApplication().setStandardsMode(false);
  app.add(app.createLabel("Some Text").setStyleAttributes({marginLeft :"500px",marginTop :"25px"}));
  return app;
}