Hi there.
Sorry for not posting this earlier. I simply forgot about the issue as I fixed it on my local machine a while ago. Now I had to reinstall AwareIM and the ugly disabled fields were back.
fw/<yourstyle>/style/Forms.css:
.fc .fd INPUT[disabled], .fc .fd TEXTAREA[disabled] {
color: #000000;
border-top-style: none;
border-right-style: none;
border-left-style: none;
background-color: transparent;
border-bottom-style: none;
font-weight: normal;
}
Ok, so my approach is to swap the layout of ALL disabled input fields within AwareIM. That makes it a lot easier than having to apply a style to each disabled field seperatly. I can´t even think of an occasion where one would favor to have unreadable, greyed out textboxes anyway .
Unfortunatly -and God knows why- IE does not support or even ignores this. Anyhow it can be partly fixed if the AwareIM folks would append a class="disabled" or similar to every disabled input. Then it would be as easy to adress disabled fields in IE too. After that, one can control the visual layout of the box, the font-size etc. but unfortunatly not the font color in IE.
@AwareIM: Do you think it would be possible to add a class definition?
@All: Does anyone know of a way to change the font color of disabled fields in IE? That is the only issue that I could not fix.
All the best,
Elmar
Fixing the Disabled-Field display drawback
Follow-up:
To fix the hole issue altogether I can propose another approach which would render in all recent browsers.
Use ' readonly class="readonly" ' instead of ' disabled ' as a read-only indicator in forms fields.
In forms.css add
.readonly {
border-top-style: none;
border-right-style: none;
border-left-style: none;
background-color: transparent;
border-bottom-style: none;
font-weight: normal;
}
It works in FireFox and IE. Text is very readable and does not look like an input field anymore.
All the best,
Elmar
To fix the hole issue altogether I can propose another approach which would render in all recent browsers.
Use ' readonly class="readonly" ' instead of ' disabled ' as a read-only indicator in forms fields.
In forms.css add
.readonly {
border-top-style: none;
border-right-style: none;
border-left-style: none;
background-color: transparent;
border-bottom-style: none;
font-weight: normal;
}
It works in FireFox and IE. Text is very readable and does not look like an input field anymore.
All the best,
Elmar