Sha256: 5bdf60441884d06dd36331e3c6d77eb250544acf60f6b3194cab9dd7c51f49c2
Contents?: true
Size: 1.43 KB
Versions: 12
Compression:
Stored size: 1.43 KB
Contents
// ==========================================================================
// Project: SproutCore - JavaScript Application Framework
// Copyright: ©2006-2009 Sprout Systems, Inc. and contributors.
// portions copyright @2009 Apple Inc.
// License: Licened under MIT license (see license.js)
// ==========================================================================
sc_require('panes/panel');
/**
Displays a modal sheet pane animated drop down from top.
The default way to use the sheet pane is to simply add it to your page like this:
{{{
SC.SheetPane.create({
layout: { width: 400, height: 200, centerX: 0 },
contentView: SC.View.extend({
})
}).append();
}}}
This will cause your sheet panel to display. The default layout for a Sheet
is to cover the entire document window with a semi-opaque background, and to
resize with the window.
@extends SC.PanelPane
@since SproutCore 1.0
*/
SC.SheetPane = SC.PanelPane.extend({
classNames: 'sc-sheet',
/**
The modal pane to place behind this pane if this pane is modal. This
must be a subclass or an instance of SC.ModalPane.
*/
modalPane: SC.ModalPane.extend({
classNames: 'for-sc-panel for-sc-sheet'
}),
init: function() {
sc_super() ;
/** TODO: Implement Animation
this.visibleAnimation = {
visible: 'top: 0px',
hidden: 'top: -500px',
duration: 300
} ;
*/
}
});
Version data entries
12 entries across 12 versions & 1 rubygems