Possible to use CSS to keep gift attribute labels from wrapping?

Connie Berg

Hi all,


I've searched the forums several ways but can't find anything on this topic, so hopefully someone can help.  We would really like to stop using our legacy online donation vendor and switch to Online Express (which we've subscribed to), but we can't unless I can figure out how to improve the gift attribute field label behavior.


Our recognition programs require us to collect several bits of custom data (name to list on the award, where to ship it, which club to credit for fundraising this gift, etc.) which I know need to be collected as gift attributes in OLX.  We've shortened the gift attribute field labels as much as possible, but most are still fairly long since they're providing directions to the donor re: what to put in that field.  These field labels are wrapping in a narrow column to the left of the fields which looks terrible... for example, it wraps "Is this award a surprise?" (one of our shortest labels) onto 2 lines, and some wrap onto 3 or 4 lines.


Is it possible for our IT staff to write CSS to make the gift attribute field labels appear above each field rather than beside it?  Or does anyone have other suggestions to solve this problem?  Thanks for your help!


Connie

Connie Berg

Quick update that I confirmed with OLX tech support that unfortunately there is no way to use CSS or any other method to fix the field label wrapping issue.  I guess I'll explore other options in hopes of making this product work for us.


Connie

Jen Claudy

I know that the theory is to make it as easy as possible for someone to make a donation, but sometimes there really is a need for additional information, so these limitations can be frustrating.  One possible solution (disclaimer: I'm not particularly savvy with web page design, so I don't really know how to make this work...) is to create a form on your web page outside of OLX that collects all of the information you need and delivers it to you separately from OLX via email or a file saved somewhere.  Then, within that form/page would sit your OLX Donation Page for the actual transaction.  It would mean matching up the transaction with the other detail (possibly with a date/time stamp from both systems), but it would give you infinitely more control over the whole thing.


If you have the Event or Membership pieces of OLX, there might possibly be a solution there if you can finagle one of those pages to work for you and look better.

Bradley Coon

If you are embedding the form into a site that you have control over, it might be possible to use some kind of JavaScript to control the attribute labels after they load.  We did this with NetCommunity elements such as the Job Board, which didn't give us control to edit the field names. In one example we switched the "Minimum Salary" field to "Minimum Hours per Week"  by changing the innerHTML using JavaScript:  document.getElementById('PC2845_lblTxtSearchMinimumSalary').innerHTML = 'Minimum # of Hours per Week:'   If you have a web developer you might be able accomplish what you want, but I'm not completely sure.

Connie Berg

Jen and Bradley, thank you SO much for your exciting suggestions!!  I just had not thought of using a separate form on the page, but that is genius and I'll test it out ASAP.  Thanks also for the confirmation that we may be able to use JavaScript to customize the attribute label formatting, this is my back-up in case the separate form doesn't work as hoped.  Thanks again for both your help, I'm very impressed by this community!


Connie