Popup SanaPopup

Create a partial view for popup. "registerTermsPopup"

<div id="registerTermsPopup" style="display: none;">
    <div class="popup-cnt">
        <h2>@Sana.SimpleText("RegisterTermsAndConditions_Title", "Terms and conditions ")</h2>
        <div class="cnt-column">
            @Sana.RichText("RegisterTermsAndConditions_Body","Test")
        </div>
        <div class="ftr-column">
            @Sana.Button("Close", "btn btn-small btn-close-dialog")
        </div>
    </div>
</div>

2. Add popup to relevent view  which need to show.

RegisterWithEmail.cshtml

@Html.Partial("_RegisterTermsPopup")

3.  add button or link for the action.

RegisterWithEmail.cshtml

<a id="registerTerms">@Sana.SimpleText("AccountCreation_link", "Terms")</a>

4. When user click the button or link show popup

var el = document.getElementById('registerTerms');    
    el.onclick = openRegisterTerms;
 
    function openRegisterTerms() {        
        Sana.Popup.open('#registerTermsPopup');
    }

Divercy Project;

control.ordertemplate

// Ticket 79482: [Wave 2] 3.7.1. EDITABLE QUICK ORDERING TEMPLATES
    //Show Order Template Popup
    var el = document.getElementById('SaveOrderTemplateBtn');
    if (el != null) {
        el.onclick = openCreateOrderTemplatePopup;
    }
    function openCreateOrderTemplatePopup() {
        $('#template_invalid').empty();        
        Sana.Popup.open('#createOrderTemplatePopup');        
    }