Success! Looks like we've fixed this one. According to our records the fix was applied for TOUCH-3072 in a recent build.
  1. #1
    Sencha User
    Join Date
    Sep 2010
    Location
    Amsterdam
    Posts
    22
    Vote Rating
    2
    savelee is on a distinguished road

      2  

    Default Short titles in title bar also gets clipped with text-ellipsis?

    Short titles in title bar also gets clipped with text-ellipsis?


    I was wondering, is this a bug or a new feature of Sencha Touch 2.0.1.
    All the titles in the titlebar gets clipped with text-ellipsis. - So also the really short title's.
    For me this looks a bit strange... Is there a setting to disable this functionality?
    Cause right now I have to overrule the CSS to fix it.

    Thanks!
    Lee

    Testing: Sencha Touch 2.0.1.
    On PC with Chrome 21

    Code:
    <html><head>
    <title>Sencha Touch examples</title>
    <link rel="stylesheet" type="text/css " href="http://dev.sencha.com/deploy/sencha-touch-2.0.1/resources/css/sencha-touch.css" />
    <script type = "text/javascript"src = "http://dev.sencha.com/deploy/sencha-touch-2.0.1/sencha-touch-all.js" > </script>
    
    
    <script type="text/javascript">
    
    
    
    
    Ext.application({
        name: 'Hello World',
        launch: function() {
            Ext.create('Ext.Container', {
                fullscreen: true,
                items: [{
                    xtype : 'toolbar',
                    docked: 'top',
                    title: 'App'
                    },
                    {
                        xtype: 'panel',
                        html: '<h2>Hello World!</h2>'
                    }]
            });
        }
    });
    
    
    
    
    
    
    </script>
    </head>
    <body>
    </body>
    </html>

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,073
    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


    Looks like we have centered set to true on the title component which makes it floating and has a CSS that says the flex is zero which I think makes it get cut off.
    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 - Sencha Touch Dev Team rdougan's Avatar
    Join Date
    Oct 2008
    Posts
    1,158
    Vote Rating
    6
    rdougan will become famous soon enough

      0  

    Default


    Thanks for the report. Fixed for the next release.
    Sencha Inc.
    Robert Dougan - @rdougan
    Sencha Touch 2 and Ext JS 4 Core Team Member, SASS/Theming Wizard.

  4. #4
    Sencha User
    Join Date
    Sep 2010
    Location
    Amsterdam
    Posts
    22
    Vote Rating
    2
    savelee is on a distinguished road

      0  

    Default


    thank you guys!

  5. #5
    Sencha Premium Member
    Join Date
    May 2012
    Posts
    2
    Vote Rating
    0
    ehiggins is on a distinguished road

      0  

    Default


    I noticed this on the Back button on my navigation view as well...?

    EDIT: and possibly some issues with icons as well. See:
    /sencha/examples/kitchensink/index.html#demo/icons

  6. #6
    Sencha User
    Join Date
    Mar 2009
    Posts
    227
    Vote Rating
    0
    SchattenMann is an unknown quantity at this point

      0  

    Default


    I'm using Sencha Architect 2.0.0 Build 442 and i'm getting this problem

    what can i do to fix it?

    thanks

  7. #7
    Sencha User
    Join Date
    Aug 2012
    Posts
    5
    Vote Rating
    0
    wincvs is on a distinguished road

      0  

    Default


    I had the same problem today. The title showed the whole words before, Did the css of sencha touch come from online?

  8. #8
    Sencha User
    Join Date
    Apr 2012
    Posts
    103
    Vote Rating
    10
    pepperseb is on a distinguished road

      0  

    Default


    Quote Originally Posted by wincvs View Post
    I had the same problem today. The title showed the whole words before, Did the css of sencha touch come from online?
    You're not the only one Thought I was going crazy! This is weird that's appeared today. But it does work as expected on iOS. I think it's a Chrome issue... (by the way, I'm using 2.0.1... Maybe I should try to upgrade to 2.1.0)

  9. #9
    Sencha User
    Join Date
    Mar 2009
    Posts
    227
    Vote Rating
    0
    SchattenMann is an unknown quantity at this point

      0  

    Default


    i did updated to 2.1.0 b2 and roll back imediatly!

    alot of stuff on my app stop worked on that beta...

  10. #10
    Sencha User
    Join Date
    Apr 2012
    Posts
    103
    Vote Rating
    10
    pepperseb is on a distinguished road

      0  

    Default


    Quote Originally Posted by SchattenMann View Post
    i did updated to 2.1.0 b2 and roll back imediatly!

    alot of stuff on my app stop worked on that beta...
    Yes I tried to update with no success too...