Gelmiş geçmiş en büyük porno sitemiz olan 2pe de her zaman en kaliteli pornoları sunmayı hedefledik. Diğer video sitemiz olan vuam da ise hd porno ağırlıklı çalışmalara başladık.

  1. #1
    Sencha User
    Join Date
    Mar 2012
    Location
    Tunisia
    Posts
    74
    Vote Rating
    1
    zied jouini is on a distinguished road

      0  

    Default Answered: CSS3 in sencha touch

    Answered: CSS3 in sencha touch


    SALAM for all.
    i want to do a little animation with css3 in my sencha app.
    i used this code:
    Code:
    App.views.BankingCompte = Ext.extend(Ext.Panel, {
    scroll: 'vertical',
     items: [{
      xtype: 'carousel',
    fullscreen: true,
    styleHtmlContent: true,
    style: 'background: #d8e2ef',
        items: [
    {
    html: 
    '<div id="animation">     <div class="test"> this is a test  </div>
    </div>',
    
    
    
    cls: 'card'
    }
    ]
    
    
    }]
    
    
    });
    Ext.reg('BankingCompte', App.views.BankingCompte);
    and in the style.css file, i put this code.
    Code:
    #animation
    {
     margin:auto;
     position:relative;
    left:500px;
    }
    
    .test
    {
    position:absolute;
    left:0px;
    -webkit-transition: all 2s linear;
    -webkit-transform:translateY(320px);
    }
    but it doesn't work.
    does sencha touch support CSS3? or have i an error in my code ?
    thank you

  2. Sencha Touch doesn't do anything to prohibit CSS3 in fact it uses CSS3 quite a bit, the browser is what supports CSS3. What are you trying to do? I know animate <div class="test"> but try adding a button to change the CSS

    Code:
    App.views.BankingCompte = Ext.extend(Ext.Panel, {
        fullscreen: true,
        scroll: 'vertical',
        layout : 'fit',
        items: [{
            xtype: 'carousel',
            styleHtmlContent: true,
            style: 'background: #d8e2ef',
            items: [
                {
                    html:'<div id="animation">     <div class="test"> this is a test  </div></div>',
                    cls: 'card',
                    items : [
                        {
                            xtype   : 'button',
                            text    : 'Animate',
                            handler : function(button) {
                                var container = button.up('container'),
                                    el        = container.getEl(),
                                    div       = el.down('div.test');
    
                                div.setXY([200, 200]);
                            }
                        }
                    ]
                }
            ]
        }]
    });

  3. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,519
    Answers
    3447
    Vote Rating
    814
    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


    Sencha Touch doesn't do anything to prohibit CSS3 in fact it uses CSS3 quite a bit, the browser is what supports CSS3. What are you trying to do? I know animate <div class="test"> but try adding a button to change the CSS

    Code:
    App.views.BankingCompte = Ext.extend(Ext.Panel, {
        fullscreen: true,
        scroll: 'vertical',
        layout : 'fit',
        items: [{
            xtype: 'carousel',
            styleHtmlContent: true,
            style: 'background: #d8e2ef',
            items: [
                {
                    html:'<div id="animation">     <div class="test"> this is a test  </div></div>',
                    cls: 'card',
                    items : [
                        {
                            xtype   : 'button',
                            text    : 'Animate',
                            handler : function(button) {
                                var container = button.up('container'),
                                    el        = container.getEl(),
                                    div       = el.down('div.test');
    
                                div.setXY([200, 200]);
                            }
                        }
                    ]
                }
            ]
        }]
    });
    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.

  4. #3
    Sencha User
    Join Date
    Mar 2012
    Location
    Tunisia
    Posts
    74
    Vote Rating
    1
    zied jouini is on a distinguished road

      0  

    Default


    SALAM
    thank you. it works. i will try to animate it with a button.
    thank you

Thread Participants: 1

Tags for this Thread