jQuery Mobile will truncate headers and footers with long titles (see Figure 3–6). When the text is too long jQuery Mobile will truncate the text and add an ellipsis to the end. If you encounter this situation and want to show the complete text (see Figure 3–7) you can adjust the CSS selector to remedy the issue as shown in Listing 3–5.
Listing 3–5. Truncation Fix (ch3/truncation-fixed.html).ui-header .ui-title, .ui-footer .ui-title {
margin-right: 0 !important; margin-left: 0 !important;
}
Figure 3–7. Truncation FixCopycopyHighlighthighlightAdd NotenoteGet Linklink
Leave a Reply