Adding controls programmatically

Question

I am creating ASP.NET wep page. I have a world map and I want to add some image buttons (cities) controls in C#. I made the method:

I am using stored procedure to get data from database but when I add next city to the procedure the previously added imagebutton changes its position.

private void LocateCities()
{
IDBManager dbManager = new DBManager(DataProvider.SqlServer);
dbManager.ConnectionString = @"Data Source=server; Initial Catalog=db;  Integrated Security = SSPI;";
try
{
    dbManager.Open();
    dbManager.CreateParameters(2);
    dbManager.AddParameters(0, "@Function", "All");
    dbManager.AddParameters(1, "@Team", "All");
    DataSet ds = new DataSet("Stuff");
    ds = dbManager.ExecuteDataSet(CommandType.StoredProcedure, "sp_select_staff_and_cities");                    

    foreach (DataRow dr in ds.Tables[0].Rows)
    {
        int xaxis = Convert.ToInt32(dr["xaxis"]) ;
        int yaxis = Convert.ToInt32(dr["yaxis"]) ;
        int textxaxis = xaxis + 30;
        int textyaxis = yaxis - 10;

        ImageButton btnCity = new ImageButton();
        btnCity.ImageUrl = "~/Images/cyanball1.gif";
        btnCity.Height = 10;
        btnCity.Attributes.Add("style", "Z-INDEX:100; POSITION:relative; left:" + xaxis + "px; TOP:" + yaxis + "px; Left:10px;Right:10px");

        Label lblCity = new Label();
        lblCity.Text = dr["city"].ToString();
        lblCity.Attributes.Add("style", "Z-INDEX: 100;POSITION:relative; left:" + textxaxis + "px; TOP:" + textyaxis + "px");

        PanelMap.Controls.Add(lblCity);
        PanelMap.Controls.Add(btnCity);    
    }
}
catch (Exception ex)
{
    Response.Write(ex.ToString());
}
finally
{
    dbManager.Dispose();
}
}

I am using panel to keep image with map: .PanelMap { width:960px; height:572px; text-align:left; }

What should be changed in above code to keep the points in its place?

I tried to use position:absolute but it cause that posiotion is derived relative to the page and I would like it would be derived relatively to the panel control.

you can wrap your image buttons and label in an html div. Get rid of the height and positioning stuff and it should just flow as you add elements to it. — Jay
– Jay, Commented Jun 10, 2013 at 23:07
Jay, could You please be more specific? Thank You in advance. — ironcurtain
– ironcurtain, Commented Jun 10, 2013 at 23:19
Basically remove your style attributes, remove the heigh specification on your panel and use System.Web.UI.HtmlControls.HtmlGenericControl("div") as a wrapper to your label and button — Jay
– Jay, Commented Jun 11, 2013 at 15:31

Mike Perrenoud · Accepted Answer · 2013-06-10 23:30:04Z

1

The problem would be this, POSITION:relative, so change that to POSITION:absolute on both lines and you'll be good.

answered Jun 10, 2013 at 23:30

Mike Perrenoud

68.1k32 gold badges167 silver badges238 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

ironcurtain Over a year ago

I used POSITION:absolute although I wanted do avoid this. Thaks.

ironcurtain Over a year ago

I have another problem - when I use absolute posiotion and I have some hidden forms it doesn't work with each other because when hidden form appear the images buttons are not in correct place. Is there any way to repair this issue?

Mike Perrenoud Over a year ago

@user2027004, that sounds quite involved. Please post another question with that information -and be very detailed because now you're dealing with dynamic HTML and that's hard to debug online.

Collectives™ on Stack Overflow

Adding controls programmatically

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related