CODEWITHSUNDEEP
sencha-touchextjssencha-touch-2
Adil Malik
Adil Malik

Reputation: 6357

Titles truncated automatically

I am having a strange issue. The titles that I specify in toolbar or in Ext.Msg.alert is automatically truncated and a '...' is appended.

enter image description here

How to get rid of this? I want full titles in Toolbar, message boxes and everywhere else.

Upvotes: 2

Views: 682

Answers (2)

Sivakumar
Sivakumar

Reputation: 305

The problem is because of ellipsis property assigned to .x-title by default. You need to change that to to clip property.

Give a cls property to your config.

For example :

cls : 'textFormat',

Then in a css file :

.textFormat .x-title .x-innerhtml{
    text-overflow : clip !important;
 }

This code will override the existing code for the particular toolbar.

Upvotes: 0

Eli
Eli

Reputation: 14827

It's a bug in Webkit which are reported in sencha's forum that you can refer it here or here:

Use this in your css or .sass file as a solution:

.x-title{padding:0 .3em;}
.x-title .x-innerhtml{padding: 0;}

Or:

.x-title .x-innerhtml:after {
    display: inline-block;
    content: '';       
    width: 0.3em;
}

Upvotes: 4

Related Questions