1

I am using SharePoint 2013 on premises environment. I am opening a page (Pages library) in a popup. I want to hide the dialog title using Script editor web part, and achieved the requirement below script

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script language="javascript" type="text/javascript">
    $(document).ready(function () {
         window.parent.$(".ms-dlgTitleText").remove();         
    });
</script>

But i want the same implementation using CSS styles. I tried the below one but not working

<style type="text/css">
  .ms-dlgTitleText
  {
     display:none!important;
  }
</style>
3
  • Where you are keeping this css code? On which page? Jul 17, 2017 at 7:22
  • how are you calling the modal popup ? can share that code ? Jul 17, 2017 at 7:24
  • <a class="link-view-more" href="javascript:void(0)" data-site="sprootsite/sites/SPDev2016/Pages/… More</a>
    – TARUN
    Jul 17, 2017 at 7:27

2 Answers 2

3
<style type="text/css">
#dialogTitleSpan {
display:none;
}
</style>
2

I have followed the following steps:

  • Edited the Page listing page
  • Kept Content Editor WebPart
  • Inserted following code

    <style type="text/css"> .ms-dlgTitleText { display:none!important; } </style>

  • Save the page.

And it hides the title of page. See snap.

enter image description here

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.