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

How to Move the Export Buttons to the Left?

1 Answer 246 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Pooya
Top achievements
Rank 1
Pooya asked on 23 Jun 2011, 10:31 AM
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,

1 Answer, 1 is accepted

Sort by
0
Pavlina
Telerik team
answered on 28 Jun 2011, 01:56 PM
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

Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

Tags
Grid
Asked by
Pooya
Top achievements
Rank 1
Answers by
Pavlina
Telerik team
Share this question
or