Line Wrap After a Checkbox - Use Hanging Indents

If you're anything like me, it bothers you when things don't line up.  I don't know what it is, maybe low-grade undiagnosed OCD, but even if it didn't bother me, I imagine that it would bother some of my users.  One of the first OCD issues that I had come across after starting with the iForms happened when I'd have a simple order with a checkbox followed by a long string of text.  The text would wrap to the next line and interrupt what had previously been a nice consistent straight line of checkboxes.

Common Lab iForm

Common Lab iForm

So rather than focus on just one thing at a time, I figure I'd show an exert from my common lab iForm. That way you can see many of the scripts and functions I'm using, feel free to take of the code from it you like and feel free to ask any questions you have.

Easy Order Selection - rowSelector

The Problem

If you've spent much time at all creating iForms for HEO, you've come across a list of orders that have all kinds of prompts associated with them.  Take meds, for example, you may have a long list of meds, all with options for dose, route, priority, and frequency.  If you're like me, you may have wanted them all aligned nice and neatly.

For me (especially given the restrictions of HEO's formatting, but that's whole other rant), I will generally use a table.

List of Statin Medications, all with their own Dose, Route, and Frequency options

Now, other than using the "grid" formatting that "comes with" the iForms that McKesson provides, I wanted to figure out how to help the customer see which order they were looking at when they were fiddling around with the doses, frequencies, etc.  If you have enough doses, routes, or whatever that all look similar enough, the user may accidentally make their choice on the wrong med.