View Source

This is a demo with custom Registration button

<button class="aui-button" id="my_action_btn"><span class="aui-icon aui-icon-small aui-iconfont-configure"></span> Button with icon for registrations</button>
 
<script type="text/javascript">
  AJS.toInit(function() {
  AJS.$('button.cf_myform').hide();
  AJS.$('#my_action_btn').click(function() {
	AJS.$('button.cf_myform').click();
  });
});
</script>

We have created a simple user macro, to be used as a container for other macros which allows you to hide anything

<div style="display:none">
$body
</div>

And we have placed the Registration Control macro inside that user macro (inside the hidden block)

Then we have added the HTML like this

<button class="aui-button" id="my_action_btn"><span class="aui-icon aui-icon-small aui-iconfont-configure"></span> Button with icon for registrations</button>
 
<script type="text/javascript">
  AJS.toInit(function() {
  AJS.$('button.cf_myform').hide();
  AJS.$('#my_action_btn').click(function() {
	AJS.$('button.cf_myform').click();
  });
});
</script>