BB Online Express Indenting/Bulleting Description Text?

Kevin Garcia

Hi all,

I'm wondering if there is a way to break text up in the “description” field of a membership in the Membership Form Builder? We use this section to outline membership benefits in bullet form, but on the preview and in the JS embed code it comes out as one single paragraph of text which makes legibility difficult.

Alex Wong

@Kevin Garcia
Hi, I never used the Online Express Membership forms before, only event and donation form, however, it should work the same where some css and js can be used to manipulate the look of the form after it has been loaded.

Though instead of speaking of concept, I created a Membership form and here's the finding for you:

• the Description box allow you to have multiple lines of text, even though cannot be formatted (bold, color, bullet, etc), it still should show the description on the form with the line separator, this is a BB bug/mistake in my opinion and you should report that to Blackbaud with a support ticket
  • The reason why I say it is a bug, and you can use my post as reference, is that the actual description WITH the new line (\\n is newline) is included in the form (see image 1 below), however, b/c the styling of the “container div" that holds the description is not correctly styled, the description is just “lump” together as HTML does not care for white-space normally. This can easily be fixed by adding to this “container div” a style that is “white-space: pre”. (see image 2 below) Blackbaud will need to fix the “layout” of the section so that the description doesn't look like it is overflowing the “box”)
    

Image 1

Image 2

Alex Wong

@Kevin Garcia
Sometime Blackbaud doesn't fix bug soon enough, that said, if you have a webdev person in your team, you can ask that person to give you code that will make the change to the style for the description “container div” to use white-space=pre and remove the height limitation on the box.

This should be relatively easy for most mid-level webdev.