Page MenuHomePhabricator
Paste P4931

Dialog with FieldLayout/FieldsetLayout with 'help' popup
ActivePublic

Authored by matmarex on Feb 14 2017, 8:19 PM.
function MyProcessDialog( config ) {
MyProcessDialog.parent.call( this, config );
}
OO.inheritClass( MyProcessDialog, OO.ui.ProcessDialog );
MyProcessDialog.static.name = 'myProcessDialog';
MyProcessDialog.static.title = 'Process dialog';
MyProcessDialog.prototype.initialize = function () {
var loremIpsum, fieldset, panel;
MyProcessDialog.parent.prototype.initialize.apply( this, arguments );
loremIpsum = 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, ' +
'sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\u200E';
fieldset = new OO.ui.FieldsetLayout( {
label: 'Fieldset',
help: loremIpsum,
items: [
new OO.ui.FieldLayout( new OO.ui.CheckboxInputWidget(), {
align: 'inline',
label: 'Field',
help: loremIpsum
} )
]
} );
panel = new OO.ui.PanelLayout( { padded: true, expanded: false } );
panel.$element.append( fieldset.$element );
this.$body.append( panel.$element );
};
var windowManager = new OO.ui.WindowManager();
$( 'body' ).append( windowManager.$element );
var dialog = new MyProcessDialog();
windowManager.addWindows( [ dialog ] );
windowManager.openWindow( dialog );