Boost recurring donations this giving season with the new upsell prompt!Learn How >>

Displaying multiple fields on a single line with CSS Keywords in Search Form

updated

Fields added to a Search Form of a Directory appear in the order you arrange them in the administrator, stacked from top to bottom vertically, one per line by default. In some cases, though, you may want to place more than one field on a given line. A common case for this would be a First Name and Last Name field. Rather than using the default arrangement with First Name appearing on a single line and Last Name appearing below it, it is customary to place these adjacent to one another on the same line. You can place multiple fields on a single line using the CSS Keywords field.

CSS Keyword options

The following groups of CSS Keywords are available as options, each one of the group applied to a single field. They divide the horizontal space available to the form into fractions noted in their names.

  • leftHalf rightHalf
  • leftThird middleThird rightThird
  • leftFourth middleFourth middleFourth rightFourth
  • leftFifth middleFifth middleFifth middleFifth rightFifth

Entering CSS Keywords

CSS Keywords are entered into the CSS Keywords field in the popup form when adding or editing a Salesforce Element on the Search Form.

 soapbox-forms-css-keywords.png

Have more questions? Submit a request
Article is closed for comments.