Change backcolor of a dynamically created button by another button

Question

I have 10 dynamically created buttons like button1,button2,button3 and so on a asp.net web page. I want to change the back color of the button which one i want, not all by another button called Chage Back Color. How will i get this. Plz help me with code.

Laxmidhar Sahoo · Answer

Hi protected void Page_Load() { for ( int i = 0;i { Button ButtonChange = new Button(); ButtonChange.Text = "Change" ; ButtonChange.ID = "change_" + i.ToString(); ButtonChange.Font.Size = FontUnit.Point(7); ButtonChange.ControlStyle.CssClass = "button" ; panel1.Controls.add(ButtonChange); } } Through the id can change the color protected void Button1_Click( object sender, EventArgs e) { change_1.BackColor = System.Drawing.Color.Red; } Thanks and regards

Aman Gupta · Answer

When you call other functions with the new keyword, normally you cannot change their property. You need to declare one object for opener form and set its component like below (please change names for yours, it's going to be working for you): //In form 2: var frmName= (frmName)Application.OpenForms[ "frmName" ]; frmName.Button1.BackColor=Color.Red Edit: Yes you can access button which created dynamically but needs to change access modifier to public. // In form1: public Button b = new Button(); private void button8_Click( object sender, EventArgs e) { b.Name = "btn" ; b.Size = new Size(120, 60); b.Text = "denemee" ; b.BackColor = System.Drawing.Color.PaleGreen; Controls.Add(b); }

Varun Setia · Answer

Hi, You can achieve this using jQuery, here is the sample. Html Code: div class = "button" > Btn1 div > div class = "button" > Btn2 div > div class = "button" > Btn3 div > div class = "button" > Btn4 div > div class = "button" > Btn5 div > div class = "button" > Btn6 div > div class = "button" > Btn7 div > div class = "button" > Btn8 div > div class = "button" > Btn9 div > div class = "button" > Btn10 div > JQuery: $( "button" ).click( function (){ $( "button" ).css({ 'background' : ' ' }); $( this ).css({ 'background' : ' ' }); });

Navaneeth Krishnan · Answer

hi naveen, for the dynamically created 10 buttons, you might have an unique id for those 10. for read those10 buttons take the unique parent class or id for the selector here we will take the parent unique id for selector let's say for example, you are adding like below $.each(yourDynamicArray, function (i, buttonElement) { $( '#yourDiv' ).append( ' +buttonElement.id+ '" class="btnClass"> ' ) }) #yourDiv tag has 10 dynamic buttons now u know the id for the one button which u want to change the back color right //$('#yourDiv button#' + inputButtonId).css('background-color', 'red') $(document).on( 'click' , '#yourDiv button#' + inputButtonId, function () { $( this ).css( 'background-color' : 'red' ) });