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

Left-align overflow anchor button

1 Answer 209 Views
Toolbar
This is a migrated thread and some comments may be shown as answers.
Mikkel
Top achievements
Rank 1
Mikkel asked on 07 Oct 2020, 08:13 AM

I have tried to left-align the overflow anchor of the ToolBar, which I achieved using css, specifically by setting ".k-overflow-anchor { right: auto; }".

That works fine, but the problem is that the popup is still aligned to the right side of the overflow anchor button, see attached image.

 

1 Answer, 1 is accepted

Sort by
0
Petar
Telerik team
answered on 09 Oct 2020, 07:01 AM

Hi Mikkel,

You can implement the targeted functionality by using the overflowOpen event and in its function, we can have something like the following. The marked in yellow code should be changed with a value that fits the needs of the application you are working on. 

$(".k-animation-container.k-overflow-wrapper").css("margin-left","25px");

Here is a Dojo example demonstrating the usage of the above code snippet.

I hope the provided approach will help you implement the targeted functionality.

Regards,
Petar
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
Toolbar
Asked by
Mikkel
Top achievements
Rank 1
Answers by
Petar
Telerik team
Share this question
or