Connecting sharepoint list web part to infopath form webpart with a friendly UI RRS feed

  • Question

  • Hi,

    I have several pages in sharepoint with an infopath form web part that is connected to a list webpart (through webpart Connections>Get Form from). When a user wants to select an item from the list to open it in the infopath form web part, he or she has to click on a very small two-sided arrow. This is not a friendly way, specially for those users who are not familiar with this interface and sharepoint. I wonder if there is any alternate way to perform this web part connection with a more friendly UI. for example there could be:

    - a button placed on the page. when a row of list web part is selected, clicking the button will open that item in form web part, or
    - simply when user clicks on a row, it automatically opens the item, or
    - any way to change that two-sided arrow icon to a larger icon or a text hyperlink (sth like "select" lable), or 
    - any better idea??

    Wednesday, March 7, 2012 9:15 AM

All replies

  • You should be able to add a little CSS to the page to enhance the icon, as long as it has a unique style associated.  I use the Chrome browser developer tools to identify an item and it's css, though SPD would work as well.

    From there you can substitute the icon, or just increase the size.


    Wednesday, March 7, 2012 2:34 PM
  • thank you Bob, for your reply.

    Could you please tell me what exactly I have to change in the CSS file? 

    I could find the icon from: "C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\14\TEMPLATE\IMAGES" the file name is: RBSEL.GIF and RBUNSEL.GIF. I can change the  icons from there, but this will affect all pages that use this icon. How can I address to another icon file, in a specific page?


    • Edited by YahyaSh Wednesday, March 7, 2012 5:17 PM
    Wednesday, March 7, 2012 5:09 PM
  • CSS just refers to determining the associated html properties of the page element you want to modify. So, if the element class name is .s4-titlerow, the following style in a CEWP would hide that element.  You will want to determine the class name of the icon in question and then you could override the src= value, or the width= .

    .s4-titlerow {
    DISPLAY: none


    Wednesday, March 7, 2012 9:34 PM
  • thank you again bob,

    unfortunately I am not very good at html, css, ...! I looked for the class you mentioned. In the design view (I use SPD) there is nothing in the html code. But in the generated html page, the table column containing the icon, has a code like this:

    <td class="ms-vb2"><a href="javascript:SelectField('{82D3133D-F720-41E3-86C9-31B182A5DE2D}','47');return false;" onclick="SelectField('{82D3133D-F720-41E3-86C9-31B182A5DE2D}','47');return false;" target="_self"><img border="0" align="absmiddle" style="cursor: hand" src="/_layouts/images/rbunsel.gif" alt="Normal"></a></td>

    But where are the properties of this code, set? How can I change these? And furthermore I think there must be a way to define the same "SelectField" function, on another event such as clicking the entire row, or a button.

    I would be very thankful, if you can help me further!

    thanks anyway

    Thursday, March 8, 2012 10:12 AM
  • Changing the image should be somewhat easy, adding the following to a content editor web part (in html source edit mode).  Changing the row onclick would probably take a more digging in to SharePoint designer.

    .ms-vb2 img {


    • Marked as answer by Jack-GaoModerator Friday, March 16, 2012 10:43 AM
    • Unmarked as answer by YahyaSh Tuesday, June 12, 2012 10:15 AM
    Thursday, March 8, 2012 3:33 PM
  • Thank you again bob,

    I missed your last reply, so I'm coming back after a while with the same problem!

    I did as you said: in the page which contains the two connected webparts, I added a content editor webpart. I also created a txt file with the style tag that you mentioned (with link to a new image src) and inserted a link to this txt file in the content editor. 

    I'm not sure if the .ms-vb2 is the correct class. because it is used for other webpart columns too.

    Tuesday, June 12, 2012 10:50 AM