none
How to Apply StyleSheets For a Modal Dialog? RRS feed

  • Question

  • Hi

    How to Apply StyleSheets For a Modal Dialog?

    Can Anyone Please Suggest me.

    Thanks!!!


    rihdus
    Wednesday, August 17, 2011 11:30 AM

Answers

  • Hi,

    Open the required modal dialog page, open IE Developer ToolBar or Firebug, see what styles are applied for a particular element. Typically, the styles will be using the Core.Css. Instead of this, override the same styles in your own custom CSS file. Add this CSS file into the modal dialog master page.

    Hope it helps.

    Regards

    Ranga


    Regards Ranga www.sharepointfrontier.com
    • Marked as answer by Wayne Fan Thursday, August 25, 2011 3:19 AM
    Wednesday, August 17, 2011 12:49 PM
  • When a page is displayed as a modal dialog, SharePoint automatically adds the ms-dialog class to the HTML tag, so if you want to target specifically CSS of modal dialogs you can prepend your CSS selectors with .ms-dialog.


    w: http://blog.mastykarz.nl | t: @waldekm | c: http://mavention.codeplex.com | c: http://mavention.nl
    • Marked as answer by Wayne Fan Thursday, August 25, 2011 3:19 AM
    Wednesday, August 17, 2011 6:57 PM

All replies

  • Hi,

    Open the required modal dialog page, open IE Developer ToolBar or Firebug, see what styles are applied for a particular element. Typically, the styles will be using the Core.Css. Instead of this, override the same styles in your own custom CSS file. Add this CSS file into the modal dialog master page.

    Hope it helps.

    Regards

    Ranga


    Regards Ranga www.sharepointfrontier.com
    • Marked as answer by Wayne Fan Thursday, August 25, 2011 3:19 AM
    Wednesday, August 17, 2011 12:49 PM
  • When a page is displayed as a modal dialog, SharePoint automatically adds the ms-dialog class to the HTML tag, so if you want to target specifically CSS of modal dialogs you can prepend your CSS selectors with .ms-dialog.


    w: http://blog.mastykarz.nl | t: @waldekm | c: http://mavention.codeplex.com | c: http://mavention.nl
    • Marked as answer by Wayne Fan Thursday, August 25, 2011 3:19 AM
    Wednesday, August 17, 2011 6:57 PM