Cross Site Lookup CSS

rss

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 Kozlov
    Dmitry Kozlov
    Admin
    Member for: 8 years 4 months 2 days
    #1 by Dmitry Kozlov Apr 14 ’14 at 12:55

    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;
    }
    
  • Hubbaroo
    Member
    Member for: 8 years 4 months 2 days
    #2 by Hubbaroo Apr 14 ’14 at 02:38

    [#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 Kozlov
    Dmitry Kozlov
    Admin
    Member for: 8 years 4 months 2 days
    #3 by Dmitry Kozlov Apr 15 ’14 at 04:31

    [#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;
    }
    
  • Hubbaroo
    Member
    Member for: 8 years 4 months 2 days
    #4 by Hubbaroo Apr 16 ’14 at 04:14

    [#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 Kozlov
    Dmitry Kozlov
    Admin
    Member for: 8 years 4 months 2 days
    #5 by Dmitry Kozlov Apr 17 ’14 at 01:32

    [#4]: Hello,

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

  • Hubbaroo
    Member
    Member for: 8 years 4 months 2 days
    #6 by Hubbaroo Apr 18 ’14 at 03:52

    [#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

  • Hubbaroo
    Member
    Member for: 8 years 4 months 2 days
    #7 by Hubbaroo Apr 18 ’14 at 03:54

    [#6]: Sorry, not sure how to past the screen shot

     

  • Dmitry Kozlov
    Dmitry Kozlov
    Admin
    Member for: 8 years 4 months 2 days
    #8 by Dmitry Kozlov Apr 19 ’14 at 05:59

    [#7]: Hello,

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

Displaying 1 to 8 of 8 messages