Adapt header title to show all text


#1

I’m facing this problem:

Is there a way to make the title text smaller if is so larger that exceeds the header space?


#2

You could use ng-fit-text, which is pretty simple.

It lets you specify by how much to shrink the font size and the min/max font-size

http://patrickmarabeas.github.io/ng-FitText.js/


#3

Thanks!!

My app has all the structure of the side menu template in that case where I have to put this directive? In the ion-nav-bar?


#4

Hey sorry about that, I thought I pressed replay!
Ahh, alright
hmmm, not to sure about that since the title is dynamically generated.
I’ll ping the devs and ask them what they think


#5

Hmm, doesn’t seem like this will be possible as of now.

But fear not, there is another solution!

Viewport units can be used instead,

http://caniuse.com/#search=vw


#6

Thanks @mhartington I can play with it!! I didn’t know about it!