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

Edit Row height

4 Answers 203 Views
Grid
This is a migrated thread and some comments may be shown as answers.
July
Top achievements
Rank 2
July asked on 10 Aug 2012, 04:36 PM
When I edit a row, the row lost the height.

I tried change the height using
.RadGrid .rgEditrow and .rgEditRow td
line-height:13px;

But it isn't work,.

The grid error is attach on captura1.

this is my aspx:

 <div id="containerSubWHelp">
        <telerik:RadGrid ID="Grid" runat="server" AutoGenerateColumns="False" OnNeedDataSource="FieldsGrid_NeedDataSource"
            OnUpdateCommand="FieldsGrid_UpdateCommand" OnInsertCommand="FieldsGrid_InsertCommand"
            OnItemCommand="FieldsGrid_ItemCommand" OnPreRender="FieldsGrid_PreRender" OnItemCreated="FieldsGrid_ItemCreated"
            OnDeleteCommand="FieldsGrid_DeleteCommand" OnItemDataBound="FieldsGrid_ItemDataBound" >
            <MasterTableView DataKeyNames="Id"  ClientDataKeyNames="Id,Name,Header" >
                <Columns>
                <telerik:GridClientSelectColumn CommandName="Select" UniqueName="Select" HeaderStyle-Width="28px"
                        Resizable="false" Reorderable="false"   >
                               
                            </telerik:GridClientSelectColumn>
                  <telerik:GridTemplateColumn UniqueName="IsActive"  DataField="IsActive" Reorderable="false" 
                        HeaderStyle-Width="55px"   AllowFiltering="true" Resizable="false">                       
                        <ItemTemplate>
                            <asp:ImageButton ID="ActiveIcon" runat="server" CommandName="Active" >
                            </asp:ImageButton>
                            <asp:CheckBox Id="lblIsActive" runat="server" Checked='<%# (DataBinder.Eval(Container.DataItem,"IsActive") is DBNull ?false:Eval("IsActive")) %>'  Visible="false" />
                        </ItemTemplate>
                    </telerik:GridTemplateColumn>
                    <telerik:GridTemplateColumn UniqueName="TemplateEditColumn" HeaderStyle-Width="28px" Reorderable="false" 
                        AllowFiltering="false" Resizable="false"  >
                        <ItemTemplate>
                            <asp:ImageButton ID="EditLink" runat="server" ImageUrl="/UI/Images/pencil.png">
                            </asp:ImageButton>
                        </ItemTemplate>
                    </telerik:GridTemplateColumn>
                    <telerik:GridEditCommandColumn HeaderStyle-Width="28px" UniqueName="EditCommandColumn" Reorderable="false" 
                        ButtonType="ImageButton" EditImageUrl="/UI/Images/grid_edit.png" Resizable="false">
                    </telerik:GridEditCommandColumn>
                    <telerik:GridButtonColumn UniqueName="btnDelete" ConfirmDialogType="RadWindow" ButtonType="ImageButton" Reorderable="false" 
                        CommandName="Delete" ConfirmDialogHeight="100px" ConfirmDialogWidth="300px" HeaderStyle-Width="28px"
                        Resizable="false"  ImageUrl="/UI/Images/cross.png" />
                   <telerik:GridTemplateColumn DataField="Id" UniqueName="Id" Visible="false">
                        <InsertItemTemplate>
                            <telerik:RadTextBox ID="txtIdInsert" runat="server" Text='<%# Bind("Id") %>' ReadOnly="true"
                                Enabled="false" />
                        </InsertItemTemplate>
                        <EditItemTemplate>
                            <telerik:RadTextBox ID="txtId" runat="server" Text='<%# Eval("Id") %>' ReadOnly="true" />
                        </EditItemTemplate>
                    </telerik:GridTemplateColumn>
                    <telerik:GridTemplateColumn UniqueName="Name" DataField="Name">
                        <EditItemTemplate >
                          <asp:TextBox ID="txtName" Width="120px" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Name") %>' 
                             >                             
                             </asp:TextBox>   
                            <br />
                            <asp:RequiredFieldValidator ID="rfName" runat="server" ErrorMessage="*" Display="Dynamic"
                                    ControlToValidate="txtName" CssClass="validator"  />
                                <asp:CustomValidator ID="cvName" runat="server" Display="Dynamic"
                                    CssClass="validator" ControlToValidate="txtName" OnServerValidate="cvName_ServerValidate" />
                               <asp:RegularExpressionValidator ID="reName" ControlToValidate="txtName" runat="server"
                                    ValidationExpression="^[0-9a-zA-Z\s]{1,125}$" CssClass="validator" Display="Dynamic" />


                        </EditItemTemplate>
                        <ItemTemplate>
                            <asp:Label ID="lblName" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Name") %>'></asp:Label>
                        </ItemTemplate>
                    </telerik:GridTemplateColumn>
                    <telerik:GridTemplateColumn UniqueName="Header" DataField="Header">
                        <EditItemTemplate>
                            <asp:TextBox ID="txtHeader" Width="120px" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Header") %>' />
                            <br />
                            <asp:RequiredFieldValidator ID="RFHeader" runat="server" ErrorMessage="*" CssClass="validator"
                                ControlToValidate="txtHeader" Display="Dynamic" />
                            <asp:CustomValidator ID="cvHeader" CssClass="validator" Display="Dynamic" runat="server"
                                ControlToValidate="txtHeader" />
                            <asp:RegularExpressionValidator ID="reHeader" ControlToValidate="txtHeader" runat="server"
                                    ValidationExpression="^[0-9a-zA-Z\s]{1,125}$" CssClass="validator" Display="Dynamic" />


                        </EditItemTemplate>
                        <ItemTemplate>
                            <asp:Label ID="lblHeader" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Header") %>'></asp:Label>
                        </ItemTemplate>
                    </telerik:GridTemplateColumn>
                    <telerik:GridTemplateColumn UniqueName="DataType" DataField="DataType">
                        <EditItemTemplate>
                            <telerik:RadComboBox runat="server" ID="cbDataType" EnableLoadOnDemand="True" DataTextField="DataType"
                                DataValueField="Id" HighlightTemplatedItems="true" Width="150px" AutoPostBack="true"   />
                                <br />
                            <asp:RequiredFieldValidator ID="frSecurity" runat="server" ErrorMessage="*" CssClass="validator"
                                Display="Dynamic" ControlToValidate="cbDataType"></asp:RequiredFieldValidator>
                        </EditItemTemplate>
                        <ItemTemplate>
                            <asp:Label ID="lblDatatype" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "DataType") %>'></asp:Label>
                        </ItemTemplate>
                    </telerik:GridTemplateColumn>
                    <telerik:GridTemplateColumn UniqueName="IsInput" DataField="IsInput">
                        <EditItemTemplate>
                            <asp:CheckBox ID="chkIsInput" Width="120px" runat="server" Checked='<%# (DataBinder.Eval(Container.DataItem,"IsInput") is DBNull ?false:Eval("IsInput")) %>' />
                        </EditItemTemplate>
                        <ItemTemplate>
                            <asp:Label ID="lblIsInput" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "IsInput") %>'></asp:Label>
                        </ItemTemplate>
                    </telerik:GridTemplateColumn>
                     <telerik:GridTemplateColumn UniqueName="IsRequired" DataField="IsRequired">
                        <EditItemTemplate>
                            <asp:CheckBox ID="chkIsRequired" Width="120px" runat="server" Checked='<%# (DataBinder.Eval(Container.DataItem,"IsRequired") is DBNull ?false:Eval("IsRequired")) %>' />
                        </EditItemTemplate>
                        <ItemTemplate>
                            <asp:Label ID="lblIsRequired" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "IsRequired") %>'></asp:Label>
                        </ItemTemplate>
                    </telerik:GridTemplateColumn>
                   
                    
                   
                </Columns>
                <CommandItemTemplate>


                    <UC:AddButtons ID="AddButtons" runat="server" />
                </CommandItemTemplate>
            </MasterTableView>
            
            <ClientSettings>
              <Resizing ResizeGridOnColumnResize="true" />
                <ClientEvents OnRowDblClick="rowDblClick" />
            </ClientSettings>
        </telerik:RadGrid>
        <telerik:RadWindowManager ID="RadWindowManager1" runat="server" EnableShadow="true">
            <Windows>
                <telerik:RadWindow ID="FieldDialog" runat="server" Height="600px" Width="800px" Skin="Vista" BackColor="Aquamarine"
                    ReloadOnShow="true" ShowContentDuringLoad="false" Modal="true" VisibleStatusbar="false"
                    Behaviors="Move, Close" Animation="FlyIn"   />


                     <telerik:RadWindow ID="DeleteDialog" runat="server"  Skin="Vista" BackColor="Aquamarine"
                    ReloadOnShow="true" ShowContentDuringLoad="false" Modal="true" VisibleStatusbar="false" IconUrl="/UI/Images/delete.png"
                    Behaviors="Move, Close" Animation="FlyIn"   >


                    </telerik:RadWindow>
            </Windows>
        </telerik:RadWindowManager>
    </div>


I need some like Caprtura2

How I can fis this issue??


4 Answers, 1 is accepted

Sort by
0
Jayesh Goyani
Top achievements
Rank 2
answered on 12 Aug 2012, 06:47 PM
Hello,

Please try with below code snippet.

.RadGrid .rgEditRow
       {
           line-height: 50px !important;
       }

Note : rgEditRow

Thanks,
Jayesh Goyani
0
July
Top achievements
Rank 2
answered on 13 Aug 2012, 10:37 AM
I did this and didn't work.
I will try again!...
My grid use Vista as Skin.
I tried too

.RadgRid_vista ....
0
Princy
Top achievements
Rank 2
answered on 13 Aug 2012, 10:56 AM
Hi,

Try setting the CSS as shown below.
CSS:
.RadGrid_Vista .rgEditRow
{
   line-height: 13px !important;
}

Thanks,
Princy.
0
Jayesh Goyani
Top achievements
Rank 2
answered on 13 Aug 2012, 04:45 PM
Hello,

Please check attached images.

.RadGrid_Vista .rgEditRow
{
line-height : 100px !important;
}


Thanks,
Jayesh Goyani
Tags
Grid
Asked by
July
Top achievements
Rank 2
Answers by
Jayesh Goyani
Top achievements
Rank 2
July
Top achievements
Rank 2
Princy
Top achievements
Rank 2
Share this question
or