Follow these steps to connect and use data on the User Web Control:

1. Create a new Web Control in your application project
2. Place two label and two textboxes on the control
3. Name the two controls txtUsername and txtAddress
4. In the code behind of the control add the following code (C#)private string username = String.Empty;
   private string password; = String.Empty;

public string Username {
get { return username; }
set { set username = value; }
}

public string Password{
get { return password; }
set { set password; = value; }
}

5. Close the control designer windows, saving all changes
6. Open the web page that will use the control
7. Drag and drop the new web control onto the web page canvas (if you already had the web control on your webpage and you added new interface elements (public functions or properties), you will likely need to remove the controls including the REGISTER statements at the top of the page so that the interface elements are reconnected to the page for you.
8. In the code behind the web page, make any references to the Tag name of the control (assuming “uc1″ in this case) using the following statements (C#).this.uc1.Username = “Your username”;
   this.uc1.Password{ = “Your password”;

This concludes the tutorial to add a simple web control and connect to it from the parent web page where it resides. This concept will help in many ways like, login pages, bread crumbs, contained lists, or other user interface lists.

To recreate the issue, follow these instructions:
* Create a new GridView control on your page
* Set the DataSoruce to an ObjectSource control (there is more work to do here, but won’t be explained here)
* Set the GridView height to 100px (arbitrary number), or resize it in height to be at least this number; again, this is a high arbitrary number for maximum visual effect. If it’s any smaller in height, you may not see the dramatic effect.
* Add ONE and only ONE row to the ObjectSource
* You will see that the GridView vertically aligns the row to the middle of the control.

To fix the issue, do this:
* remove the Height value in the property

By default, there is no Height value so the problem doesn’t present itself. In my situation, I placed a GridView on my form inside of a Panel with a Vertical scroll on so I can scroll through the gridview rows. There are, I’m sure, other ways to accomplish this, but it was all that was required for the project.

When adding 5 or more rows to the GridView ObjectSource the rows were their optimal height and top-aligned. However, if I add 5 or less rows, the rows are expanded in height and are spread evenly across the height of the GridView. Especially when there is only one row … the row will show in the middle of the GridView vertically. I want it to be top-aligned. I tried everhthing, I changed properties, I added CSS styles and alignment attributes, but nothing changed the effect.

It dawned on me that the rows were expanding to fill the vertical height of the GridView. I checked the Height property and it was set to 88px (bolded to show that it wasn’t the default value). I changed it to 1px (again bolded, so I knew it wasn’t the default) and the problem went away. But knowing this wasn’t the default, I could possibly run in to other problems. I then assumed that a NULL Height value was the default. I erased any value in the Height property, tried it again, and it worked. I have thus left it at this value.

Lesson learned, when I created the control in the first place, I resized the GridView to fill the expanse of the Panel in it’s width and height. The Height property was set and the grid was trying to fill the height of the control automatically. An undesireable effect.

You may want this effect to exist, but just know it happens so it’s done on purpose and not by accident.