Hybrid View

  1. #1
    Sencha User
    Join Date
    Oct 2011
    Posts
    1
    Vote Rating
    0
    sandeeppandey350 is on a distinguished road

      0  

    Question Answered: Change Background image of toolbar using sencha touch

    Answered: 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 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

  2. You will need to add some CSS:

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

  3. #2
    Sencha User
    Join Date
    Nov 2011
    Posts
    4
    Vote Rating
    0
    sudhakathodi is on a distinguished road

      0  

    Default Hi

    Hi


    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.

  4. #3
    Sencha User
    Join Date
    Nov 2011
    Posts
    4
    Vote Rating
    0
    sudhakathodi is on a distinguished road

      0  

    Default Customized Image in TabPanel

    Customized Image in TabPanel


    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'

  5. #4
    Sencha User
    Join Date
    Dec 2011
    Posts
    2
    Vote Rating
    0
    shahniravm is on a distinguished road

      0  

    Default


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

  6. #5
    Sencha - Sencha Touch Dev Team rdougan's Avatar
    Join Date
    Oct 2008
    Posts
    1,158
    Answers
    93
    Vote Rating
    6
    rdougan will become famous soon enough

      0  

    Default


    You will need to add some CSS:

    Code:
    .x-toolbar {
        background-image: url(path/to/your/image.png);
    }
    Sencha Inc.
    Robert Dougan - @rdougan
    Sencha Touch 2 and Ext JS 4 Core Team Member, SASS/Theming Wizard.

  7. #6
    Sencha User
    Join Date
    Dec 2011
    Posts
    2
    Vote Rating
    0
    shahniravm is on a distinguished road

      0  

    Default


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

Thread Participants: 3

Tags for this Thread

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar