Using HoverPanel to display additional data - DataForm.NET Samples

This example shows how to use HoverPanel to show addtional data when mouse moving over each row. The advantage of HoverPanel is that it display more data without taking spaces on page.

Pick a Theme:

Employees 
 Employee
Employee Name
CityHire DateTitlePhoto
  

Employee ID:1
Davolio, NancySeattle5/1/1992Sales Representative

Employee ID:2
Fuller, KayTacoma8/14/1992Vice President, Sales

Employee ID:3
Leverling, JanetKirkland4/29/1992Sales Representative
1 - 3 / 22 RecordsPage / 8 
Birth Date12/8/1948
Address507 - 20th Ave. E.Apt. 2A
RegionWA
Postal Code98122
CountryUSA
Home Phone(206) 555-9857
Birth Date2/19/1952
Address908 W. Capital Way
RegionWA
Postal Code98401
CountryUSA
Home Phone(206) 555-9482
Birth Date8/30/1963
Address722 Moss Bay Blvd.
RegionWA
Postal Code98033
CountryUSA
Home Phone(206) 555-3412

  Design   Source  
  1. Open DataForm.NET Manager. In DataForm.NET List page, choose Employees by clicking the link.
  2. Switch to GridForm Tab. Click LastName link to open up a GridForm Field Designer window.
  3. If you don't want this field to show up on the GridForm, check off Visible checkbox.
  4. Check Add to Hover Panel checkbox to add this field to HoverPanel.
  5. Repeat step 3, 4 for the fields you want to show in HoverPanel.
  6. Click Preview GridForm button to open the preview window and move mouse over the GridForm to see the additional data in the HoverPanel.
  • Click HERE to open up a READ ONLY DataForm.NET Manager.
  • Click HERE to try for yourself.