UI5 Dialog content not displayed

Hi Experts,

I am using dialog box for confirmation I am able to get the POP up box but the content is not getting displayed.

Can any one pls let me know am i missing something during the dialog box creation.

Please find the code & screen shot attached.

			var dialog = new Dialog({
				title: "Confirm",
				type: "Message",
				content: new Text({
					text: "Record Already exists,Are you sure you want to continue?"
				}),
				beginButton: new Button({
					text: "Confirm",
					press: function() {
						//Confirm Button Click Event
						dialog.close();
					}
				}),
				endButton: new Button({
					text: "Cancel",
					press: function() {
						//Cancel Button Click Event
						dialog.close();
					}
				}),
				afterClose: function() {
					dialog.destroy();
				}
			});
			this.getView().addDependent(dialog);
			dialog.open();<br>