Difference between revisions of "Ethics"

From EITBOK
Jump to: navigation, search
Line 2: Line 2:
  
  
// Set the 'head' config to 'true' to add a header that contains a label (when specified) and close button.  
+
// This example illustrates a simple popup. Width and height are specified in pixels. By default, the width is 320 pixels and the height is the automatic height. If 'padded' is set to 'true', padding will be added to the popup body. Content is appended to the popup body using the $content config.
 +
 
 
var popup = new OO.ui.PopupWidget( {
 
var popup = new OO.ui.PopupWidget( {
   $content: $( '<p>This popup has a header that contains a label and a close button. Note that labels are only used in the popup head. If no label is set, only the close button will appear.</p>' ),
+
   $content: $( '<p>Hi there!</p>' ),
 
   padded: true,
 
   padded: true,
   width: 300,
+
   width: 300  
  head: true,
+
  label: 'The PopupWidget label'
+
 
} );
 
} );
 
+
 
 
$( 'body' ).append( popup.$element );
 
$( 'body' ).append( popup.$element );
 +
 +
// To display the popup, toggle the visibility to 'true'.
 
popup.toggle( true );
 
popup.toggle( true );

Revision as of 00:55, 10 May 2016

This chapter is under construction and will be included in a 2016 update to the EITBOK.


// This example illustrates a simple popup. Width and height are specified in pixels. By default, the width is 320 pixels and the height is the automatic height. If 'padded' is set to 'true', padding will be added to the popup body. Content is appended to the popup body using the $content config.

var popup = new OO.ui.PopupWidget( {

$content: $( '

Hi there!

' ),
 padded: true,
 width: 300 

} );

$( 'body' ).append( popup.$element );

// To display the popup, toggle the visibility to 'true'. popup.toggle( true );