How can I keep action buttons fixed at the bottom of a window?

[Caroline]

Hi there,

I'm using a Kendo Window for a form and when a vertical scrollbar is necessary, the action buttons (save, cancel) are not visible because you have to scroll to the bottom to see them. How could I get them to stay fixed?

Thank you

[Hetali]

Hello Caroline,

In order to keep the action buttons fixed to the bottom in the Kendo UI Window, use the following CSS:

.k-actions.k-actions-end {
  position: sticky;
  bottom: 0px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  z-index: 5;
}

In this StackBlitz example, the action buttons are fixed to the bottom. Make sure to set the encapsulation to ViewEncapsulation.None to apply the style locally.

I hope this helps.

Regards,
Hetali
Progress Telerik