Using Dialog utility how do i change cancel button and ok button places

Question

Hello this is a pretty straightforward question please help me reverse the two buttons, while using DialogUtilit

Yaswin Vikhaash Rajaretenam · Answer

Hi Luca Margasoiu,We have carefully reviewed your query and found a solution to meet your requirement of swapping the positions of the OK and Cancel buttons. This can be achieved using custom CSS styling.Please find the relevant CSS code below to implement this behavior. If you need further assistance or have any additional questions, please feel free to reach out. We are happy to assist you.please refer to the code and sample for your reference.Code

.e-dialog .e-footer-content {
    display: flex;
    flex-direction: row-reverse; /* Reverse button order */
  }

Sample - https://stackblitz.com/edit/angular-ytzypgga-w3eeh3kv?file=src%2Fapp.component.ts,index.html,src%2Fmain.ts Note- in the above sample i have added css style in index.htmlRegards,Yaswin Vikhaash