Example of a popup using the popover theme

popup_example.js

      MyApp.myPopoverView = SC.PickerPane.create({
        layout: { width: 300, height: 150 }, 
        
        themeName: 'popover',
        
        contentView: SC.WorkspaceView.extend({
          topToolbar: null,
          bottomToolbar: null,
          
          contentView: SC.View.extend({
            classNames: 'popover_content_background',
            
            childViews: 'myView closeButtonView'.w(),
            
            myView: SC.LabelView.extend({
              layout: { left: 10, right: 10, top: 10, bottom: 10 },
              value: "Something Here"
            }),
            
            // This button is intended to be invisible, but has the title set
            // just in case it is somehow visible
            closeButtonView: SC.ButtonView.extend({
              layout: { right: 0, bottom: 0, width: 0, height: 0 },
              
              themeName: 'cancel',
              isCancel: YES,
              title: 'Close',
              
              target: MyApp.statechart,
              action: 'closeAction'
            })
          })
        })
      });