As long as I’ve been using CSS to apply styles to my Workflow forms, I’ve had to wrestle (pronounced “rassel” where I’m from) with the FOUC. Here’s a snippet from Wikipedia about this problem:
A flash of unstyled content (FOUC) is an instance where a web page appears briefly with the browser’s default styles prior to loading an external CSS stylesheet, due to the web browser engine rendering the page before all information is retrieved. The page corrects itself as soon as the style rules are loaded and applied; however, the shift is quite visible and distracting.
Here’s a gif illustration featuring a decent-looking expandable menu system for a form I’m working on. Instead of trying to fit all the required fields into a single visible panel, I wanted the user to be able to view information on demand, and only have the pertinent asset info at the top of the element set.
A while back on Symantec Connect, michael.georgewrote about his preference of the ListSelect component over the Grid component (with which I wholeheartedly agree). With some effort and practice, the ListSelect can be made not only visually more appealing than the Grid, but also functionally better.