Google Apps Script

Class SimplePanel

A panel that can contain only one widget.

This panel is useful for adding styling effects to the child widget. To add more children, make the child of this panel a different panel that can contain more than one child.

Here is an example of how to use this widget:

 
function doGet() {
   var app = UiApp.createApplication();
   var simple = app.createSimplePanel();
   var flow = app.createFlowPanel();
   flow.add(app.createButton("button 1"));
   flow.add(app.createButton("button 2"));
   simple.add(flow);
   app.add(simple);
   return app;
 }
 

Internally, UiApp widgets are built on top of the Google Web Toolkit, and it can sometimes be helpful to look at the GWT documentation directly. You can find the SimplePanel documentation here.

Methods

MethodReturn typeBrief description
add(widget)SimplePanelAdd a widget to the SimplePanel.
addStyleDependentName(styleName)SimplePanelSets the dependent style name of this SimplePanel.
addStyleName(styleName)SimplePanelAdds a style name to this SimplePanel.
clear()SimplePanelRemove all widgets from the SimplePanel.
getId()StringReturns the id that has been assigned to this object.
getTag()StringGets the text tag of this SimplePanel.
getType()StringGets the type of this object.
setHeight(height)SimplePanelSets the height of this SimplePanel.
setId(id)SimplePanelSets the id of this SimplePanel.
setPixelSize(width, height)SimplePanelSets the size of this SimplePanel in pixels.
setSize(width, height)SimplePanelSets the size of this SimplePanel.
setStyleAttribute(attribute, value)SimplePanelSets one of this SimplePanel's style attributes to a new value.
setStyleAttributes(attributes)SimplePanelSets this SimplePanel's style attributes.
setStyleName(styleName)SimplePanelSets the style name of this SimplePanel.
setStylePrimaryName(styleName)SimplePanelSets the primary style name of this SimplePanel.
setTag(tag)SimplePanelSets the text tag of this SimplePanel.
setTitle(title)SimplePanelSets the hover title of this SimplePanel.
setVisible(visible)SimplePanelSets whether this SimplePanel is visible.
setWidget(widget)SimplePanelSets the widget inside this SimplePanel, removing anything previously there.
setWidth(width)SimplePanelSets the width of this SimplePanel.

Detailed documentation

add(widget)

Add a widget to the SimplePanel.

Parameters

NameTypeDescription
widgetWidgetthe widget to add.

Return

SimplePanel — the SimplePanel itself, useful for chaining.


addStyleDependentName(styleName)

Sets the dependent style name of this SimplePanel.

This is useful for debugging but is otherwise of minimal use since there is no way to use custom stylesheets in UiApp.

Parameters

NameTypeDescription
styleNameStringthe new style name.

Return

SimplePanel — the SimplePanel itself, useful for chaining.


addStyleName(styleName)

Adds a style name to this SimplePanel.

This is useful for debugging but is otherwise of minimal use since there is no way to use custom stylesheets in UiApp.

Parameters

NameTypeDescription
styleNameStringthe new style name.

Return

SimplePanel — the SimplePanel itself, useful for chaining.


clear()

Remove all widgets from the SimplePanel.

Return

SimplePanel — the SimplePanel itself, useful for chaining.


getId()

Returns the id that has been assigned to this object.

This can be used in conjunction with app.getElementById() to retrieve a reference to this object.

Return

String — the id that has been assigned to this object


getTag()

Gets the text tag of this SimplePanel.

Return

String — the text tag.


getType()

Gets the type of this object.

Return

String — the object type


setHeight(height)

Sets the height of this SimplePanel.

Parameters

NameTypeDescription
heightStringthe new height in any CSS unit such as "10px" or "50%".

Return

SimplePanel — the SimplePanel itself, useful for chaining.


setId(id)

Sets the id of this SimplePanel.

Parameters

NameTypeDescription
idStringthe new id, which can be used to retrieve the SimplePanel from app.getElementById(id).

Return

SimplePanel — the SimplePanel itself, useful for chaining.


setPixelSize(width, height)

Sets the size of this SimplePanel in pixels.

Parameters

NameTypeDescription
widthIntegerthe new width in pixels.
heightIntegerthe new height in pixels.

Return

SimplePanel — the SimplePanel itself, useful for chaining.


setSize(width, height)

Sets the size of this SimplePanel.

Parameters

NameTypeDescription
widthStringthe new width in any CSS unit such as "10px" or "50%".
heightStringthe new height in any CSS unit such as "10px" or "50%".

Return

SimplePanel — the SimplePanel itself, useful for chaining.


setStyleAttribute(attribute, value)

Sets one of this SimplePanel's style attributes to a new value. Valid attributes are listed here; the values for each attribute are the same as those available in CSS style sheets.

 
// Change the widget's background to black and text color to green.
 widget.setStyleAttribute("background", "black")
     .setStyleAttribute("color", "green");
 

Parameters

NameTypeDescription
attributeStringthe CSS attribute, in camel-case ("fontSize", not "font-size"), as listed here
valueStringthe CSS value

Return

SimplePanel — the SimplePanel itself, useful for chaining.


setStyleAttributes(attributes)

Sets this SimplePanel's style attributes. This is a convenience method that is equivalent to calling setStyleAttribute with every key/value pair in the attributes object. Valid attributes are listed here; the values for each attribute are the same as those available in CSS style sheets.

 
// Change the widget's background to black and text color to green.
 widget.setStyleAttributes({background: "black", color: "green"});
 

Parameters

NameTypeDescription
attributesObjectan object of key/value pairs for the CSS attributes and values to set; valid attributes are listed here

Return

SimplePanel — the SimplePanel itself, useful for chaining.


setStyleName(styleName)

Sets the style name of this SimplePanel.

This is useful for debugging but is otherwise of minimal use since there is no way to use custom stylesheets in UiApp.

Parameters

NameTypeDescription
styleNameStringthe new style name.

Return

SimplePanel — the SimplePanel itself, useful for chaining.


setStylePrimaryName(styleName)

Sets the primary style name of this SimplePanel.

This is useful for debugging but is otherwise of minimal use since there is no way to use custom stylesheets in UiApp.

Parameters

NameTypeDescription
styleNameStringthe new style name.

Return

SimplePanel — the SimplePanel itself, useful for chaining.


setTag(tag)

Sets the text tag of this SimplePanel.

Parameters

NameTypeDescription
tagStringthe new text tag, which can be anything you wish to store with the widget.

Return

SimplePanel — the SimplePanel itself, useful for chaining.


setTitle(title)

Sets the hover title of this SimplePanel.

Not all browsers will show this.

Parameters

NameTypeDescription
titleStringthe hover title.

Return

SimplePanel — the SimplePanel itself, useful for chaining.


setVisible(visible)

Sets whether this SimplePanel is visible.

Parameters

NameTypeDescription
visibleBooleanwhether this SimplePanel should be visible or not.

Return

SimplePanel — the SimplePanel itself, useful for chaining.


setWidget(widget)

Sets the widget inside this SimplePanel, removing anything previously there.

Parameters

NameTypeDescription
widgetWidgetthe widget to put in this SimplePanel.

Return

SimplePanel — the SimplePanel itself, useful for chaining.


setWidth(width)

Sets the width of this SimplePanel.

Parameters

NameTypeDescription
widthStringthe new width in any CSS unit such as "10px" or "50%".

Return

SimplePanel — the SimplePanel itself, useful for chaining.

Deprecated methods

Authentication required

You need to be signed in with Google+ to do that.

Signing you in...

Google Developers needs your permission to do that.