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

Customize the dialog

2 Answers 1221 Views
Dialog
This is a migrated thread and some comments may be shown as answers.
David
Top achievements
Rank 2
Iron
Iron
Veteran
David asked on 30 Mar 2021, 06:04 PM
How can we customize the dialogs? Specifically the color of the buttons and the text of the buttons in the confirmation dialog. 

2 Answers, 1 is accepted

Sort by
0
Accepted
Matthias
Top achievements
Rank 5
Bronze
Bronze
Iron
answered on 06 Apr 2021, 07:30 AM

you can see all in the developer-tools of your browser.

for example:

.k-dialog{
    min-height: 200x!important;  
    color: black;
    background-image: none;
  
}

.k-dialog .k-window-content {
    min-height: 100px;  
    margin: 5px;
}
.k-dialog-buttongroup .k-button {
 
    margin: 0px;  
    background-image: none;
    background-color: var(--parat-bg-color)!important;
    color: white!important;
    font-size: 12px;
    border: 1px solid white;
}

0
Accepted
Matthias
Top achievements
Rank 5
Bronze
Bronze
Iron
answered on 06 Apr 2021, 07:40 AM

and... to change the text of the button, go to https://docs.telerik.com/blazor-ui/globalization/localization

 

Tags
Dialog
Asked by
David
Top achievements
Rank 2
Iron
Iron
Veteran
Answers by
Matthias
Top achievements
Rank 5
Bronze
Bronze
Iron
Share this question
or