---
title: "How to change backcolor of alert box in Sencha?"  
description: "How to change backcolor of alert box in Sencha?"  
author: "Samuel Fernandes"  
published: 2013-06-03  
updated: 2013-06-03  
canonical: https://www.mindstick.com/forum/976/how-to-change-backcolor-of-alert-box-in-sencha  
category: "sencha touch"  
tags: ["sencha touch"]  
reading_time: 1 minute  

---

# How to change backcolor of alert box in Sencha?

Hi [Expert](https://www.mindstick.com/articles/13120/an-expert-financial-advice-will-improve-your-finances)! \
I got an issue with the [alert box](https://www.mindstick.com/forum/117/problem-in-displaying-alert-box-in-asp-dot-net) of [sencha touch](https://www.mindstick.com/interview/23004/define-class-system-of-sencha-touch) control. Issue is: I would like to change [background color](https://www.mindstick.com/forum/12937/how-to-style-togglebutton-so-that-the-background-color-is-white) of alert box, I tried to implement [CSS](https://www.mindstick.com/forum/514/background-gradient-ie7-css-problem) but its not letting me to do it.\
Is there any other way to change background color of alert box in sencha?\
[Early](https://www.mindstick.com/blog/12923/do-you-want-an-early-and-valuable-promotion-at-work) reply will be appreciated!\
Thanks.

## Replies

### Reply by AVADHESH PATEL

Hi Samuel,\
Use below **css** classes to change **MessageBox** bg [color](https://www.mindstick.com/articles/77/how-to-split-form-background-color-in-c-sharp) 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. \


---

Original Source: https://www.mindstick.com/forum/976/how-to-change-backcolor-of-alert-box-in-sencha

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.