This is a migrated thread and some comments may be shown as answers.

image button

8 Answers 122 Views
Grid
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Nebras
Top achievements
Rank 1
Nebras asked on 09 Mar 2011, 12:44 PM
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?

8 Answers, 1 is accepted

Sort by
0
Nebras
Top achievements
Rank 1
answered on 10 Mar 2011, 08:27 AM
any help?
0
Dimo
Telerik team
answered on 10 Mar 2011, 09:34 AM
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
Registration for Q1 2011 What’s New Webinar Week is now open. Mark your calendar for the week starting March 21st and book your seat for a walk through all the exciting stuff we ship with the new release!
0
Nebras
Top achievements
Rank 1
answered on 10 Mar 2011, 10:05 AM
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
0
Dimo
Telerik team
answered on 10 Mar 2011, 10:14 AM
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
Registration for Q1 2011 What’s New Webinar Week is now open. Mark your calendar for the week starting March 21st and book your seat for a walk through all the exciting stuff we ship with the new release!
0
Nebras
Top achievements
Rank 1
answered on 10 Mar 2011, 02:44 PM
Hello,Dimo
kindly, find demo is attached
I can't find why it doesn't work
0
Accepted
Dimo
Telerik team
answered on 10 Mar 2011, 03:11 PM
Hello Nebras,

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


Dimo
the Telerik team
Registration for Q1 2011 What’s New Webinar Week is now open. Mark your calendar for the week starting March 21st and book your seat for a walk through all the exciting stuff we ship with the new release!
0
Nebras
Top achievements
Rank 1
answered on 13 Mar 2011, 07:56 AM
ok , Thanks
But Please we need a full documentation about styling
0
Dimo
Telerik team
answered on 14 Mar 2011, 07:04 AM
Hi Nebras,

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

Best wishes,
Dimo
the Telerik team
Registration for Q1 2011 What’s New Webinar Week is now open. Mark your calendar for the week starting March 21st and book your seat for a walk through all the exciting stuff we ship with the new release!
Tags
Grid
Asked by
Nebras
Top achievements
Rank 1
Answers by
Nebras
Top achievements
Rank 1
Dimo
Telerik team
Share this question
or