Is this way ok? Is the syntax acceptable? I tried your suggestion, and it worked very well. I am only trying to make it look a little more refined in the UI. This allows me to center the button and comes out nicely:
<script>
function closeRecord() {
var mEvent = document.createEvent("MouseEvents");
mEvent.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
var closeBtn = document.getElementsByClassName("frame-icon-close")[0];
closeBtn.dispatchEvent(mEvent);
}
</script>
<div style="text-align:center;"><img src="../BackgroundImageGenerator.axd?className=StyledButton&classProperties=caption:Close and Go Back;iconSetStyle:VistaRound;baseColor:%23DDDDDD;disabled:False" onclick="javascript:closeRecord();"></div>
And then to that, I also added this to hide all of the standard buttons (because I have this notice on its own tab that is not set as default and is hidden in a default layout; it is only when the rule applies that all other content and tabs are hidden and this notice section is the only thing that appears):
<script type="text/javascript">
Sys.Application.add_load(function() {
$('#master_btnAdd').css('display', 'none');
$('#master_btnCopy').css('display', 'none');
$('#master_btnApply').css('display', 'none');
$('#master_btnDelete').css('display', 'none');
$('#master_btnSave').css('display', 'none');
$('#master_btnView').css('display', 'none');
});
</script>
The "fancy" result 
:
