This documentation relates to an earlier version of Atlassian Gadgets.

Unknown macro: {spacejump}

or visit the current documentation home.

Skip to end of metadata
Go to start of metadata

This page is part of the Gadget Developers' JavaScript Cookbook.

How do I dynamically theme my gadget?

It is possible to have the theme dynamically adapt to the space available with some JavaScript like this:

action: ...
theme : function () {
  if (gadgets.window.getViewportDimensions().width < 500){
    return "top-label";
  } else{
    return "long-label";
fields: ...


Gadget Developers' JavaScript Cookbook
Using the Atlassian Gadgets JavaScript Framework

  • No labels