Change Background image of toolbar using sencha touch

[sandeeppandey350]

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 ideaScreen shot 2011-10-24 at 1.18.19 PM.jpg
I wants this type of toolbar.

please anybody suggest me how to solve that problem.


Thanks & Regards
Pradeep

[sudhakathodi]

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.

[shahniravm]

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

[rdougan]

You will need to add some CSS:

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

[shahniravm]

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

[sudhakathodi]

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'