[Solved] Grid - GridEditCommandColumn skinning

[Maxim Minkov]

Hi!

Help please, how I can set value for EditImageUrl for GridEditCommandColumn using skin-file?

Here contents of my skin-file for Grid:

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<telerik:RadGrid runat="server">
<MasterTableView
    CommandItemSettings-AddNewRecordImageUrl="~/Images/add_16.png"
    CommandItemSettings-RefreshImageUrl="~/Images/refresh_16.png"
    EditFormSettings-EditColumn-EditImageUrl="~/Images/edit_16.png"
    EditFormSettings-EditColumn-InsertImageUrl="~/Images/add_16.png"
    EditFormSettings-EditColumn-UpdateImageUrl="~/Images/save_16.png"
>
    <Columns>

    </Columns>
</MasterTableView>
</telerik:RadGrid>

[Princy]

Hello Maxim,

Try setting the EditImageUrl in the skin file as shown below:
.skin:

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>


        <telerik:RadGrid  AutoGenerateColumns="false"  runat="server">
        <MasterTableView>
        <Columns>
        <telerik:GridEditCommandColumn ButtonType="ImageButton" EditImageUrl="~/NewFolder1/rose.jpg"></telerik:GridEditCommandColumn>
        </Columns>
        </MasterTableView>
        </telerik:RadGrid>

Thanks
Princy.

[Maxim Minkov]

Thanks for the answer.

The given decision does not solve a problem. On the contrary adds a superfluous column in gird and if for example in event ItemDataBound use FindControl method for Item we will receive following exception:

Multiple controls with the same ID 'EditButton' were found. FindControl requires that controls have unique IDs.

I have made the small test project, to load it is possible here (for run just add reference to Telerik.Web.UI.dll).

[Princy]

Hello Maxim,

Try removing the EditCommandColumn markup from the aspx page and set it with the UniqueName only in the skin file as shown below. This should help solve your issue.

.skin:

<Columns>
    <telerik:GridEditCommandColumn UniqueName="EditCmd"  ButtonType="ImageButton" EditImageUrl="~/Images/edit.png">
    </telerik:GridEditCommandColumn>
</Columns>

Thanks
Princy.

[Maxim Minkov]

Hi Princy,

In the big project with hundreds aspx-files, it to make hard enough.

As in each aspx-file grid has unique UniqueName for EditCommandColumn, and it the name can be used then in .aspx.cs code.As not for all gids in the project it is necessary EditCommandColumn.

[Sebastian]

Hello Maxim,

Here is how you can customize the action images in the grid (should be applicable both for inplace and edit forms editing):

http://www.telerik.com/help/aspnet-ajax/gridcustomizeactionbuttons.html

Note that you can reduce the grid definition and leave only the GridEditCommandColumn and EditFormSettings inside the .skin file to reuse it accross different pages when setting a theme.

Kind regards,
Sebastian
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Maxim Minkov]

Hello Admin,

sorry but this solution does not help me.

With this .skin file images in EditCommandColumn stay the Telerik default images.

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<telerik:RadGrid runat="server">
    <MasterTableView
        CommandItemSettings-AddNewRecordImageUrl="~/Images/add_16.png"
        CommandItemSettings-RefreshImageUrl="~/Images/refresh_16.png"
    >
        <EditFormSettings>
            <EditColumn
                EditImageUrl="~/Images/edit_16.png"
                InsertImageUrl="~/Images/add_16.png"
                UpdateImageUrl="~/Images/save_16.png"
            >
            </EditColumn>
        </EditFormSettings>
    </MasterTableView>
</telerik:RadGrid>

With your solution - screenshot

If im set EditImageUrl="~/Images/edit_16.png" in EditCommandColumn attributes - screenshot

<telerik:GridEditCommandColumn UniqueName="EditCmd2" ButtonType="ImageButton" EditImageUrl="~/Images/edit_16.png">
                    </telerik:GridEditCommandColumn>

Thus the question remains opened.

[Sebastian]

Hello Maxim,

As explained in my previous post:

...leave only the GridEditCommandColumn and EditFormSettings inside the .skin file...

Hence in order to change the edit image url for the edit column, you need to include the edit column definition in your skin file, namely:

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<telerik:RadGrid runat="server">

<MasterTableView

CommandItemSettings-AddNewRecordImageUrl="~/Images/add_16.png"

CommandItemSettings-RefreshImageUrl="~/Images/refresh_16.png"

>

<EditFormSettings>

<EditColumn

EditImageUrl="~/Images/edit_16.png"

InsertImageUrl="~/Images/add_16.png"

UpdateImageUrl="~/Images/save_16.png"

>

</EditColumn>

</EditFormSettings>

</MasterTableView>   <Columns> <telerik:GridEditCommandColumn UniqueName="EditCmd2" ButtonType="ImageButton" EditImageUrl="~/Images/edit_16.png" />  </Columns>

</telerik:RadGrid>

Thus the column with the custom image should be present in each grid and you can still add more columns to each individual grid instance inside the aspx code of the page.

Regards,
Sebastian
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Maxim Minkov]

If I make under your description in everyone grid systems it will be added EditCommandColumn (as you and have described). But that it has earned without errors, I should remove all EditCommandColumns in all grids. But in such decision there is a problem: not in everyone grid in system it is necessary EditCommandColumn.As in everyone existing grids EditCommandColumn can have the own name and if to apply skin, the name will be for all one, thus I will need to change also a code.

[Sebastian]

Hello Maxim,

I see your point, however there is no more straight-forward solution than adding this GridEditCommandColumn either in the .skin file (to reuse it across different page) or manually setting it for some of the grid instances in the corresponding aspx pages (where applicable).

Kind regards,
Sebastian
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Maxim Minkov]

Hello Admin,

Thanks for answers!Prompt, you can add in the future builds/releases to take out properties concerning graphic registration of grid in separate group (for example as MasterTableView) which as a result could be described in skin for Grid?

[Sebastian]

Hi Maxim,

Thank you for the suggestion - I will forward it to our developers to be considered further. If this appears to be commonly requested possible enhancement, you might see it included in a future version of the product.

Best regards,
Sebastian
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.