how to add css class into GridEditCommandColumn in dynamically

Question

5.00/5 (2 votes)

See more:

hi
Here i wrote the code like this

VB

Protected Sub Page_Init(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Init
       GoalGrid()
       ParticipantGrid()
   End Sub

VB

Public Sub GoalGrid()
        AddHandler grdGoalLevel.NeedDataSource, AddressOf grdGoalLevel_NeedDataSource
        AddHandler grdGoalLevel.ItemCreated, AddressOf grdParticipants_ItemCreated
        AddHandler grdGoalLevel.ItemCommand, AddressOf grdParticipants_ItemCommand
        AddHandler grdGoalLevel.UpdateCommand, AddressOf grdParcipants_UpdateCommand
        Dim index As Integer = 0
        grdGoalLevel.MasterTableView.EditMode = GridEditMode.InPlace

        Dim editColumn As New GridEditCommandColumn
        editColumn.ButtonType = GridButtonColumnType.ImageButton
        editColumn.EditImageUrl = "~/Assets/image/core/note_btn.png"
        editColumn.UpdateImageUrl = "~/Assets/image/core/tick_ic.png"
        editColumn.CancelImageUrl = "~/Assets/image/core/cancel_btn.png"

grdGoalLevel.MasterTableView.Columns.AddAt(index, editColumn)

my problum is here EditImageUrl,UpdateEmageUrl, CancelImageUrl are directly given the image references, but here i want to add spriteImages by calling the cssClasses.
i dont want to

VB

editColumn.EditImageUrl = "~/Assets/image/core/note_btn.png"

like this
i want to call css class insted of "~/Assets/image/core/note_btn.png"

so ,please help me anyone.

here i had tried for edit button like this

VB

Dim editColumn As New GridEditCommandColumn
editColumn.ButtonType = GridButtonColumnType.LinkButton
editColumn.ItemStyle.CssClass = "buttonEdit1"

in the same way i have to add for updateImageurl and cancelImageUrl.

Posted 27-Dec-11 3:00am

Member 8362403

Updated 27-Dec-11 21:29pm

v3

Add a Solution

Comments

Sunasara Imdadhusen 28-Dec-11 1:21am

Good question. my vote of 5

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sunasara Imdadhusen · Answer 1 · 2011-12-27T19:19:00

Hi You can add CSS Class of CommandField using following method

Static

ASP.NET

<asp:commandfield showselectbutton="True" itemstyle-cssclass="cssSelect">
</asp:commandfield>

OR

ASP.NET

<asp:commandfield showselectbutton="True" >
<controlstyle cssclass="cssSelect" />
</asp:commandfield>

Dynamic

C#

CommandField cf = new CommandField();
cf.ItemStyle.CssClass = "cssSelect";

OR

C#

cf.ControlStyle.CssClass = "cssSelect";

StyleSheet

You can set following style if you set ItemStyle-CssClass

CSS

td.cssSelect a
{
    color:Red;
}

You can set following style if you set ControlStyle CssClass

CSS

a.cssSelect
{
    color:Red;
}

Please do let me know, if you have still problem.