Change Background image of toolbar using sencha touch

Dear All,

I am new in sencha touch and i am making one application which contains one image which is small in size .I want to set that image as a toolbar image and also i want to set no-repetation of image and width should be 99% style property.But i don't have any ideaAttachment 28819
I wants this type of toolbar.

please anybody suggest me how to solve that problem.


Thanks & Regards
Pradeep

Hi Friends I m happy to work on the Mobile Application using MVC(Razor) and Sencha Touch.Now I'm trying to get the User defined Images to the Toolbar Tab panel.I need the Exact image what i 'm trying to get with out any change in the color and the size.Please some one Help me out here.

Any Idea on this ?Is there any easy way ? Having a same requirements.

You will need to add some CSS:

Code:

---

.x-toolbar {
    background-image: url(path/to/your/image.png);
}

---

Thanks for help rdougan. Will check it out and update.

Hi I have rectified the issue by giving as below in the CSS as

.dashboard
{
background: url(../Images/reports.png) !important;
background-size: 100% 100%;
background-position:center center;
background-repeat:no-repeat;
}
Later we have to call in the TabPanel in the .Js file as

IconClass: 'dashboard'