EditCommandColumn ButtonType=PushButton CSS

[Maziar Aflatoun]

Hi everyone,

Does anyone know how I can add a CSS (Ex. button1 ) to the following Edit
button is ASP .NET?

<asp:EditCommandColumn ButtonType="PushButton" EditText="Edit"
CancelText="Edit" UpdateText="Update"></asp:EditCommandColumn>

I want to change the way my buttons look.

Thank you
Maz.

[Steve Willcock]

Hi Maz,

You cannot apply the css directly to the column in design view but what you
can do is use the ItemDataBound event of the DataGrid to set the cssclass
onto the button with code like this:

private void pricingRuleDataGrid_ItemDataBound(object sender,
System.Web.UI.WebControls.DataGridItemEventArgs e)
{
if(e.Item.ItemType==ListItemType.Item
||e.Item.ItemType==ListItemType.AlternatingItem
||e.Item.ItemType==ListItemType.EditItem)
{
((WebControl)e.Item.Cells[4].Controls[0]).CssClass = "button1";
}
}

This of course assumes that the button is in the fifth column of the grid.

--
Steve Willcock (MCSD for Microsoft.NET)
http://www.willcockconsulting.com/

"Maziar Aflatoun" <ma***@rogers.com> wrote in message
news:Ik*************@news04.bloor.is.net.cable.rog ers.com...

Hi everyone,

Does anyone know how I can add a CSS (Ex. button1 ) to the following Edit
button is ASP .NET?

<asp:EditCommandColumn ButtonType="PushButton" EditText="Edit"
CancelText="Edit" UpdateText="Update"></asp:EditCommandColumn>

I want to change the way my buttons look.

Thank you
Maz.

[Maziar Aflatoun]

Thank you. I tried it and this is what I get.

Exception Details: System.InvalidCastException: Specified cast is not valid.

Source Error:

Line 134: ||e.Item.ItemType==ListItemType.EditItem)
Line 135: {
Line 136: ((WebControl)e.Item.Cells[11].Controls[0]).CssClass =
"button1";
Line 137: }
Line 138:
Thanks
Maz.
"Steve Willcock" <st***@N-O-S-P-A-Mwillcockconsulting.com> wrote in message
news:cf*******************@news.demon.co.uk...

Hi Maz,

You cannot apply the css directly to the column in design view but what
you
can do is use the ItemDataBound event of the DataGrid to set the cssclass
onto the button with code like this:

private void pricingRuleDataGrid_ItemDataBound(object sender,
System.Web.UI.WebControls.DataGridItemEventArgs e)
{
if(e.Item.ItemType==ListItemType.Item
||e.Item.ItemType==ListItemType.AlternatingItem
||e.Item.ItemType==ListItemType.EditItem)
{
((WebControl)e.Item.Cells[4].Controls[0]).CssClass = "button1";
}
}

This of course assumes that the button is in the fifth column of the grid.

--
Steve Willcock (MCSD for Microsoft.NET)
http://www.willcockconsulting.com/

"Maziar Aflatoun" <ma***@rogers.com> wrote in message
news:Ik*************@news04.bloor.is.net.cable.rog ers.com...

Hi everyone,

Does anyone know how I can add a CSS (Ex. button1 ) to the following Edit
button is ASP .NET?

<asp:EditCommandColumn ButtonType="PushButton" EditText="Edit"
CancelText="Edit" UpdateText="Update"></asp:EditCommandColumn>

I want to change the way my buttons look.

Thank you
Maz.

[Maziar Aflatoun]

Thanks I got it... I was pointing to the wrong cell.
"Maziar Aflatoun" <ma***@rogers.com> wrote in message
news:sz**********************@twister01.bloor.is.n et.cable.rogers.com...

Thank you. I tried it and this is what I get.

Exception Details: System.InvalidCastException: Specified cast is not
valid.

Source Error:

Line 134: ||e.Item.ItemType==ListItemType.EditItem)
Line 135: {
Line 136: ((WebControl)e.Item.Cells[11].Controls[0]).CssClass = "button1";
Line 137: }
Line 138:
Thanks
Maz.
"Steve Willcock" <st***@N-O-S-P-A-Mwillcockconsulting.com> wrote in
message news:cf*******************@news.demon.co.uk...

Hi Maz,

You cannot apply the css directly to the column in design view but what
you
can do is use the ItemDataBound event of the DataGrid to set the cssclass
onto the button with code like this:

private void pricingRuleDataGrid_ItemDataBound(object sender,
System.Web.UI.WebControls.DataGridItemEventArgs e)
{
if(e.Item.ItemType==ListItemType.Item
||e.Item.ItemType==ListItemType.AlternatingItem
||e.Item.ItemType==ListItemType.EditItem)
{
((WebControl)e.Item.Cells[4].Controls[0]).CssClass = "button1";
}
}

This of course assumes that the button is in the fifth column of the
grid.

--
Steve Willcock (MCSD for Microsoft.NET)
http://www.willcockconsulting.com/

"Maziar Aflatoun" <ma***@rogers.com> wrote in message
news:Ik*************@news04.bloor.is.net.cable.rog ers.com...

Hi everyone,

Does anyone know how I can add a CSS (Ex. button1 ) to the following
Edit
button is ASP .NET?

<asp:EditCommandColumn ButtonType="PushButton" EditText="Edit"
CancelText="Edit" UpdateText="Update"></asp:EditCommandColumn>

I want to change the way my buttons look.

Thank you
Maz.

[Maziar Aflatoun]

Sorry for one more question. Once the user clicks Edit is changes to Update
and Cancel. Howerver, I can not get my CSS to bind itself to Cancel as well
too. Any idea?
Thank you


"Maziar Aflatoun" <ma***@rogers.com> wrote in message
news:jB**********************@twister01.bloor.is.n et.cable.rogers.com...

Thanks I got it... I was pointing to the wrong cell.
"Maziar Aflatoun" <ma***@rogers.com> wrote in message
news:sz**********************@twister01.bloor.is.n et.cable.rogers.com...

Thank you. I tried it and this is what I get.

Exception Details: System.InvalidCastException: Specified cast is not
valid.

Source Error:

Line 134: ||e.Item.ItemType==ListItemType.EditItem)
Line 135: {
Line 136: ((WebControl)e.Item.Cells[11].Controls[0]).CssClass =
"button1";
Line 137: }
Line 138:
Thanks
Maz.
"Steve Willcock" <st***@N-O-S-P-A-Mwillcockconsulting.com> wrote in
message news:cf*******************@news.demon.co.uk...

Hi Maz,

You cannot apply the css directly to the column in design view but what
you
can do is use the ItemDataBound event of the DataGrid to set the
cssclass
onto the button with code like this:

private void pricingRuleDataGrid_ItemDataBound(object sender,
System.Web.UI.WebControls.DataGridItemEventArgs e)
{
if(e.Item.ItemType==ListItemType.Item
||e.Item.ItemType==ListItemType.AlternatingItem
||e.Item.ItemType==ListItemType.EditItem)
{
((WebControl)e.Item.Cells[4].Controls[0]).CssClass = "button1";
}
}

This of course assumes that the button is in the fifth column of the
grid.

--
Steve Willcock (MCSD for Microsoft.NET)
http://www.willcockconsulting.com/

"Maziar Aflatoun" <ma***@rogers.com> wrote in message
news:Ik*************@news04.bloor.is.net.cable.rog ers.com...
Hi everyone,

Does anyone know how I can add a CSS (Ex. button1 ) to the following
Edit
button is ASP .NET?

<asp:EditCommandColumn ButtonType="PushButton" EditText="Edit"
CancelText="Edit" UpdateText="Update"></asp:EditCommandColumn>

I want to change the way my buttons look.

Thank you
Maz.

[Steve Willcock]

Er... not really sure about that one - I think you should be able to use the
same mechanism to do this - not sure why it wouldn't work.

Steve

"Maziar Aflatoun" <ma***@rogers.com> wrote in message
news:HG*********************@twister01.bloor.is.ne t.cable.rogers.com...

Sorry for one more question. Once the user clicks Edit is changes to Update and Cancel. Howerver, I can not get my CSS to bind itself to Cancel as well too. Any idea?
Thank you


"Maziar Aflatoun" <ma***@rogers.com> wrote in message
news:jB**********************@twister01.bloor.is.n et.cable.rogers.com...

Thanks I got it... I was pointing to the wrong cell.
"Maziar Aflatoun" <ma***@rogers.com> wrote in message
news:sz**********************@twister01.bloor.is.n et.cable.rogers.com...

Thank you. I tried it and this is what I get.

Exception Details: System.InvalidCastException: Specified cast is not
valid.

Source Error:

Line 134: ||e.Item.ItemType==ListItemType.EditItem)
Line 135: {
Line 136: ((WebControl)e.Item.Cells[11].Controls[0]).CssClass =
"button1";
Line 137: }
Line 138:
Thanks
Maz.
"Steve Willcock" <st***@N-O-S-P-A-Mwillcockconsulting.com> wrote in
message news:cf*******************@news.demon.co.uk...
Hi Maz,

You cannot apply the css directly to the column in design view but what you
can do is use the ItemDataBound event of the DataGrid to set the
cssclass
onto the button with code like this:

private void pricingRuleDataGrid_ItemDataBound(object sender,
System.Web.UI.WebControls.DataGridItemEventArgs e)
{
if(e.Item.ItemType==ListItemType.Item
||e.Item.ItemType==ListItemType.AlternatingItem
||e.Item.ItemType==ListItemType.EditItem)
{
((WebControl)e.Item.Cells[4].Controls[0]).CssClass = "button1";
}
}

This of course assumes that the button is in the fifth column of the
grid.

--
Steve Willcock (MCSD for Microsoft.NET)
http://www.willcockconsulting.com/

"Maziar Aflatoun" <ma***@rogers.com> wrote in message
news:Ik*************@news04.bloor.is.net.cable.rog ers.com...
> Hi everyone,
>
> Does anyone know how I can add a CSS (Ex. button1 ) to the following
> Edit
> button is ASP .NET?
>
> <asp:EditCommandColumn ButtonType="PushButton" EditText="Edit"
> CancelText="Edit" UpdateText="Update"></asp:EditCommandColumn>
>
> I want to change the way my buttons look.
>
> Thank you
> Maz.
>
>