image button

[Nebras]

I want to use image button in case of select command in server binding as follows

columns.Command(commands => commands.Select().ButtonType(GridButtonType.Image)).Title("");

but it doesn't view any images on the button , why?


another question , can I change the image of the button , if yes, how?

[Nebras]

any help?

[Dimo]

Hello Nebras,

The Grid does not have a built-in icon for a select button - you can add one according to your preference with the following CSS rule:

.t-select
{
    background: ...  ;
}

The icon should be 16 x 16 pixels or smaller.

Regards,
Dimo
the Telerik team

[Nebras]

I did so :

.t-select{background: url('../../Content/Images/select.jpg'); }

And
(

columns.Command(commands => commands.Select().ButtonType(GridButtonType.Image)).Title("");

OR

<br> columns.Command(commands => commands.Select().ButtonType(GridButtonType.Image).HtmlAttributes(new {@class=".t-select"})).Title("");

)
but in vain

[Dimo]

Hello Nebras,

If you are 100% sure that :

1. The image URL is valid (have you tried an absolute URL, instead of a relative?)
2. The image file permissions allow it to be served to the browser
3. There are no CSS rules on the page, which override the background style (have you checked with Firebug?)

.. then please send us your project for further inspection.


Greetings,
Dimo
the Telerik team

[Nebras]

Hello,Dimo
kindly, find demo is attached
I can't find why it doesn't work

[Dimo]

Hello Nebras,

You have placed the <style> tag inside the <title> tag, which is totally incorrect. Please be more careful.

Dimo
the Telerik team

[Nebras]

ok , Thanks
But Please we need a full documentation about styling

[Dimo]

Hi Nebras,

Yes, we will add help articles about the components' HTML output and styling in the future.

Best wishes,
Dimo
the Telerik team