Styling the header of a Popup/PopupForm, jQueryUI dialog

Title:

BI{code} ?

Hello everybody. I'm looking for a way to style the header row (title) of a Popup. I'd like to change the background color. Thanks ahead.

Save Changes Cancel

guehmann

asked at 13 Feb 2015

Answers

• BI{code} ?

  depends which theme you are already using, all themes override the css of jQueryUI in AwesomeMvc.css at the bottom of the file for example in bui/AwesomeMvc.css you can modify this: .ui-widget-header { border: none; background: none; // remove this line } save, refresh, and you'll get the default jQueryUI dialog background color you can than go to the line: .ui-dialog-titlebar { background:pink;// add this } and you'll get a pink background for the header to be able to all this yourself I recommend you to learn this: http://www.w3schools.com/css/ and chrome dev tools: http://www.youtube.com/watch?v=Z3HGJsNLQ1E

  Save Changes Cancel

  

  Omu

  answered at 14 Feb 2015

  • Thank you for the fast reply. This was exactly i was looking for.
    at 14 Feb 2015 guehmann

please Sign In to leave an answer