How to Move the Export Buttons to the Left?

[Pooya]

I'm using the built-in export buttons of the RadGrid control which are default to be aligned to the right side.

There are 2 columns for the command item row and the buttons are located in the second one. I set the align of the second column to the left but how could I remove the first column or set its width to 0 then setting the colspan of the second column to 2?

 Many thanks,

[Pavlina]

Hi Pooya,

To achieve your goal you can try using the CSS code snippet below:

<style type="text/css">
        div.RadGrid_[SkinName] .rgCommandTable td
        {
            text-align: left;
            color: transparent;
            padding-left: 0;
        }
        div.RadGrid_[SkinName].rgCommandTable td:first-child
        {
            width: 0;
            padding: 0;
        }
        .RadGrid_[SkinName]input.rgExpXLS
        {
            margin-left: -27px;
        }
    </style>

Additionally, attached to this message is a sample project which demonstrates this approach. Check it out and let me know if any questions arise.

Greetings,
Pavlina
the Telerik team