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

**savelee** · 5 Jul 2012 12:05 AM

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>

**mitchellsimoens** · 5 Jul 2012 5:04 AM

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.

**rdougan** · 9 Jul 2012 10:25 AM

Thanks for the report. Fixed for the next release.

**savelee** · 9 Jul 2012 10:52 AM

thank you guys!

**ehiggins** · 2 Aug 2012 9:38 AM

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

**SchattenMann** · 8 Aug 2012 10:26 AM

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

what can i do to fix it?

thanks

**wincvs** · 9 Aug 2012 12:09 AM

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

**pepperseb** · 9 Aug 2012 1:30 AM

Originally Posted by wincvs

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)

**SchattenMann** · 9 Aug 2012 1:54 AM

i did updated to 2.1.0 b2 and roll back imediatly!

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

**pepperseb** · 9 Aug 2012 4:38 AM

Originally Posted by SchattenMann

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...

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

Thread Tools

Search Thread

Display

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

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

Tags for this Thread