Change backcolor of a dynamically created button by another button

NAVEEN KUMAR

6y1.6k.NET

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.

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Laxmidhar Sahoo6y ago
Accepted answer
Hi
protected void Page_Load()
{

for(int i = 0;i<10;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
-1
Aman Gupta6y ago
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);
}
+1
Navaneeth Krishnan6y ago
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')
});
+1
Varun Setia6y ago
Hi,
You can achieve this using jQuery, here is the sample.

Html Code:
<div class="button">Btn1div>
<div class="button">Btn2div>
<div class="button">Btn3div>
<div class="button">Btn4div>
<div class="button">Btn5div>
<div class="button">Btn6div>
<div class="button">Btn7div>
<div class="button">Btn8div>
<div class="button">Btn9div>
<div class="button">Btn10div>
JQuery:
$("button").click(function(){
   $("button").css({'background':''});
   $(this).css({'background':''});
});
+2