Table property issue

[Sungki]

We have a issue in table property.

Basically, when I click a table in editor, it should show table properties at the bottom of editor.

I tried this one on your demo site (http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx).

When you click attraction table, it shows table property.

But when I inserted a new table, and tried to popup the table property, it didn't show anything. (Try on the demo)

We just upgraded the telerik version from 2014Q2 to 2015Q2 version, and it has started happened.

Lots of our users are complaining about this, so please let me know how to resovle this issue.

 

[Ianko]

Hi Sungki,

Thank you for contacting Telerik support. 

I tried to recreate the described situation, but to no avail. I have recorded my test here—http://screencast.com/t/uenwGBJb. As showcased, teh table's properties are shown every time a new table is inserted. 

Let me know if there are any further steps I should follow in order to reproduce the problem.

Regards,
Ianko
Telerik

[Sungki]

Hi Ianko,

 I saw your screenshot, and that's not table property.

That's a cell property. Please see my attachment, and check the HTML breadcrumbs.

I can click the table, then this property is showed up in Old version (2014.Q2) using IE 11.

[Nikolay]

Hi Sungki,

If I understand you correctly, table properties are not showing up in the "Node Inspector" module when a table is selected. Can you confirm that?

I think the problem is that editor.getSelectedElement function returns TBODY element and "NodeInspector" expects a TABLE in order to show table properties.

In order to provide you a workaround, I have prepared the following code snippet. Please test the issue using it and write back. Here is how it behaves on our side.

<telerik:RadEditor ID="RadEditor1" runat="server">
</telerik:RadEditor>

<script>
    var getSelectedElement = Telerik.Web.UI.RadEditor.prototype.getSelectedElement;
    Telerik.Web.UI.RadEditor.prototype.getSelectedElement = function (range) {
        var selected = getSelectedElement.call(this, range);
        if (selected && selected.nodeName == "TBODY") {
            var $tbody = $telerik.$(selected);
            // if there are not thead and tfoot
            if (!$tbody.prev().length && !$tbody.next().length) {
                return selected.parentNode;
            }
        }
        return selected;
    }
</script>

If this is not the problem, could you provide a short video where we can see how you reproduce it and what exactly is it?

Regards,
Nikolay
Telerik