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

RadTreeNode expandable but not show correctly

3 Answers 111 Views
TreeView
This is a migrated thread and some comments may be shown as answers.
Trong
Top achievements
Rank 1
Trong asked on 23 Feb 2021, 08:13 AM
When a node in a RadTreeView is expanded, its child nodes show correctly, but its bellow nodes which same level show incorrect position. (See screenshot attached).

What can I do about this or is this a bug? (It can run fine in IE 11, but not with other browser like Chrome)

Thank you,

3 Answers, 1 is accepted

Sort by
0
Doncho
Telerik team
answered on 26 Feb 2021, 07:14 AM

Hi Trong,

Thank you for the screenshot!

Could you please ensure that the Compatibility mode of Internet Explorer is disabled when testing the application? Check out the Different appearance or behavior in Internet Explorer on local and production servers article for more information on the matter.

In addition, it would be helpful if you test with the latest versions of the browsers to ensure the issue is not browser-related.

Such an issue could also be related to some custom CSS on the page. Please try to remove any custom styling and see if the issue persists. 

Inspecting the rendered Html and the applied styles on the page could help in troubleshooting the issue. I would suggest you use the DevTools(F12) of the browser and try to pinpoint what is causing the issue. The first two points in the Improve Your Debugging Skills with Chrome DevTools blog post may help you with that.

If none of these is helping it would be very helpful if you share the markup declaration of the TreeView along with any relevant additional styling.

Looking forward to your reply.

Kind regards,
Doncho
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

0
Trong
Top achievements
Rank 1
answered on 01 Mar 2021, 09:30 AM

Thanks Doncho for your advice!

Seem that this problem caused by the custom CSS on the page affect to the Telerik treeview:
html:first-child .RadWindow ul{
    float: left !important;

 

It is ok after I fixed it to:
html:first-child .RadWindow ul{
    float: none !important;

0
Doncho
Telerik team
answered on 04 Mar 2021, 07:13 AM

Thank you for the feedback, Trong!

I am glad to hear you have found a solution to the issue.

Please do not hesitate to contact us in case assistance is needed again.

Kind regards,
Doncho
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
TreeView
Asked by
Trong
Top achievements
Rank 1
Answers by
Doncho
Telerik team
Trong
Top achievements
Rank 1
Share this question
or