Class: SC.ToolbarView
Extends
SC.View.
SC.ToolbarView
is a simple horizontal view that has been styled like a
toolbar and can be easily anchored at the top or bottom of a parent view.
To anchor to the top of the parent view, set anchorLocation
to
SC.ANCHOR_TOP
or to anchor to the bottom, set anchorLocation
to
SC.ANCHOR_BOTTOM
. The default layout of SC.Toolbar
is
{ left: 0, right: 0, height: 32,
zIndex10 }
and so by setting the value of
anchorLocation
, the layout will be modified to either:
SC.ANCHOR_TOP:
{ borderBottom
: 1, top: 0, left: 0, right: 0, height: 32, zIndex
: 10 }
SC.ANCHOR_BOTTOM:
{ borderTop
: 1, bottom: 0, left: 0, right: 0, height: 32, zIndex
: 10 }
Of course, you can always override the layout property yourself in order to
adjust the height, border and zIndex
values.
Defined in: toolbar.js
- Since:
- SproutCore 1.0
Field Summary
- Fields borrowed from SC.View:
- acceptsFirstResponder, acceptsMultitouch, ariaHidden, attributeBindings, autoMixins, backgroundColor, childViewLayout, childViewLayoutOptions, childViews, childViewsNeedLayout, classNameBindings, concatenatedProperties, createdByParent, designMode, displayProperties, enabledState, firstKeyView, hasLayout, hasTouch, hasVisibility, isBuildingIn, isBuildingOut, isChildViewLayoutLive, isEnabled, isFixedHeight, isFixedPosition, isFixedSize, isFixedWidth, isKeyResponder, isTextSelectable, isView, isVisible, lastKeyView, layerLocationNeedsUpdate, layerNeedsUpdate, layout, modeAdjust, nextKeyView, page, pane, parentView, previousKeyView, shouldInheritCursor, shouldInheritEnabled, tagName, themeName, toolTip, touchBoundary, transitionAdjust, transitionAdjustOptions, transitionHide, transitionHideOptions, transitionIn, transitionInOptions, transitionOut, transitionOutOptions, transitionShow, transitionShowOptions, useStaticLayout
- Fields borrowed from SC.Responder:
- hasFirstResponder, isFirstResponder, responderContext
- Fields borrowed from SC.Object:
- isDestroyed, isObject, nextProperty, object, property, target, toInvalidate
- Fields borrowed from SC.Observable:
- isObservable
Field Detail
anchorLocation StringDefault anchor location. This will be applied automatically to the toolbar layout if you set it. Possible values:
SC.ANCHOR_TOP
SC.ANCHOR_LEFT
SC.ANCHOR_TOP_LEFT
SC.ANCHOR_BOTTOM
SC.ANCHOR_RIGHT
SC.ANCHOR_BOTTOM_RIGHT
- Default value:
- null
- Default value:
- 'toolbar'
- Default value:
- ['sc-toolbar-view']
- See:
- SC.View#classNames
- Default value:
- 'toolbarRenderDelegate'