Skip to main content
Inspiring
March 28, 2011
Question

Cold Fusion Ajax UI styles

  • March 28, 2011
  • 1 reply
  • 472 views

So when CF came out with the Ajax UI stuff several years ago, we noticed some deficiencies with the styles. Notably, that if a cfinput with type=datefield was too close to another one, the popup calendars would conflict. And the autosuggest styles were rather unattractive. We had hoped that in time, the styles would improve, but that hasn't happened. But I didn't notice until today that multiple cfinputs with autosuggest suffer from the same sort of problem that the datefields do: problems if they are too close.

I started wrestling with the cf.css, with little success. So I figured I would come here for suggestions.

I would like to be able to make the results of autosuggest look and function better. If I have one cfinput just above another, and autosuggest comes up with 3 results, the first one is visible but the others are hidden, blocked by the cfinput below. Even if I change div.autosuggestcontainer .yui-ac-content and set overflow:visible; it has no effect. If I specify overflow:scroll I can see scroll bars (that don't work), but not the blocked values. What gives?

I want it to act like similar controls in Yahoo email. When I type in the To: input, not only are the results returned with much more attractive styles, multiple values never get blocked. They appear on top of the CC: input box.

Any suggestions?

    This topic has been closed for replies.

    1 reply

    mkane1Author
    Inspiring
    March 28, 2011

    I continued searching, and found an easy fix at http://www.stillnetstudios.com/cf8-autosuggest-shows-through

    The problem is supposedly because "There is a conflict with the way ColdFusion sets the CSS float and z-index properties."

    Sad that the problem has persisted for so long.