Page 1 of 2 12 LastLast
Results 1 to 10 of 13

Thread: When using ui forward and back the buttons are not being rendered properly

    Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha User
    Join Date
    Dec 2012
    Posts
    5
    Vote Rating
    0
      0  

    Default When using ui forward and back the buttons are not being rendered properly

    Hi,

    When using ui forward and back the buttons are not being rendered properly. please see attached file.

    I'm using sencha 2.1.

    Thanks,

    Satnam.
    Attached Images Attached Images

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,556
    Vote Rating
    1272
      0  

    Default

    The forward for me doesn't look like that, it looks like the back only flipped with this code:

    Code:
    Ext.Viewport.add({
        padding : 50,
        items   : [
            {
                xtype : 'button',
                text  : 'Forward',
                ui    : 'forward'
            },
            {
                xtype : 'button',
                text  : 'Back',
                ui    : 'back'
            },
            {
                xtype  : 'toolbar',
                docked : 'top',
                items  : [
                    {
                        xtype : 'button',
                        text  : 'Forward',
                        ui    : 'forward'
                    },
                    {
                        xtype : 'button',
                        text  : 'Back',
                        ui    : 'back'
                    }
                ]
            }
        ]
    });
    Screen Shot 2013-01-15 at 9.59.05 AM.jpg
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

  3. #3
    Sencha User
    Join Date
    Dec 2012
    Posts
    5
    Vote Rating
    0
      0  

    Default

    I've tried running your code under a brand new project and still get the same result. please see screen shot.

    I'm using sencha-touch-2.1.0-commercial..

    Thanks,

    Satnam
    Attached Images Attached Images

  4. #4
    Sencha User
    Join Date
    Dec 2012
    Posts
    5
    Vote Rating
    0
      0  

    Default

    Just noticed this seems to be happening on chrome canary and when I deploy the app on a ipad.. On a normal chrome browser (i.e. Version 24.0.1312.52 m) it works fine

  5. #5
    Sencha User
    Join Date
    Jul 2012
    Posts
    15
    Vote Rating
    0
      0  

    Default

    Confirmed here as well in both chrome and in phonegap

  6. #6
    Touch Premium Member
    Join Date
    Feb 2011
    Posts
    17
    Vote Rating
    2
      0  

    Default Same problem in Chrome version 25.0.1364.152 m

    forwardbuttonbroken.jpg

    both in Sencha kitchen sink and my own app
    Last edited by sdebois; 6 Mar 2013 at 1:16 PM. Reason: update

  7. #7
    Sencha User
    Join Date
    Jan 2013
    Posts
    13
    Vote Rating
    5
      0  

    Default

    Any news on how to work-around this bug?

  8. #8
    Sencha User Surykat's Avatar
    Join Date
    Jul 2011
    Location
    BIALYSTOK, Poland
    Posts
    58
    Vote Rating
    1
      1  

    Default

    +1

    It's a problem with webkit-mask-position.

    In my case, adding following code in my custom css helps:

    Code:
    .x-button-forward:before, .x-button-forward:after, .x-toolbar .x-button-forward:before, .x-toolbar .x-button-forward:after {-webkit-mask-size: 0.80717em 1.8em;
    }
    
    
    .x-button-forward:before, .x-button-forward:after, .x-button-back:before, .x-button-back:after {
    top: -0.05em;
    -webkit-mask-position: 0.210em 0;
    }
    
    
    .x-button-forward:before, .x-button-forward:after, .x-toolbar .x-button-forward:before, .x-toolbar .x-button-forward:after {
    top: -0.05em;
    -webkit-mask-position: -0.210em 0;
    }

  9. #9
    Sencha User
    Join Date
    Feb 2012
    Posts
    18
    Vote Rating
    1
      0  

    Default Saved my day

    @Surykat Thanks you saved my day. Really appreciate it, for putting the workaround/patch/update

  10. #10
    Sencha User armode's Avatar
    Join Date
    Nov 2011
    Location
    Germany / Darmstadt
    Posts
    64
    Vote Rating
    4
      0  

    Default

    @Surykat Thanks so much for this fix

Page 1 of 2 12 LastLast

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •