cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Showing results for 
Search instead for 
Did you mean: 

Community Tip - Did you get called away in the middle of writing a post? Don't worry you can find your unfinished post later in the Drafts section of your profile page. X

Customize font size for Confirmation dialogue box

AK_10108607
2-Guest

Customize font size for Confirmation dialogue box

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 3
PaiChung
22-Sapphire I
(To:AK_10108607)

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!

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,

Shashi Preetham
Top Tags