[Solved] Styling Edit buttons

[Alastair Eddie]

Hi,

Can you recommend how best to style the command buttons created by the grid. When in icon mode, I'd like to shrink the buttons to a smaller width.

Thanks,

Alastair

[Alex Gyoshev]

Hello Alastair,

Please try the following CSS:
    .t-grid-action { min-width: 0; padding: 0; }
    .t-grid-action .t-icon { margin: 0; }

We are aware of this visual problem and will try to address it for the Q3 SP1.

All the best,
Alex Gyoshev
the Telerik team

[Alastair Eddie]

Thanks for your reply.

I added the CSS styling to my main css file that is loaded in the master page but it has no effect on the style of the command buttons.

The grid is within a partial view loaded by AJAX - does this make a difference?

Al

[Alex Gyoshev]

Hello Alastair,

I did not increase the CSS specificity enough, sorry. Here is the correct CSS:

    div.t-grid .t-grid-action { min-width: 0; padding: 0; }
    div.t-grid .t-grid-action .t-icon { margin: 0; }

Regards,
Alex Gyoshev
the Telerik team

[Alastair Eddie]

Thanks - that's sorted it.

Al