This documentation relates to an earlier version of Atlassian Gadgets.
View

Unknown macro: {spacejump}

or visit the current documentation home.

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

  • ラベルなし



Talk with our support team.

 



Raise an issue for our developers.

 



See answers from the community.

Except where otherwise noted, content in this space is licensed under a Creative Commons Attribution 2.5 Australia License.