[Solved] MetroTouch button column problem

[Silvio Silva Junior]

Hello. 

My RadGrid is behaving strangely. Look at the picture attached.

My code:

<telerik:RadGrid ID="grdCanaisComunicacao" runat="server" AllowSorting="true" AutoGenerateColumns="false" Width="80%"
                            OnNeedDataSource="grdCanaisComunicacao_NeedDataSource"
                            OnBatchEditCommand="grdCanaisComunicacao_BatchEditCommand">
                            <MasterTableView DataKeyNames="CanalComunicacaoID" EditMode="Batch" BatchEditingSettings-OpenEditingEvent="DblClick" CommandItemDisplay="Top">
                                <Columns>
                                    <telerik:GridBoundColumn DataField="Descricao" UniqueName="colDescricao" HeaderText="Descrição" HeaderStyle-Width="30%">
                                    </telerik:GridBoundColumn>
                                    <telerik:GridTemplateColumn DataField="CanalComunicacaoTipoID" UniqueName="colTipo" HeaderText="Tipo" HeaderStyle-Width="30%">
                                        <ItemTemplate>
                                            <asp:Label runat="server" ID="lblTipo" Text='<%# Eval("TipoDescricao") %>'></asp:Label>
                                        </ItemTemplate>
                                        <EditItemTemplate>
                                            <telerik:RadDropDownList runat="server" ID="ddlTipoCanal" DataValueField="CanalComunicacaoTipoID" DataTextField="Descricao" DataSourceID="dsCanalComunicacaoTipo">
                                            </telerik:RadDropDownList>
                                        </EditItemTemplate>
                                    </telerik:GridTemplateColumn>
                                    <telerik:GridCheckBoxColumn DataField="IsPrincipal" HeaderText="Canal Principal" SortExpression="IsPrincipal"
                                        UniqueName="colIsPrincipal" ItemStyle-HorizontalAlign="Center" HeaderStyle-Width="20%">
                                    </telerik:GridCheckBoxColumn>
                                    <telerik:GridButtonColumn ConfirmText="Excluir este canal de comunicação?" ConfirmDialogType="RadWindow" HeaderStyle-Width="20%"
                                        ConfirmTitle="Delete" HeaderText="Delete" ButtonType="ImageButton" ItemStyle-Width="16px" ItemStyle-Height="16px"
                                        CommandName="Delete" Text="Delete" UniqueName="DeleteColumn">
                                    </telerik:GridButtonColumn>
                                </Columns>
                            </MasterTableView>
                        </telerik:RadGrid>

[Venelin]

Hello Silvio,

The problem is not in this code. Please check your custom styles. Most probably there is a rule that sets 100% width or height for <input> html elements (these buttons are rendered as <input type="image">).

Regards,
Venelin
Telerik