Some of my text fields are overflowing resulting in cut off text

Text Fields ››

PROBLEM

In ToolBook all my text fits nicely in the fields I have used, but when viewed in a Web Browser in HTML format, some users report that text appears to be flowing off the bottom edges of my fields resulting in some of the text being cut off and unreadable.


DETAILS

There are 3 general reasons that such a problem can occur, and each of these are discussed below.

WORD WRAPPING

When you add text to a field, you are not specifying where (at what pixel coordinate) every character should be drawn. Instead you specify only the text, and that text then naturally flows into the available field space, word wrapping when necessary.


It is very possible that word wrapping will occur slightly different in various Web Browsers. This is all controlled by the rendering engine of the browser.


In the following example you can see that the word "differences" fits onto the first textline in ToolBook, but as seen in a Web Browser it doesn't fit, and instead flows to the next line. This causes all the rest of the text in the field to appear shifted and even results in your 3 line text field flowing onto a 4th line, which appears cut off.



You can resolve this by providing extra room in your fields in case word wrapping occurs differently than you expect. You can do this by increasing the size (height, width or both) of the field or decreasing the size of the text.



LINE SPACING

When you add text to a field, you are not specifying where (at what pixel coordinate) every character should be drawn. Instead you specify only the text, and that text then naturally flows into the available field space.


The spacing between lines (called Leading) is something you have no exact control over. When viewing within ToolBook itself, ToolBook will handle the Leading for you as the text flows from line to line within a field. The same is true for a Web Browser. The Browser's rendering engine is in charge of the Leading, and it is common to see Firefox and Chrome use a slightly different Leading value than ToolBook (and other web browsers) uses. Firefox and Chrome tend to add 1 additional pixel of Leading space to each line of text in a field.


This means that if you have 4 lines of text, the 4th line will be about 4 pixels lower on the screen than you're expecting it to be (as compared to what you see directly in ToolBook). This could cause text to fall off the bottom edge of your text field, as demonstrated below:



You can resolve this by providing extra room in your fields in case line spacing occurs differently than you expect. You can do this by increasing the height of the field.



FONT PIXEL SIZING

The Display settings on a user's computer could be having an effect here, but ToolBook has a feature you can turn ON (when Publishing) to ensure the user's Display settings will have NO effect. The setting, in the Web Publishing options, as seen below, is captioned "Use Pixel Sizing For Fonts". Turn this setting ON if you want the user's Display settings to have No effect on the text rendered in HTML. This setting is ON by default.


   



KEYWORDS: align bottom edge missing cut off move spacing 29729 P29729




Created with the Personal Edition of HelpNDoc: Free Web Help generator