Hi,
I'm using Oracle APEX 24.2.
I have a standard Form page with a DELETE button.
Button configuration:
- Action = Submit Page
- Database Action = Delete
- Confirmation Message enabled
I successfully changed the Cancel button label by creating the Text Message:
APEX.DIALOG.CANCEL
with "Used in JavaScript = Yes".
So the standard confirmation dialog uses this message.
Now I would like to style only the Cancel button.
Browser inspection shows:
Cancel button:
<button type="button" class="ui-button ui-corner-all ui-widget">
Confirm button:
<button type="button" class="js-confirmBtn ui-button ui-corner-all ui-widget ui-button--hot">
There is no id="apexConfirmBtn" anymore in APEX 24.2.
The following works perfectly from the browser console:
$(".ui-dialog-buttonpane button:not(.js-confirmBtn)").css({
background:"#b71c1c",
color:"#fff",
borderColor:"#b71c1c"
});
However, exactly the same selector placed in:
- Page Inline CSS
- Application CSS
- External CSS file
has no effect.
Is there a supported way to style only the Cancel button of the standard DELETE confirmation dialog in APEX 24.2?
This is the built-in confirmation dialog generated by APEX, not apex.message.confirm().
Thank you.