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?
1
Reply
AdChoices