Prevent Text from Wrapping

This material pertains to version 4.0 of Blackbaud CRM SDK.

Starting with Blackbaud CRM 4.0 Service Pack 4, the bbui-forms-summarytile-nowrap CSS class allows you to prevent text from extending past the edge of a tile.

For example, to prevent phone numbers from wrapping, the out-of-the-box Contact Information tile specifies the bbui-forms-summarytile-nowrap CSS class within the span tags that contain PHONENUMBERVALUETEXT_value, PHONENUMBERWITHWARNING_value, and PHONENUMBERWITHPADLOCK_value.

    <div class="bbui-forms-fieldset-row">
        <table>
            <tr>
                <td id="#MAP#PHONENUMBERVALUETEXT_container">
                    <div id="#MAP#PHONENUMBERVALUETEXT_value" class="bbui-forms-summarytile-nowrap">
                    </div>
                </td>
                <td id="#MAP#PHONENUMBERWITHWARNING_container">
                    <span id="#MAP#PHONENUMBERWITHWARNING_value" class="bbui-forms-summarytile-nowrap bbui-valuestyles-warning-nocolor-imageandtext">
                    </span>
                </td>
                <td id="#MAP#PHONENUMBERWITHPADLOCK_container">
                    <span id="#MAP#PHONENUMBERWITHPADLOCK_value" class="bbui-forms-summarytile-nowrap bbui-valuestyles-padlock-imageandtext"></span>
                </td>
                <td id="#MAP#ADDPHONENUMBER_td">
                    <a id="#MAP#ADDPHONENUMBER_action" class="bbui-valuestyles-new-imageandtext"></a>
                </td>
            </tr>
        </table>