Web banners: customizable close button (HTML)

Prerequisites

To work with web banners, first, they need to be set by the Meiro team:

1. Meiro Events must be implemented.

2. Meiro Events API connection must be set in the Administration/ Settings tab

3. Web banners tabs must be enabled by the administrator for your user role

4. For embedded web banners it is required to install "Element ID" on the website where the banner will be displayed.

Example in CSS:

.close {
        	    width: 40px;
    			height: 40px;
    			border: 0;
    			display: flex;
    			display: flex;
    			align-items: center;
    			justify-content: center;
    			position: fixed;
    			right: 0;
    			top: 0;
    			background: transparent;
    			cursor: pointer;
    			z-index: 1;
        	}
Markup (html):
<button class="close" onclick="window.parent.MeiroEvents.closeWebBanner()">