CSS and textbox size

[Maziar Aflatoun]

Hi everyone,

I have the following EditCommandColu mn

<Columns>

<asp:BoundColum n DataField="Qty" HeaderText="Qty "
HeaderStyle-Font-Bold="True" HeaderStyle-CssClass="normt ext"
ItemStyle-CssClass="normt ext"></asp:BoundColumn >

<asp:EditComman dColumn ButtonType="Lin kButton" EditText="Edit"
CancelText="Can cel" UpdateText="Upd ate"
HeaderStyle-CssClass="normt ext" ItemStyle-Wrap="false" HeaderText="Edi t"
HeaderStyle-Wrap="false" HeaderStyle-Font-Bold="True" />
</Columns>

How do I assign a CSS tag to the hyperlinks 'Edit' and once clicked 'Update'
and 'Cancel' in my datagrid rows? Also, once the user clicks edit on a row
it creates a textbox for users to input their Qty value. How do I set the
TextBox width in that row?

Thank you
Maziar A.

[Trevor Benedict R]

Re: CSS and textbox size

Sorry about the previous post.
Change your code to something like this

<Columns>

<asp:BoundColum n DataField="Qty" HeaderText="Qty "
HeaderStyle-Font-Bold="True" HeaderStyle-CssClass="normt ext"
ItemStyle-CssClass="normt ext"></asp:BoundColumn >

<asp:EditComman dColumn ButtonType="Lin kButton" EditText="<div
class='ClassNam eHere'>Edit</div>"
CancelText="<di v class='ClassNam eHere'>Cancel</div>" UpdateText="Upd ate"
HeaderStyle-CssClass="normt ext" ItemStyle-Wrap="false" HeaderText="Edi t"
HeaderStyle-Wrap="false" HeaderStyle-Font-Bold="True" />
</Columns>


You can even go one step ahead and use an <b>image</b> like this.

<Columns>

<asp:BoundColum n DataField="Qty" HeaderText="Qty "
HeaderStyle-Font-Bold="True" HeaderStyle-CssClass="normt ext"
ItemStyle-CssClass="normt ext"></asp:BoundColumn >

<asp:EditComman dColumn ButtonType="Lin kButton" EditText="<img
src='images/editimage.gif' border=0 class='ClassNam eHere'/>"
CancelText="<im g src='images/cancelimage.gif ' border=0
class='ClassNam eHere'/>" UpdateText="Upd ate"
HeaderStyle-CssClass="normt ext" ItemStyle-Wrap="false" HeaderText="Edi t"
HeaderStyle-Wrap="false" HeaderStyle-Font-Bold="True" />
</Columns>

HTH

Trevor Benedict R
MCSD


*** Sent via Devdex http://www.devdex.com ***
Don't just participate in USENET...get rewarded for it!

[Trevor Benedict R]

Re: CSS and textbox size

and as for the width of the TextBox you can use the designer to Edit the
control or go to the SOurce View in VS.NET and add the WIDTH attribute
to the template column where you have the Textbox declared.

For more sample you can also visit http://www.datagridgirl.com

Trevor Benedict R
MCSD

*** Sent via Devdex http://www.devdex.com ***
Don't just participate in USENET...get rewarded for it!

[Trevor Benedict R]

Re: CSS and textbox size



Trevor Benedict R
MCSD

*** Sent via Devdex http://www.devdex.com ***
Don't just participate in USENET...get rewarded for it!

[Maziar Aflatoun]

Re: CSS and textbox size

Hi,

Thanks for your help. But it still doesn't work and I think it's because the
css appears inside the Edit tag.

<a
href="javascrip t:__doPostBack( 'ShoppingCart1$ DGShoppingCart$ _ctl2$_ctl0','' )"><div
class='linksmal l'>Edit</div></a>

Is there anyway to add the css to <a href="..."... > tag?

Thanks
Maz.

"Trevor Benedict R" <trevornews@nos pam-yahoo.com> wrote in message
news:emGx24UUEH A.2580@TK2MSFTN GP12.phx.gbl...[color=blue]
> Sorry about the previous post.
> Change your code to something like this
>
> <Columns>
>
> <asp:BoundColum n DataField="Qty" HeaderText="Qty "
> HeaderStyle-Font-Bold="True" HeaderStyle-CssClass="normt ext"
> ItemStyle-CssClass="normt ext"></asp:BoundColumn >
>
> <asp:EditComman dColumn ButtonType="Lin kButton" EditText="<div
> class='ClassNam eHere'>Edit</div>"
> CancelText="<di v class='ClassNam eHere'>Cancel</div>" UpdateText="Upd ate"
> HeaderStyle-CssClass="normt ext" ItemStyle-Wrap="false" HeaderText="Edi t"
> HeaderStyle-Wrap="false" HeaderStyle-Font-Bold="True" />
> </Columns>
>
>
> You can even go one step ahead and use an <b>image</b> like this.
>
> <Columns>
>
> <asp:BoundColum n DataField="Qty" HeaderText="Qty "
> HeaderStyle-Font-Bold="True" HeaderStyle-CssClass="normt ext"
> ItemStyle-CssClass="normt ext"></asp:BoundColumn >
>
> <asp:EditComman dColumn ButtonType="Lin kButton" EditText="<img
> src='images/editimage.gif' border=0 class='ClassNam eHere'/>"
> CancelText="<im g src='images/cancelimage.gif ' border=0
> class='ClassNam eHere'/>" UpdateText="Upd ate"
> HeaderStyle-CssClass="normt ext" ItemStyle-Wrap="false" HeaderText="Edi t"
> HeaderStyle-Wrap="false" HeaderStyle-Font-Bold="True" />
> </Columns>
>
> HTH
>
> Trevor Benedict R
> MCSD
>
>
> *** Sent via Devdex http://www.devdex.com ***
> Don't just participate in USENET...get rewarded for it![/color]

[Trevor Benedict R]

Re: CSS and textbox size

I forgot something. Use this code snippet instead

<Columns>

<asp:BoundColum n DataField="Qty" HeaderText="Qty "
HeaderStyle-Font-Bold="True" HeaderStyle-CssClass="normt ext"
ItemStyle-CssClass="normt ext"></asp:BoundColumn >

<asp:EditComman dColumn ButtonType="Lin kButton" edittext="&lt;i mg
src='images/editimage.gif' border=0 class='ClassNam eHere'&gt;"
canceltext="&lt ;img src='images/cancelimage.gif ' border=0
class='ClassNam eHere'&gt;" UpdateText="Upd ate"
HeaderStyle-CssClass="normt ext" ItemStyle-Wrap="false" HeaderText="Edi t"
HeaderStyle-Wrap="false" HeaderStyle-Font-Bold="True" />
</Columns>

Regards,

Trevor Benedict R
MCSD

*** Sent via Devdex http://www.devdex.com ***
Don't just participate in USENET...get rewarded for it!