Hi,
I've the following issue; I need to display the readonly Combo with a different color since the default grey is not visible on some laptops.
Combos are set readOnlyonly if the user is readOnly therefore I'd like to change with CSS and not into the view (is a MVC application).
Is it possible?How Can I do it?It should work for IE8
Thank you in advance
Kind regards
Simone
Hi Simone,
You can try the following CSS if you want all the igCombo's which are set with (mode: "readonly"):
.ui-igcombo input[readonly] { background-color: #E0E0E0;}
If you want to style only one igCombo by id then the use the following CSS:
#combo1 input[readonly] { background-color: #E0E0E0;}
Hope this helps,Martin PavlovInfragistics, Inc.
Hi Martin,
thank you for your answer but it still doesn't work. I' ve added the code in infragistics.theme.css where the height and width of igcombo are correctly set.
Anyway stille the text of readonly combo is gray an not really readable. Is this behaviour somehow overulled?
Maybe I need to change some value non on igcombo but onreadonly text?
From what I see I guess you have some custom CSS style which applies color to the font text for the readonly input elements (As far as I know browsers do not apply additional styles to a readonly input elements.)
You can check that by inspecting the applied styles to the igCombo with your favorite browser web tools (Note: igCombo has an input element in it).
I'm attaching my sample for you to see that the combo text is black and not grayed.
Best regards,Martin Pavlov
Infragistics, Inc.
Please find attached the screenshot. The issue is about the igCombo text color. I'd like to know how to change it since on some customer laptop is not readable
Thank you
Hi,I cannot see the screenshot. You should attach it to the forum post from the "Options" tab.
Best regards,Martin PavlovInfragistics, Inc.
Yes sorry you are right, I've tried to attach a screenshot but Chrome gave some problem.
Please see the following screenshot:
as you can see there are 3 readonly igcombo, my goal is to have a more readable text color instead of this gray.
How can I achieve it?
He CSS styles which I proposed change the combo background color to some shade of gray. I assume that the styles work, but you don't like the effect of gray background. You can change that color (#E0E0E0) to anything you like.
If I'm not getting your point, can you please attach a screenshot or a sample, so I can investigate it.