Ionic-framework: [feature request] NavBar/ToolBar subTitle

[BugsBunnyBR]

Short description of the problem:

I would like to be possible to show a subtitle text below the title with smaller text and a little opaque.

What behavior are you expecting?

To have a <ion-subtitle> tag.

Which Ionic Version? 2.x

[guillenotfound]

Bump

[AnandanSelvaganesan]

<ion-view title="<div class='main-title' style='line-height: initial;'>Main Title</div><div class='sub-title' style='line-height: initial;font-size: 12px;color: #333;'>Sub Title</div>"></ion-view>

This worked :)

[jgw96]

Hello everyone! Thanks for the feature request. I'm going to move this issue over to our internal list of feature requests for evaluation. We are continually prioritizing all requests that we receive with outstanding issues. We are extremely grateful for your feedback, but it may not always be our next priority. I'll copy the issue back to this repository when we have begun implementation. Thanks!

[jgw96]

This issue was moved to driftyco/ionic-feature-requests#25

[shyamal890]

+1

[guillenotfound]

Is that a private repository @jgw96 ?

[rnarian]

This can be archived by wrapping your title into a div (to force into display:block) and adding a second div for the subtitle where you would only need to adjust font-size (and opacity):

<ion-title>
  <div>Regular Title</div>
  <div style="font-size: 12px">Subtitle</div>
</ion-title>

[5im0n]

This snippet work perfectly

<ion-title>
   <span>Title</span> <br>
   <small>Subtitle</small>
</ion-title>

@rnarian Don't use block tag like div cause you break the ellipsis of the title on small device.

[rnarian]

@5im0n Good catch. 👍

[guillenotfound]

You can try this as well:

https://forum.ionicframework.com/t/sub-title-in-navbar/70331

[ionitron-bot[bot]]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.