Skip to main content
1-Visitor
September 21, 2022
Question

Customize font size for Confirmation dialogue box

  • September 21, 2022
  • 3 replies
  • 1481 views

Hello,

In one of my application i want to apply custom font size to the message and button label on Confirmation dialogue box.
I am not able to apply it, can anyone help me with this issue?

Thanks in advance.

3 replies

22-Sapphire I
September 21, 2022
1-Visitor
September 21, 2022

Hi @AK_10108607 

 

Confirmation dialog box do not have custom css or custom font size feature. So rather than using this dialog box I would recommend you for creating a pop=up mashup to do the confirmation so that you can customize the styling on the pop=up mashup

 

Hope this helps you. Thanks!

pshashipreetham
18-Opal
18-Opal
September 24, 2022

HI @AK_10108607 ,

Attaching a few Sample Custom CSS  I have used for the Confirmations, let me know if this helps

/* ------------------------------ Confirmation Pop-up ---------------------------*/
ptcs-confirmation-dialog::part(primary-button) {
	display: none !important;
}
ptcs-confirmation-dialog::part(item-value) {
display: none !important;
}
/*ptcs-textfield::part(text-value) {
	font-size: 12px;
}*/

ptcs-confirmation-dialog::part(label) {
text-align: center;
}
ptcs-confirmation-dialog::part(cancel-button){
	visibility : hidden;
}
ptcs-confirmation-dialog::part(title){
	font-size: 1px;
}
ptcs-confirmation-dialog::part(buttons-wrapper){
	padding-left: 108px;
}
ptcs-confirmation-dialog::part(dialog){
	padding-right: 30px;
 padding-left: 30px; 
 border-radius: 25px;
}
ptcs-confirmation-dialog::part(message-container){
	padding-right: 25px;
 padding-left: 40px;
}
ptcs-confirmation-dialog::part(primary-button){
 min-height: 24px;
	height: 24px;
 width : 80px;
}

Thanks,