Progress® Kendo UI® for jQuery Feedback Portal
Back to Feed
Request a Feature Report a Bug
Under Review
Last Updated: 19 Sep 2022 16:14 by ADMIN
Mick
Created on: 30 Aug 2022 02:20
Category: Popover
Type: Feature Request
1
Add ability to reverse popover action button order

I prefer the Apple style of placing action buttons on the right in dialogs and the like. Can we add an option to do this?

I'm currently considering overriding css with something like...

.k-popover-actions {
    justify-content: end !important;
    flex-flow: row-reverse !important;
}

Fyi... I just filed an issue for`actionsLayout` missing in the latest typescript definition, so that's the reason for the first css rule included above.

https://github.com/telerik/kendo-ui-core/issues/7008

 

2 comments
ADMIN
Nikolay
Posted on: 19 Sep 2022 16:14

Hello Mick,

As promised I am getting back to you.

I discussed the matter with the Design team and it was confirmed this is the convention the Kendo UI follows. The left button is the focused one by default.

If you wish to overcome this you can use the CSS to override it or place the buttons in the desired order in the actions array and set the focus to the desired one in the show event handler. For example:

actions: [{ text: "create", click: function() { console.log("create"); }}, { text: "update", click: function() { console.log("update"); }}],
          show: function() {
            $("button[data-index='1']").focus();
          }

Runnable Dojo demo: https://dojo.telerik.com/AxULiwOY

Let me know if you have any questions.

Regards,
Nikolay
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

ADMIN
Nikolay
Posted on: 05 Sep 2022 12:18

Hi Mick,

The current placement of the buttons is following the Windows convention. However, I will bring this up to the Design Team if what you are asking is possible and will get back to you within a few days with more information. Meanwhile, you can use the CSS rule to adjust it as desired.

Regarding the typescript definition, thank you very much for logging it. I will also take care of it. As a token of gratitude, I have added some Telerik points to your account.

Regards,
Nikolay
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Create an account Log In
View
Type
Status
Category