I have a requirement where i dont want to display "Title" in the Modal Dialog. If i pass an empty string to the title, the modal dialog displays the title as "Dialog" .I dont want anything to display as the Title.
Any idea on how it can be acieved?
2 Answers
Put empty white space in title. Example:
var options =
{
title: ' ',
url: '/_layouts/15/NY.ExportVersionHistory/ExportVersionHistory.aspx',
height: 400,
width: 300
}
SP.UI.ModalDialog.showModalDialog(options);
UPDATE
Having empty space in title should not result in any title being displayed in popup. Check the screenshot.
answered Nov 25, 2014 at 11:15
-
An empty space displays the title as "Dialog" in the modal dialog.Gave a try on it..dint work– user1111Nov 25, 2014 at 11:28
-
-
You can mark it as an answer if you feel if it helped resolve your issue. Nov 25, 2014 at 11:56
One way to achieve this is by hiding the Title bar using CSS
<style type="text/css">
body div.ms-dlgBorder div.ms-dlgTitle
{
display:none;
}
</style>
answered Nov 25, 2014 at 11:00
-
This will hide the title for any of the modal popup which come up in a page, rather i would want to hide it only to a specific popup.– user1111Nov 25, 2014 at 11:07
-
1You can dynamically add/remove this Style based on the popup. For ex: if the dialog is opened on button click, handle that click event and add the style. Then remove it on the dialog exit handler. Nov 25, 2014 at 11:09
-
May i know whether the code has to be written in the page coming up in the modal dialog or in the page where the modal dialog is present?– user1111Nov 25, 2014 at 11:31
-