[CLOSED] MessageBox CSS Styling

Code fragment - CSS not taking affect on Message Box. Trying two different ways, neither works: - using EXT v2.x

Code:

---

           

            ext.MessageBoxConfig oMsg = new ext.MessageBoxConfig();
         
            oMsg.Cls = ".ExtMessageBox";
            oMsg.Modal = true;
            oMsg.Closable = true;
            oMsg.Buttons = ext.MessageBox.Button.OK;

            ext.RowSelectionModel sm = this._grdAssignments.GetSelectionModel() as ext.RowSelectionModel;
            if (sm.SelectedIndex > 0)
            {
              //oMsg.Message = "MODIFY - in Development";
              //ext.X.MessageBox.Show(oMsg);

              ext.X.Msg.Show(new ext.MessageBoxConfig
                {
                  Message = "MODIFY - in Development",
                  Cls = ".ExtMessageBox",
                  Modal = true,
                  Closable = true,
                  Buttons = ext.MessageBox.Button.OK
                }
              );

//  CSS Fragment:

.ExtMessageBox 
{ 
  background-color: Red;
  border-style: double;
  font-size: x-large;
}

---

Hi @VirtualArtists,

I didn't check the CSS rules, but you should not use a dot here for sure:

Code:

---

oMsg.Cls = ".ExtMessageBox"

---

So, please use:

Code:

---

oMsg.Cls = "ExtMessageBox"

---

If the CSS rules are still not applied, please inspect the HTML element (via Developer Tools in IE or Chrome or FireBug in FireFox) to check the ExtMessageBox class is applied or not and further.

Thanks - that fixed it!

Quote:

---

Originally Posted by Daniil

Hi @VirtualArtists,

I didn't check the CSS rules, but you should not use a dot here for sure:

Code:

---

oMsg.Cls = ".ExtMessageBox"

---

So, please use:

Code:

---

oMsg.Cls = "ExtMessageBox"

---

If the CSS rules are still not applied, please inspect the HTML element (via Developer Tools in IE or Chrome or FireBug in FireFox) to check the ExtMessageBox class is applied or not and further.

---