Google Apps Script

Class VerticalPanel

A panel that lays all of its widgets out in a single vertical column.

Here is an example of how to use this widget:

 
function doGet() {
   var app = UiApp.createApplication();
   var panel = app.createVerticalPanel();
   panel.add(app.createButton("button 1"));
   panel.add(app.createButton("button 2"));
   app.add(panel);
   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 VerticalPanel documentation here.

Methods

MethodReturn typeBrief description
add(widget)VerticalPanelAdd a widget to the VerticalPanel.
addStyleDependentName(styleName)VerticalPanelSets the dependent style name of this VerticalPanel.
addStyleName(styleName)VerticalPanelAdds a style name to this VerticalPanel.
clear()VerticalPanelRemove all widgets from the VerticalPanel.
getId()StringReturns the id that has been assigned to this object.
getTag()StringGets the text tag of this VerticalPanel.
getType()StringGets the type of this object.
remove(index)VerticalPanelRemove the widget with the given index from the VerticalPanel.
remove(widget)VerticalPanelRemove the given widget from the VerticalPanel.
setBorderWidth(width)VerticalPanelSets the width of the border to be applied to all cells in this panel.
setCellHeight(widget, height)VerticalPanelSets the height of the cell associated with the given widget, related to the panel as a whole.
setCellHorizontalAlignment(widget, horizontalAlignment)VerticalPanelSets the horizontal alignment of the given widget within its cell.
setCellVerticalAlignment(widget, verticalAlignment)VerticalPanelSets the vertical alignment of the given widget within its cell.
setCellWidth(widget, width)VerticalPanelSets the width of the cell associated with the given widget, related to the panel as a whole.
setHeight(height)VerticalPanelSets the height of this VerticalPanel.
setHorizontalAlignment(horizontalAlignment)VerticalPanelSet the horizontal alignment of widgets added to this VerticalPanel.
setId(id)VerticalPanelSets the id of this VerticalPanel.
setPixelSize(width, height)VerticalPanelSets the size of this VerticalPanel in pixels.
setSize(width, height)VerticalPanelSets the size of this VerticalPanel.
setSpacing(spacing)VerticalPanelSets the amount of spacing between this panel's cells.
setStyleAttribute(attribute, value)VerticalPanelSets one of this VerticalPanel's style attributes to a new value.
setStyleAttributes(attributes)VerticalPanelSets this VerticalPanel's style attributes.
setStyleName(styleName)VerticalPanelSets the style name of this VerticalPanel.
setStylePrimaryName(styleName)VerticalPanelSets the primary style name of this VerticalPanel.
setTag(tag)VerticalPanelSets the text tag of this VerticalPanel.
setTitle(title)VerticalPanelSets the hover title of this VerticalPanel.
setVerticalAlignment(verticalAlignment)VerticalPanelSet the vertical alignment of widgets added to this VerticalPanel.
setVisible(visible)VerticalPanelSets whether this VerticalPanel is visible.
setWidth(width)VerticalPanelSets the width of this VerticalPanel.

Detailed documentation

add(widget)

Add a widget to the VerticalPanel.

Parameters

NameTypeDescription
widgetWidgetthe widget to add.

Return

VerticalPanel — the VerticalPanel itself, useful for chaining.


addStyleDependentName(styleName)

Sets the dependent style name of this VerticalPanel.

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

VerticalPanel — the VerticalPanel itself, useful for chaining.


addStyleName(styleName)

Adds a style name to this VerticalPanel.

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

VerticalPanel — the VerticalPanel itself, useful for chaining.


clear()

Remove all widgets from the VerticalPanel.

Return

VerticalPanel — the VerticalPanel 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 VerticalPanel.

Return

String — the text tag.


getType()

Gets the type of this object.

Return

String — the object type


remove(index)

Remove the widget with the given index from the VerticalPanel. Indexes begin from 0. This will fail if the index is greater than or equal to the number of elements in the VerticalPanel.

Parameters

NameTypeDescription
indexIntegerthe index of the widget to remove.

Return

VerticalPanel — the VerticalPanel itself, useful for chaining.


remove(widget)

Remove the given widget from the VerticalPanel. This will fail if the widget is not actually a child of the VerticalPanel.

Parameters

NameTypeDescription
widgetWidgetthe widget to remove.

Return

VerticalPanel — the VerticalPanel itself, useful for chaining.


setBorderWidth(width)

Sets the width of the border to be applied to all cells in this panel.

This is particularly useful when debugging layouts, in that it allows you to see explicitly the cells that contain this panel's children.

Parameters

NameTypeDescription
widthIntegerthe new border width, in pixels.

Return

VerticalPanel — the VerticalPanel itself, useful for chaining.


setCellHeight(widget, height)

Sets the height of the cell associated with the given widget, related to the panel as a whole.

This will cause an error if used with a widget that is not currently a child of the panel.

Parameters

NameTypeDescription
widgetWidgetthe widget to use in identifying the cell.
heightStringthe height in any valid CSS unit, such as "10px" or "15cm".

Return

VerticalPanel — the VerticalPanel itself, useful for chaining.


setCellHorizontalAlignment(widget, horizontalAlignment)

Sets the horizontal alignment of the given widget within its cell.

This will cause an error if used with a widget that is not currently a child of the panel.

Parameters

NameTypeDescription
widgetWidgetthe widget to align.
horizontalAlignmentHorizontalAlignmentthe desired alignment, such as UiApp.HorizontalAlignment.CENTER.

Return

VerticalPanel — the VerticalPanel itself, useful for chaining.


setCellVerticalAlignment(widget, verticalAlignment)

Sets the vertical alignment of the given widget within its cell.

This will cause an error if used with a widget that is not currently a child of the panel.

Parameters

NameTypeDescription
widgetWidgetthe widget to align.
verticalAlignmentVerticalAlignmentthe desired alignment, such as UiApp.VerticalAlignment.MIDDLE.

Return

VerticalPanel — the VerticalPanel itself, useful for chaining.


setCellWidth(widget, width)

Sets the width of the cell associated with the given widget, related to the panel as a whole.

This will cause an error if used with a widget that is not currently a child of the panel.

Parameters

NameTypeDescription
widgetWidgetthe widget to use in identifying the cell.
widthStringthe width in any valid CSS unit, such as "10px" or "15cm".

Return

VerticalPanel — the VerticalPanel itself, useful for chaining.


setHeight(height)

Sets the height of this VerticalPanel.

Parameters

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

Return

VerticalPanel — the VerticalPanel itself, useful for chaining.


setHorizontalAlignment(horizontalAlignment)

Set the horizontal alignment of widgets added to this VerticalPanel.

Parameters

NameTypeDescription
horizontalAlignmentHorizontalAlignmentthe desired alignment, such as UiApp.HorizontalAlignment.CENTER.

Return

VerticalPanel — the VerticalPanel itself, useful for chaining.


setId(id)

Sets the id of this VerticalPanel.

Parameters

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

Return

VerticalPanel — the VerticalPanel itself, useful for chaining.


setPixelSize(width, height)

Sets the size of this VerticalPanel in pixels.

Parameters

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

Return

VerticalPanel — the VerticalPanel itself, useful for chaining.


setSize(width, height)

Sets the size of this VerticalPanel.

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

VerticalPanel — the VerticalPanel itself, useful for chaining.


setSpacing(spacing)

Sets the amount of spacing between this panel's cells.

Parameters

NameTypeDescription
spacingIntegerthe spacing, in pixels.

Return

VerticalPanel — the VerticalPanel itself, useful for chaining.


setStyleAttribute(attribute, value)

Sets one of this VerticalPanel'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

VerticalPanel — the VerticalPanel itself, useful for chaining.


setStyleAttributes(attributes)

Sets this VerticalPanel'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

VerticalPanel — the VerticalPanel itself, useful for chaining.


setStyleName(styleName)

Sets the style name of this VerticalPanel.

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

VerticalPanel — the VerticalPanel itself, useful for chaining.


setStylePrimaryName(styleName)

Sets the primary style name of this VerticalPanel.

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

VerticalPanel — the VerticalPanel itself, useful for chaining.


setTag(tag)

Sets the text tag of this VerticalPanel.

Parameters

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

Return

VerticalPanel — the VerticalPanel itself, useful for chaining.


setTitle(title)

Sets the hover title of this VerticalPanel.

Not all browsers will show this.

Parameters

NameTypeDescription
titleStringthe hover title.

Return

VerticalPanel — the VerticalPanel itself, useful for chaining.


setVerticalAlignment(verticalAlignment)

Set the vertical alignment of widgets added to this VerticalPanel.

Parameters

NameTypeDescription
verticalAlignmentVerticalAlignmentthe desired alignment, such as UiApp.VerticalAlignment.MIDDLE.

Return

VerticalPanel — the VerticalPanel itself, useful for chaining.


setVisible(visible)

Sets whether this VerticalPanel is visible.

Parameters

NameTypeDescription
visibleBooleanwhether this VerticalPanel should be visible or not.

Return

VerticalPanel — the VerticalPanel itself, useful for chaining.


setWidth(width)

Sets the width of this VerticalPanel.

Parameters

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

Return

VerticalPanel — the VerticalPanel 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.