About EditForm Style Setting

[KwangTae]

Hello...

I have a question about EditForm Style in Grid.

it's hard to explain my case , then i attached two image files

what i want to knows  is that remove line and space (pic2.gif ) like pic1.gif
No set pic1.gif
pic2.gif ,  bordercolor = white , and as faked.

below is source code of pic2.gif.

<EditFormSettings>
   <EditColumn ButtonType="ImageButton" CancelImageUrl="/Images/Grid/Cancel.gif" InsertImageUrl="/Images/Grid/Insert.gif"
     UpdateImageUrl="/Images/Grid/Update.gif"  />
   <FormMainTableStyle BorderStyle="Dotted" BorderWidth="1" Width="100%" />
    <FormTableStyle BorderColor="White" BorderStyle ="Dotted" />
    <FormTableAlternatingItemStyle BorderColor="White" BorderStyle ="Dotted"  />
</EditFormSettings>

thanks regards.

[Shinu]

Hello Kwang,

This is not the expected behavior. Check the following demo which implements the same.
Grid / Form Template Edit Form

-Shinu.

[KwangTae]

Thank you for your answer.
but i don't understand is that  pic1.gif  and pic2.gif are the same pattern source.
because i had both of programming.

sorry but  review once again. please.

below source code pic1.gif


<MasterTableView CommandItemDisplay="Top" DataKeyNames="MENU_CODE"
                                EditMode="EditForms">
                                <NoRecordsTemplate>
                                    <div class="NodataFound">
                                        <span>No data found</span>
                                    </div>
                                </NoRecordsTemplate>
                                <RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">
                                </RowIndicatorColumn>
                                <ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">
                                </ExpandCollapseColumn>
                                <Columns>
                                    <telerik:GridEditCommandColumn ButtonType="ImageButton"
                                        EditImageUrl="/Images/Grid/Edit.gif">
                                        <ItemStyle Width="3%" Wrap="True" />
                                    </telerik:GridEditCommandColumn>
                                    <telerik:GridBoundColumn DataField="MENU_DEPTH" HeaderText="Level"
                                        ItemStyle-Width="5%" ReadOnly="true" UniqueName="MenuDepth">
                                        <ItemStyle Width="5%" />
                                    </telerik:GridBoundColumn>
                                    <telerik:GridBoundColumn DataField="MENU_CODE" HeaderText="메뉴코드"
                                        ItemStyle-Width="10%" ReadOnly="true" UniqueName="MenuCode">
                                        <ItemStyle Width="10%" />
                                    </telerik:GridBoundColumn>
                                    <telerik:GridBoundColumn DataField="MENU_NAME" HeaderText="메뉴명(en)"
                                        ItemStyle-Width="15%" ReadOnly="true" UniqueName="MenuNameViewEN">
                                        <ItemStyle Width="15%" />
                                    </telerik:GridBoundColumn>
                                    <telerik:GridTemplateColumn HeaderText="메뉴명(en)" UniqueName="MenuNameEN"
                                        Visible="false">
                                        <EditItemTemplate>
                                            <telerik:RadTextBox ID="gvTxtMenuName" runat="server"
                                                EnableEmbeddedSkins="false" Skin="OA30" Text='<%# Eval("MENU_NAME") %>'
                                                Width="250px" />
                                            &nbsp;<span style="color: Red">*
                                            <asp:RequiredFieldValidator ID="RequiredMenuMameEN" runat="server"
                                                ControlToValidate="gvTxtMenuName" Display="Static"
                                                ErrorMessage="MenuName(en) is mandatory field!" Font-Bold="true">
                                                </asp:RequiredFieldValidator>
                                            </span>
                                        </EditItemTemplate>
                                    </telerik:GridTemplateColumn>
                                    <telerik:GridBoundColumn DataField="MENU_NAME_KO" HeaderText="메뉴명(ko)"
                                        ItemStyle-Width="15%" ReadOnly="true" UniqueName="MenuNameViewKO">
                                        <ItemStyle Width="15%" />
                                    </telerik:GridBoundColumn>
                                    <telerik:GridTemplateColumn HeaderText="메뉴명(ko)" UniqueName="MenuNameKO"
                                        Visible="false">
                                        <EditItemTemplate>
                                            <telerik:RadTextBox ID="gvTxtMenuNameKO" runat="server"
                                                EnableEmbeddedSkins="false" Skin="OA30" Text='<%# Eval("MENU_NAME_KO") %>'
                                                Width="250px" />
                                            &nbsp;<span style="color: Red">*
                                            <asp:RequiredFieldValidator ID="RequiredMenuMameKO" runat="server"
                                                ControlToValidate="gvTxtMenuNameKO" Display="Static"
                                                ErrorMessage="MenuName(ko) is mandatory field!" Font-Bold="true">
                                                </asp:RequiredFieldValidator>
                                            </span>
                                        </EditItemTemplate>
                                    </telerik:GridTemplateColumn>
                                    <telerik:GridBoundColumn DataField="MENU_NAME_CH" HeaderText="메뉴명(ch)"
                                        ItemStyle-Width="15%" ReadOnly="true" UniqueName="MenuNameViewCH">
                                        <ItemStyle Width="15%" />
                                    </telerik:GridBoundColumn>
                                    <telerik:GridTemplateColumn HeaderText="메뉴명(ch)" UniqueName="MenuNameCH"
                                        Visible="false">
                                        <EditItemTemplate>
                                            <telerik:RadTextBox ID="gvTxtMenuNameCH" runat="server"
                                                EnableEmbeddedSkins="false" Skin="OA30" Text='<%# Eval("MENU_NAME_CH") %>'
                                                Width="250px" />
                                            &nbsp;<span style="color: Red">*
                                            <asp:RequiredFieldValidator ID="RequiredMenuMameCH" runat="server"
                                                ControlToValidate="gvTxtMenuNameCH" Display="Static"
                                                ErrorMessage="MenuName(ch) is mandatory field!" Font-Bold="true">
                                                </asp:RequiredFieldValidator>
                                            </span>
                                        </EditItemTemplate>
                                    </telerik:GridTemplateColumn>
                                    <telerik:GridNumericColumn ColumnEditorID="MenuOrderEditor"
                                        DataField="MENU_ORDER" HeaderText="메뉴순서" ItemStyle-Width="10%" ReadOnly="true"
                                        UniqueName="MenuOrderView">
                                        <ItemStyle Width="10%" />
                                    </telerik:GridNumericColumn>
                                    <telerik:GridTemplateColumn HeaderText="메뉴순서" UniqueName="MenuOrder"
                                        Visible="false">
                                        <InsertItemTemplate>
                                            <telerik:RadTextBox ID="gvTxtMenuOrder" runat="server"
                                                EnableEmbeddedSkins="false" Skin="OA30" Width="250px" />
                                            &nbsp;<span style="color: Red">*
                                            <asp:RangeValidator ID="validationNumber" runat="server"
                                                ControlToValidate="gvTxtMenuOrder" Display="Dynamic"
                                                ErrorMessage="Input value between 1 and 100." Font-Bold="true"
                                                MaximumValue="100" MinimumValue="1" SetFocusOnError="true" Type="Integer"></asp:RangeValidator>
                                            <asp:RequiredFieldValidator ID="validationMenuOrder" runat="server"
                                                ControlToValidate="gvTxtMenuOrder" Display="Dynamic"
                                                ErrorMessage="Input Menu Order Number!" Font-Bold="true" ForeColor="Red"
                                                SetFocusOnError="true">
                                                    </asp:RequiredFieldValidator>
                                            </span>
                                        </InsertItemTemplate>
                                        <EditItemTemplate>
                                            <telerik:RadTextBox ID="gvTxtMenuOrder" runat="server"
                                                EnableEmbeddedSkins="false" Skin="OA30" Text='<%# Eval("MENU_ORDER") %>'
                                                Width="250px" />
                                            &nbsp;<span style="color: Red">*
                                            <asp:RangeValidator ID="validationNumberMenuOrder" runat="server"
                                                ControlToValidate="gvTxtMenuOrder" Display="Dynamic"
                                                ErrorMessage="Input value between 1 and 100." Font-Bold="true"
                                                MaximumValue="100" MinimumValue="1" SetFocusOnError="true" Type="Integer"></asp:RangeValidator>
                                            <asp:RequiredFieldValidator ID="validationMenuOrder" runat="server"
                                                ControlToValidate="gvTxtMenuOrder" Display="Dynamic"
                                                ErrorMessage="Input Menu Order Number!" Font-Bold="true" ForeColor="Red"
                                                SetFocusOnError="true">
                                                    </asp:RequiredFieldValidator>
                                            </span>
                                        </EditItemTemplate>
                                    </telerik:GridTemplateColumn>
                                    <telerik:GridBoundColumn DataField="MENU_DESCRIPT" HeaderText="메뉴설명"
                                        ItemStyle-Width="25%" ReadOnly="true" UniqueName="MenuDescView">
                                        <ItemStyle Width="25%" />
                                    </telerik:GridBoundColumn>
                                    <telerik:GridTemplateColumn HeaderText="메뉴설명" UniqueName="MenuDesc"
                                        Visible="false">
                                        <InsertItemTemplate>
                                            <telerik:RadTextBox ID="gvTxtMenuDesc" runat="server"
                                                EnableEmbeddedSkins="false" Skin="OA30" Width="350px" />
                                        </InsertItemTemplate>
                                        <EditItemTemplate>
                                            <telerik:RadTextBox ID="gvTxtMenuDesc" runat="server"
                                                EnableEmbeddedSkins="false" Skin="OA30" Text='<%# Eval("MENU_DESCRIPT") %>'
                                                Width="350px" />
                                        </EditItemTemplate>
                                    </telerik:GridTemplateColumn>
                                    <telerik:GridButtonColumn ButtonType="ImageButton" CommandName="Delete"
                                        ConfirmDialogHeight="100px" ConfirmDialogType="RadWindow"
                                        ConfirmDialogWidth="300px" ConfirmText="Delete this Menu?"
                                        ConfirmTitle="Delete Confirm" ImageUrl="/Images/Grid/Delete.gif"
                                        ItemStyle-Width="3%" Text="Del" UniqueName="Delete">
                                        <ItemStyle Width="3%" />
                                    </telerik:GridButtonColumn>
                                </Columns>
                                <EditFormSettings>
                                    <EditColumn ButtonType="ImageButton" CancelImageUrl="/Images/Grid/Cancel.gif"
                                        InsertImageUrl="/Images/Grid/Insert.gif"
                                        UpdateImageUrl="/Images/Grid/Update.gif" />
                                    <FormMainTableStyle BorderStyle="Dotted" BorderWidth="1" Width="100%" />
                                    <FormTableStyle BorderColor="White" BorderStyle="Dotted" />
                                    <FormTableAlternatingItemStyle BorderColor="White" BorderStyle="Dotted" />
                                </EditFormSettings>
                                <CommandItemSettings ShowAddNewRecordButton="true" ShowRefreshButton="true" />
                                <PagerStyle AlwaysVisible="True" HorizontalAlign="Center" />
                                <EditItemStyle CssClass="EditedItem" />
                            </MasterTableView>


thank you.

[Mira]

Hello,

In order to achieve the same look as in pic1, I suggest that you remove Width="100%" from the following settings

<FormMainTableStyle BorderStyle="Dotted" BorderWidth="1" Width="100%" />

I hope this helps.

Kind regards,
Mira
the Telerik team