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

Lines appear when in edit mode with FormTemplates

6 Answers 139 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Rune
Top achievements
Rank 1
Rune asked on 11 Nov 2011, 02:05 PM
I have placed a Radgrid on my page which is a 2 level grid. One masterView and a detail view. I have and edit function on the detail view, which of cause then switches an Item to be on edit mode. This works perfectly and I can catch the update event a update stuff in my database.

But when ever i go to edit mode, black lines appears in my two tables I have in my edititemtemplate
. You can see the images i have attached to this topic what i mean.

Here is the edititemtemplate
so you can see that I haven't set the lines to appear.

<EditItemTemplate>
    <table style="width: 740; border: 0px solid White;">
        <tr>
            <td style="font-weight: bold;">
                Hostname:
            </td>
            <td style="width: 300px">
                <asp:TextBox runat="server" ID="hostname" />
            </td>
            <td style="font-weight: bold;">
                Alias:
            </td>
            <td>
                <asp:TextBox runat="server" ID="alias" />
            </td>
        </tr>
        <tr>
            <td style="font-weight: bold;">
                IP adress:
            </td>
            <td>
                <asp:TextBox runat="server" ID="ip" />
            </td>
            <td>
            </td>
            <td>
            </td>
        </tr>
    </table>
    <table style="width: 740; border: 0px solid White;">
        <tr>
            <td style="font-weight: bold;">
                Description:
            </td>
        </tr>
        <tr>
            <td>
                <telerik:RadEditor runat="server" ID="telerikDesription" ToolsFile="/telerikEditorToolsTiny.xml"
                    Height="250">
                    <Modules>
                    </Modules>
                </telerik:RadEditor>
            </td>
        </tr>
        <tr>
            <td style="font-weight: bold;">
                Comments (Private field for FC):
            </td>
        </tr>
        <tr>
            <td>
                <asp:TextBox runat="server" ID="comments" />
            </td>
        </tr>
    </table>
</EditItemTemplate>

It's not browser related, cause I tested on 4 different kinds, same result.
So why does the lines appear? Anyone have an idea? 

- Rune

6 Answers, 1 is accepted

Sort by
0
Jayesh Goyani
Top achievements
Rank 2
answered on 11 Nov 2011, 02:16 PM
Hello Rune,

There is not any such type of issue in Radgrid.
Please check that not applied any global style to table.
Are you modified any css class of radgrid ?

Using browser's Developer tool, please check which style applied to this table.

Let me know if any concern.

Thanks,
Jayesh Goyani
0
Lasly
Top achievements
Rank 1
answered on 01 Dec 2011, 03:33 PM
Hi
I've the same problem!
My EditItemTemplate contains only a table with my controls, but i see however the lines.
0
Shinu
Top achievements
Rank 2
answered on 02 Dec 2011, 04:35 AM
Hello Lasly,

There is no such issue in RadGrid. I suppose this issue is due to some global CSS overriding the default CSS.

-Shinu.
0
Iana Tsolova
Telerik team
answered on 02 Dec 2011, 12:39 PM
Hi,

I created a test sample and was able to replicate the issue. However it can be easily overcome with the below css rule:
<style type="text/css">
div.RadGrid_[SkinName] .rgEditRow td
{
    border-width:0;
}
</style>

Replace [SkinName] with the Skin you are using for the grid.

Greetings,
Iana Tsolova
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
0
Lasly
Top achievements
Rank 1
answered on 02 Dec 2011, 03:56 PM
Thanks for the reply.
I followed your suggestion and it's work. But the line that disappears is the wrong one.
however i've solved typing CSS rule in to my "td" style attribute.

i attached the differences between two methods.
0
Rune
Top achievements
Rank 1
answered on 05 Dec 2011, 10:44 AM
I followed your CSS advise.

And Yes, i have a CSS running as the main style of my page. However i can't see why it interferred. But i works now.
Tags
Grid
Asked by
Rune
Top achievements
Rank 1
Answers by
Jayesh Goyani
Top achievements
Rank 2
Lasly
Top achievements
Rank 1
Shinu
Top achievements
Rank 2
Iana Tsolova
Telerik team
Rune
Top achievements
Rank 1
Share this question
or