[CLOSED] MessageBox CSS Styling

  1. #1

    [CLOSED] MessageBox CSS Styling

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

                
    
                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;
    }
    Last edited by Daniil; Sep 05, 2013 at 3:51 PM. Reason: [CLOSED]
  2. #2
    Hi @VirtualArtists,

    I didn't check the CSS rules, but you should not use a dot here for sure:
    oMsg.Cls = ".ExtMessageBox"
    So, please use:
    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.
  3. #3

    MessageBox CSS styling

    Thanks - that fixed it!

    Quote Originally Posted by Daniil View Post
    Hi @VirtualArtists,

    I didn't check the CSS rules, but you should not use a dot here for sure:
    oMsg.Cls = ".ExtMessageBox"
    So, please use:
    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.

Similar Threads

  1. [CLOSED] Chart: Tips Styling
    By cwolcott in forum 2.x Legacy Premium Help
    Replies: 4
    Last Post: Nov 14, 2012, 4:13 PM
  2. Styling Grid Commands
    By Summ0ner in forum 1.x Help
    Replies: 1
    Last Post: Feb 02, 2010, 2:40 PM
  3. Styling the UI
    By LucJ in forum Open Discussions
    Replies: 2
    Last Post: Dec 09, 2009, 3:52 AM
  4. What about styling the UI ?
    By LucJ in forum 1.x Help
    Replies: 0
    Last Post: Dec 04, 2009, 4:14 AM
  5. Styling grouping GridPanel - Bug?
    By Rod in forum 1.x Help
    Replies: 2
    Last Post: Nov 21, 2008, 5:29 AM

Tags for this Thread

Posting Permissions