Change Style People Picker Control - InfoPath Dev

InfoPath Dev

Use our Google Custom Search for best site search results.

Change Style People Picker Control

Last post 01-23-2013 08:44 AM by reub77. 2 replies.
Page 1 of 1 (3 items)
Sort Posts: Previous Next
  • 12-17-2012 07:07 AM

    Change Style People Picker Control

    Hi all,

     i have problems styling my people picker controls.

    if  i change the shading of my control all looks fine in preview.

    but after uploading to the list (it's a list form) the style is not applied....

    why? i also tried to change the background colors in the view.xsl stylesheet but nothing happens.

    when i check the rendered html of the form there's a div with name upLevelDiv with a background-color style attribute of "window".

    i also tried to overwrite this css style by putting inline css to to the view xsl but it won't apply.  Direct changes in firebug on the upLevelDiv  background-style does the changes i need....

    any ideas how i can achieve my people picker styling?

    thx in advance & cheers

    nibblas 86

  • 12-17-2012 01:36 PM In reply to

    Re: Change Style People Picker Control

    Hi Nibblas86 and welcome,

    Nice job spelunking the source and modifying the CSS! If you're using the browser forms - in other words, displaying on a web page, there is a lack of support for special mods. The InfoPath filler will support them, however.  Some stuff will work, but not everything. Sorry for the dead end.


    Patrick Halstead
    Project Manager at Qdabra
  • 01-23-2013 08:44 AM In reply to

    • reub77
    • Not Ranked
    • Joined on 03-05-2012
    • Posts 3

    Re: Change Style People Picker Control

    Had the same problem. What i ended up doing is adding a content editor web part or HTML Form web part to the same page as the InfoPath form. To get to that page i right clicked on the add item on the lSharePoint list and selected open in new tab. I then edited the page and added the web part. I chose HTML Form web part because it retains the way your markup looks. I then added the following code: .ms-inputuserfield { background-color: #FEF8D6 !important; }
    Filed under: ,
Page 1 of 1 (3 items)
Copyright © 2003-2019 Qdabra Software. All rights reserved.
View our Terms of Use.