Community Toolbar

Conduit API

Case Study

Case Study -> Non-Personal App -> Online Users

In this section you will learn how to create an HTML component which displays the number of online users for the "Date Me" site.

- Description

Implement a page on your website that will render the number of online users when loaded.

- 'Date Me' Code Sample

'Date Me' HTML component (non-personal data component) .aspx code

 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="NonPersonalData.aspx.cs" Inherits="NonPersonalData" %>    
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     <html xmlns="http://www.w3.org/1999/xhtml" >
       <head runat="server">
             <title>Date Me | Toolbar</title>
                         <meta http-equiv="refresh" content="60">
        <style type= "text/css">
        body{          	
            margin-left:0;           	
            margin-right:0;           	
            margin-top:0;           	
            margin-bottom:0;              
            width:100%;              
            height:100%;              
            overflow:hidden;              
            background-color:threedface;               
            font-family:Arial;  			
            font-size:12px;          
            }      
            </style>        
        </head>  
    <body>      
        <form id="nonPersonalDataForm" runat="server">          
            <table runat="server" id="userLoginTable" cellpadding="0" cellspacing="0" border="0" style="vertical-align:middle" width="50px">              
               <tr align="center" style="height:25px">                  
                   <td>                      
                           <img alt="On line users" style="display:inline-table;vertical-align:middle" src="/developers/api/Images/users.gif"  />                                      
                       </td>                  
                   <td>                      
                      <asp:Label runat="server" ID="onlineUsersLabel" ></asp:Label>                   
                  </td>              
               </tr>          
          </table>          
        </form>  
    </body>  
</html>

'Date Me' HTML component (non-personal data component) .aspx.cs code

 using System;    public partial class NonPersonalData : System.Web.UI.Page  {      protected void Page_Load(object sender, EventArgs e)      {          // Get the number of online user          onlineUsersLabel.Text = Common.GetOnlineUsers().ToString();      }  }