Get a pop up box to show the user details?

Question

I have a list called Contact, where I have three fields , 1. Name 2. Mobile 3. Email.

Now I created a Content Editor, Where I will display all the names of the employees. Now how can I create a pop up box (Like the one we will get from this site) to show the Mobile and Email of the selected users.

Thank you for all the help!!

Answer 1

You probably should use the SharePoint Modal Dialog Framework to display it.

The easiest way would be:

• Create a view with the fields you would like
• View an contact from the list, right click and select Properties on the page to obtain the URL
• Copy the Content ID and fix the URL relative to your page into the following function

• Modify the page where you are displaying the list of ids with a URL of openContactDialog()

  function openContactDialog(listItemId) {
      var options = {
          url: "../../Lists/Contacts/DispForm.aspx?ContentTypeId=<INSERT ID FOR VIEW HERE>&IsDlg=1&ID=" + listItemId,
          width: 800,
          height: 600,
          title: "Contact Information",
      };
      SP.UI.ModalDialog.showModalDialog(options);
  }
  

To call the function from the GridView, use the following as an example:

<asp:GridView ID="gv" runat="server" AutoGenerateColumns="false">
        <Columns>
            <asp:TemplateField HeaderText="Employee">
                <ItemTemplate>
                    <a href="javascript:openContactDialog('<%# Eval("Id") %>');"><%# Eval("Name") %></a>
                </ItemTemplate>
            </asp:TemplateField>
        </Columns>
    </asp:GridView>

Answer 2

Do you mean popup box = tooltip window? :) There are actually plenty of jquery tooltip plugins, you can use any of them.