Cross Site Lookup CSS

[Hubbaroo]

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 Kozlov]

Please, use the following CSS to change the background color for all Cross-site Lookup fields on a form:

Code: Select all

.select2-drop {
  background-color: red !important;
}

[Hubbaroo]

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 Kozlov]

Please, try the collowing CSS:

Code: Select all

.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:

Code: Select all

.highlighted-field .select2-choice {
  background-color: red !important;
}

[Hubbaroo]

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 Kozlov]

Hello,

Could you make a simple sketch in the Paint to demonstrate your idea?

[Hubbaroo]

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

[Hubbaroo]

Sorry, not sure how to past the screen shot

[Dmitry Kozlov]

Hello,

You can share a picture via OneDrive or Dropbox and place the link here.