Cross Site Lookup CSS
Posted by Hubbaroo - Apr 11 ’14 at 03:13
We used the Thene roller for the overall CSS but it seem not to apply to the Cross Site Lookup. How wouold I change the background color of the dropdown?
Thank you.
-
Dmitry KozlovAdminMember for: 9 years 8 months 16 days
Please, use the following CSS to change the background color for all Cross-site Lookup fields on a form:
.select2-drop { background-color: red !important; }
-
HubbarooMemberMember for: 9 years 8 months 17 days
[#1]: That changes the color of the list in the dropdown but not the coloe of the selected background after the selection is made. We need the lookup background after the selection is made. Sorry if this is not clear.
Thank you.
-
Dmitry KozlovAdminMember for: 9 years 8 months 16 days
[#2]: Please, try the collowing CSS:
.select2-choice { background-color: red !important; }
If you wish to highlight it dynamically, you can add a custom CSS-class to your field after the selection via JavaScript and define it by the following way:
.highlighted-field .select2-choice { background-color: red !important; }
-
HubbarooMemberMember for: 9 years 8 months 17 days
[#3]: I see your point, thank you.
What we are trying to accomplish is the color of the background and text, nothing else. If the form opens and has a Cross Site Lookup on it we want the background to match the rest of the standard lookups. Nothing to exceptional.
-
Dmitry KozlovAdminMember for: 9 years 8 months 16 days
[#4]: Hello,
Could you make a simple sketch in the Paint to demonstrate your idea?
-
HubbarooMemberMember for: 9 years 8 months 17 days
[#5]: In the screen shot below you can see the Status field and below that the Relation field. The Status is getting it's css from the Themeroller CSS. We want the Relation Cross Site Lookup to have the same background and text color.
Thanks again
-
HubbarooMemberMember for: 9 years 8 months 17 days
[#6]: Sorry, not sure how to past the screen shot
-
Dmitry KozlovAdminMember for: 9 years 8 months 16 days
[#7]: Hello,
You can share a picture via OneDrive or Dropbox and place the link here.