Customize font size for Confirmation dialogue box

[AK_10108607]

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.

[PaiChung]

You should be able to define a 'style' and use CSS to then customize it.

https://support.ptc.com/help/thingworx/platform/r9/en/index.html#page/ThingWorx/Help/Mashup_Builder/Theming/ApplyingCustomCSSToWebComponents.html

[danmorin]

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]

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,