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

      0  

    Exclamation Help with Home Screen Icon

    Help with Home Screen Icon


    Hi, I am a newbie here. I am trying my first touch application by modifying the Tabs and Toolbars Tutorial found here : http://www.sencha.com/learn/tabs-and-toolbars/. I am currently modifying those pages provided on github.

    I have quite a success, however, I cannot find a way to apply the icon for the homescreen. I don't know where to place the ext.setup code. Please help.

    Thanks.

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,074
    Vote Rating
    854
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Code:
    Ext.setup({
        icon : 'something.png',
        onReady : function() {}
    });
    Icon must be 72px x 72px

    http://docs.sencha.com/touch/1-1/#!/...t-method-setup
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User Sameer Khan's Avatar
    Join Date
    Oct 2011
    Location
    Bangalore, India
    Posts
    113
    Vote Rating
    0
    Sameer Khan is on a distinguished road

      0  

    Default Solution for Phonestartup screen , If this is wrong plz let me know other way

    Solution for Phonestartup screen , If this is wrong plz let me know other way


    I hope you will get phonestartup screen if u do like this...Try this way


    1. In your index.js file do like this
    ------------------------------------
    Ext.regApplication('',{
    name: 'Ext.oasis',
    useLoadMask : true,
    phoneStartupScreen:'./resources/img/tablet_startup.gif',
    launch: function() {
    this.launched = true;
    this.mainLaunch();
    },
    mainLaunch: function() {
    if (!this.launched) {return;}
    Ext.oasis.main = Ext.extend(Ext.Panel, {
    layout:'card',
    floating: (Ext.is.Phone) ? true : true,
    fullscreen: (Ext.is.Phone) ? true :true,
    centered: (Ext.is.Phone) ? true : true,
    autoRender: (Ext.is.Phone) ? true : true,
    modal: (Ext.is.Phone) ? true : true,
    //width: (Ext.is.Phone) ? undefined : 480,
    //height: (Ext.is.Phone) ? undefined : 520,
    items:[],
    });
    Ext.setup({
    glossOnIcon:false,
    statusBarStyle:'default',
    onReady : function(){
    //create objects for your js fiels here
    main = new Ext.oasis.main();
    main.add(login);
    main.show();


    },
    });



    }
    });


    2. Add the following css to your sencha-touch.css file at bottom of the page
    ---------------------------------------------------------------------------------------------------------
    .x-tab img.add,.x-button img.x-icon-mask.add{-webkit-mask-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAABqUlEQVRoBe2awWnDUBBE843B4NxcQSAFOC4lJeTkoxtJDykgvRhcgCFNJCFgIs+ChEHSJX93YT6ZD4ssmR3NztNFH5Wu6+6iVynlEZpbp+4J3s5OjWm7DRxZuMMCdUB9oyzNmrJe01hEejMtM5exIh6bCI3JbFkDT27EckEDs5DI8iHCWcmy6IowC4ksHyKclSyLrgizkMjyIcJZybLoijALiSwfIpyVLItuOGFso/xiuEvAgJdeK0DqJrHEhtsTTh9ul9y/ChR2KE+Y1ruDt2ccI7d6PszcK+oFFblWELt3Cn6i/8epMW5/W+LKGrUZ/0NwboF5QxuPsfY8dmOxJs41cBOYHCZF2BFeE60i3AQmh0kRdoTXRKsIN4HJYVKEHeE10frvCNvr4RH1HojH3rGHr3hqA7VdkxPKvuKJ3AA4hn7BM3xxA5N71Fdv1gz/tax3P+hFHmsJwM/8wraMadqOh5GuXda76rVqNWb7wgeevQvRRQ1MBCPFiginxEokKsJEMFKsiHBKrESiIkwEI8WKCKfESiQqwkQwUqyIcEqsRKIiTAQjxcoVrP83/9czD9EAAAAASUVORK5CYII=')}#loading-mask{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;background-image:url("../../../resources/img/tablet_startup.gif");background-repeat:no-repeat;background-position:center;text-align:center;z-index:0}.detail,.emptytext{padding:10px}.count{font-weight:bold}.checkitem{float:right;width:70px;height:28px}.checkitem:after{border-color:#ddd}.checkitem.done:after{border-color:#a4df1a}


    Here in this code your startup image should be there...plz observe
    Sameer Khan