Change Style People Picker Control - InfoPath Dev
in

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.

    P

    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.