forum

Home / DeveloperSection / Forums / How to change backcolor of alert box in Sencha?

Ask Question

How to change backcolor of alert box in Sencha?

Samuel Fernandes 1974 03-Jun-2013
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.
sencha touch sencha touch 
Updated on 03-Jun-2013
Samuel Fernandes

Samuel Fernandes

Follow

Can you answer this question?

Answer

1 Answers

AVADHESH PATEL

AVADHESH PATEL

03-Jun-2013
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. 

Liked By