Home > DeveloperSection > Forums > How to change backcolor of alert box in Sencha?
Samuel Fernandes
Samuel Fernandes

Total Post:154

Points:1082
Posted on    June-03-2013 2:56 AM

 Sencha Touch Sencha Touch 
Ratings:


 1 Reply(s)
 935  View(s)
Rate this:
Hi Expert! 

I got an issue with the alert box of sencha touch control. Issue is: I would like to change background color of alert box, I tried to implement CSS but its not letting me to do it.

Is there any other way to change background color of alert box in sencha?

Early reply will be appreciated!

Thanks.


AVADHESH PATEL

Total Post:604

Points:4228
Posted on    June-03-2013 9:19 AM

Hi Samuel,

Use below css classes to change MessageBox bg color and MessageBox text properties.

// To change messagebox background color

.x-msgbox
 {
    background-color: #fff;
 }

// To change messagebox text properties

 .x-msgbox-dark .x-msgbox-text {
    color: #000 !important;
    font-size: 14px;
    font-family: Helvetica, Arial, sans-serif;
}

// To change messagebox title

.x-toolbar-dark .x-title {
    color:#000 !important;
    font-size: 20px !important;
    font-family: Helvetica, Arial, sans-serif;
}

I hope it resolve your problem. 


Don't want to miss updates? Please click the below button!

Follow MindStick