Set Width, title and msg for message dialog : MessageBox « Ext JS « JavaScript DHTML






  1. JavaScript DHTML
  2. Ext JS
  3. MessageBox

Set Width, title and msg for message dialog

  
<html>
<head>
<title>Hello World Window</title>
<link rel="stylesheet" type="text/css" href="ext-3.0.0/resources/css/ext-all.css" />
<script type="text/javascript" src="ext-3.0.0/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-3.0.0/ext-all.js"></script>

</head>
<body>
<script type="text/javascript">
Ext.onReady(function() {


    
    var myCallback = function(btn, text) {
        alert('You pressed '  + btn);
        if (text) {
            alert('You entered : ' + text)
        }
    }


    
    
    Ext.Msg.show({
       title      : 'Hold on there cowboy!',
       msg        : 'Are you sure you want to reboot the internet?',
       width      : 300,
       buttons    : Ext.MessageBox.YESNOCANCEL,
       fn         : myCallback,
       icon       : Ext.MessageBox.ERROR
    })


});
</script> 
<div id='div1'>asdf</div>
</body>
</html>








Related examples in the same category

1.Alert Dialog MessageBox
2.Ext.MessageBox.alert
3.Ext.MessageBox.wait
4.Set message dialog icon
5.Set message dialog button options
6.Ext.MessageBox.YESNOCANCEL
7.Set ICON to Ext.MessageBox.QUESTION
8.Ext.Msg.alert
9.Single line of Ext.Msg.prompt
10.Prompt dialog with multiline
11.Ext.Msg.confirm
12.Set icon and button for Ext.Msg
13.Simplest message box
14.Prompt message dialog
15.Set title, message, width, button, handler function for MessageBox
16.Alert message dialog
17.Display confirm message dialog box
18.Define handler function for confirm message dialog
19.Ext.Msg.alert('asdf');