</noscript> <!-- End Google Tag Manager (noscript) --> <a id="skip-nav" class="screenreader-text" href="#main-content">Skip Navigation or Skip to Content</a> <!-- CCE SERVER REFERENCE --> <script language="javascript" type="text/javascript"> </script> <div class="leftNavBack"> <input name="ctl00$Uctopnav1$hdnCartStatus" type="hidden" id="ctl00_Uctopnav1_hdnCartStatus" value="0" /> </div> <!-- END CCE SERVER REFERENCE --> <header class="top-bar topbar-responsive clearfix"> <div class="top-bar-title float-left"> <a class="topbar-responsive-logo" href="https://www.uvu.edu/ce" title="Visit Main Website (opens in new window)" target="_blank"><img src="https://www.campusce.net/uvu/configuration/uvu/img/uvu-mono.svg" style="height: 25px !important;" alt="School Logo" /> <strong>CONTINUING EDUCATION</strong></a> </div> <div class="top-bar-right"> <a href="../search/search2.aspx" title="Advanced Search"><button type="button" class="button hollow topbar-responsive-button"><i class="fas fa-search" aria-hidden="true"></i><span class="show-for-sr">Search Button</span></button></a> </div> </header> <div class="custom-menu"> <ul class="vertical medium-horizontal menu"> <li><a href="https://www.uvu.edu/ce/about-us/index.html" target="_blank"><i class="fi-list"></i> <span>Contact Us</span></a></li> <li><a href="../category/category.aspx"><i class="fi-list"></i> <span>Course Catalog</span></a></li> <li><a href="https://www.uvu.edu/ce/professional-education/index.html" target="_blank"><i class="fi-list"></i> <span>Professional Education</span></a></li> <li><a href="https://www.uvu.edu/communityed/elder/" target="_blank"><i class="fi-list"></i> <span>Elder Quest</span></a></li> <li><a href="https://www.uvu.edu/communityed/esl/index.html" target="_blank"><i class="fi-list"></i> <span>ESL</span></a></li> </ul> </div> <div class="hero-section"> <div class="hero-section-text"> <!--<h1>Header</h1> <h5>subtitle about anything you like</h5>--> </div> </div> <form name="aspnetForm" method="post" action="./course.aspx?C=1277&pc=6&mc=69&sc=0" id="aspnetForm"> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="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" /> <script src="/uvu/ScriptResource.axd?d=NJmAwtEo3Ipnlaxl6CMhvjLdV-jrtFjD4O0RIIhtTlHZywVF3ykQqD8XGkEJ-YdbSXc7M8Qz0SWK-fj8yDVRzll72KnQgs51NzUeDqsBxdf2R-3l8Wh3e1-Rr0XL_0DpOHkd0IpPAeJS_mbbQHIny87qkrZY7bLmvbbTq8uFs7w1&t=2a9d95e3" type="text/javascript"></script> <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="4B39941A" /><!-- START CCE FORM --> <section role="region" aria-labelledby="CCESecMenu"> <div id="CCESecMenu"> <div class="row large-unstack"> <div class="large-8 columns"> <div id="top"> <div id="ctl00_Ucpreheader1_divPreHeaderWelcome" class="left" welcomeText="Welcome, "></div> <div id="ctl00_Ucpreheader1_headerNavMenu" class="right"><a id="ctl00_Ucpreheader1_linkPreHdrSignin" signOutText="Sign Out" signOutLink="../account/signout.aspx" href="../account/signin.aspx">Sign In</a><span aria-hidden='true' role='presentation'> </span><a id="ctl00_Ucpreheader1_hypGoCartIndex" href="../cart/index.aspx">View Cart</a><span aria-hidden='true' role='presentation'> </span><span aria-hidden='true' role='presentation'> </span><a id="ctl00_Ucpreheader1_hypFeedback" href="Javascript:feedBack('/uvu/feedBack/feedBack.aspx')">Help</a><span aria-hidden='true' role='presentation'> </span></div> </div> </div> <div class="large-4 columns"> <ul id="CCEMenu"> <li><a href="../search/search2.aspx" title="Search Catalog"><i class="fas fa-search" aria-hidden="true" aria-label="Search Catalog"></i> Search</a></li> <li><a href="../cart/index.aspx" title="Shopping Cart"><i class="fas fa-shopping-cart" aria-hidden="true" aria-label="Shopping Cart"></i> <span class='badge badge-warning' id='lblCartCount'> 0 </span> Cart</a><input name="hiddencartitems" type="hidden" id="hiddencartitems" value="0" /></li> <li><a href="../account/myaccount.aspx" title="My Account"><i class="fas fa-user-circle" aria-hidden="true" aria-label="My Accout"></i> Account</a></li> </ul> </div> </div> <script type="text/javascript"> function checkcart(name) { var el = FindElement(name); var cartcell = FindElement("lblCartCount"); if (el != null){ cartcell.innerHTML = ' ' + el.value + ' '; } } </script> </div> </section> <main id="main-content"> <div class="row columns large-12 clearfix"><!--START CCE CONTENT--> <div id="CCEContent" class="clearfix"> <div id="CCECatalog" class="clearfix"> <input type="hidden" name="ctl00$hdnMerchantCode" id="ctl00_hdnMerchantCode" /> <script type="text/javascript" language="javascript" src="../include/common.js"></script> <script type="text/javascript" language="javascript" src="../js/httpClient.js"></script> <script language="javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <div id="rightnav"> <style type="text/css"> .style1 { width: 147px; } .style2 { width: 147px; height: 23px; } </style> <table class="extinfo"> <tr> <td class="style2"> <a id="ctl00_ContentPlaceHolder1_ucCoursePrint_lnkPrint" href="Javascript:coursePrint('1277');" target="_self">Print Course information</a> </td> </tr> <tr> <td class="style1"> <a href="#" onclick="openEmailToFriendModal();"> Email to a friend </a> </td> </tr> <tr> <td class="style1"> <a id="ctl00_ContentPlaceHolder1_ucCoursePrint_lnkReturn" href="/uvu/">Return to Course Catalog</a> </td> </tr> </table> <br /> </div> <!-- this is the main content --> <div id="ctl00_ContentPlaceHolder1_CourseInfo" class="course-info-wrapper CourseInfo__singleCourse"> <a id="ctl00_ContentPlaceHolder1_ucBC_lnkCatalog" href="/uvu/category/category.aspx"> Course Catalog </a> <span id="ctl00_ContentPlaceHolder1_ucBC_Label1"> > </span> <a id="ctl00_ContentPlaceHolder1_ucBC_lnkPCat" href="../category/category.aspx?S=6">Community Education</a> <span id="ctl00_ContentPlaceHolder1_ucBC_Label2"> > </span> <a id="ctl00_ContentPlaceHolder1_ucBC_lnkMCat" href="../category/category.aspx?S=69">Orem Campus</a> <header class="ucCourseInfo"> <h1 class="pageTitle CCEPrimaryHeader pageHeading">DOT MANDALA ART: INTRODUCTION <span id="ctl00_ContentPlaceHolder1_ucCourse_lblNewTag" class="attn"></span> </h1> <span id="ctl00_ContentPlaceHolder1_ucCourse_lblDescription" class="para custom-description"><p><span style="font-size:14px;"><span style="font-family:Arial,Helvetica,sans-serif;">Explore the ancient patterns, symmetry, and mindfulness through art as you design stunning, meditative pieces. Learn the techniques of creating intricate mandalas using simple tools and vibrant colors. Perfect for unleashing your creativity and learning a unique artistic skill. All materials provided.</span></span></p> <p><span style="font-size:14px;"> Day 1: Introduce mandala art with examples to inspire creativity and mindfulness. Learn the basics of tools, techniques, and practice geometry.</span></p> <p><span style="font-size:14px;"> Day 2: Select your final design, choose a color scheme, and create shades. Begin sketching, accompanied by relaxing traditional music. </span></p> <p><span style="font-size:14px;"> Day 3: Start painting using your sketch, focusing on brush strokes and completing the project.</span></p> <p><span style="font-size:14px;"> Day 4: Apply final touches, gloss, and learn aftercare tips for maintaining your art piece, especially for wood surfaces. </span></p> </span> </header> <div id="ctl00_ContentPlaceHolder1_pnlClass" class="pnlClass"> <table> <tr> <td></td> </tr> <tr> <td> <div class="classPanelInfo"> <table border="0" cellpadding="2" cellspacing="2" width="100%" class="class"> <tr> <td> <p class="clearfix coursetitle"><span></span><span></span></p> <ul class="no-bullet course"> <li class="clearfix coursetitle"><span>DOT MANDALA ART: INTRODUCTION</span><span class="courselocation">Off campus Location</span></li> <li class="clearfix" style="background:#f8f8f8;padding:15px;"> <div class="wrap"> <div class="left"> <p><b>Fee:</b> $139.00<br /> <b>Item Number:</b> 25FCAACOR006<br /> <b>Dates:</b> 10/21/2025 - 11/18/2025<br /> <b>Times:</b> 5:30 PM - 7:30 PM<br /> <b>Days:</b> Tu<br /> <b>Sessions:</b> 5<br /> <b>Building:</b> UVU Museum of Art at Lakemount<br /> <b>Room:</b> Art Haus<br /> <b>Instructor:</b> <a href="javascript:;" onclick="showPopupDialog(this,'ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_ctl01','ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_ctl02');" onmouseover="showPopupDialog(this,'ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_ctl01','ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_ctl02');">Madhu Mishra</a></p> <p><b><strong>Seats Available: </strong></b>12</p> <p><a href='#' id='emailToFriendModalLink_1277' data-id='1277' onclick='clickEmailToFriendModalLink(event, this);' class='emailToFriendModalLink'>Email to a friend</a></p> </div> <div class="right"><div id="moreInfoDiv_3899" style="display:block;"><p><span style="font-size:14px;"><span style="font-family:Arial,Helvetica,sans-serif;">Explore the ancient patterns, symmetry, and mindfulness through art as you design stunning, meditative pieces. Learn the techniques of creating intricate mandalas using simple tools and vibrant colors. Perfect for unleashing your creativity and learning a unique artistic skill. All materials provided.</span></span></p> <p><span style="font-size:14px;"> Day 1: Introduce mandala art with examples to inspire creativity and mindfulness. Learn the basics of tools, techniques, and practice geometry.</span></p> <p><span style="font-size:14px;"> Day 2: Select your final design, choose a color scheme, and create shades. Begin sketching, accompanied by relaxing traditional music. </span></p> <p><span style="font-size:14px;"> Day 3: Start painting using your sketch, focusing on brush strokes and completing the project.</span></p> <p><span style="font-size:14px;"> Day 4: Apply final touches, gloss, and learn aftercare tips for maintaining your art piece, especially for wood surfaces. </span></p> </div><br /> <strong><p>Ages: 18+</p> <p><img alt="image of dot Mandala being made" height="260" src="https://www.uvu.edu/ce/images/campusce/course_pics/dot_man.jpg" style="display: block; float: left;" width="154" /><img alt="completed dot Mandala art piece " src="https://www.uvu.edu/ce/images/campusce/course_pics/dot_mandala.png" style="width: 232px; height: 229px;display:block;" /></p> </strong></div> <div class="right"> </div> </div> </li> </ul> </td> </tr> <tr> <td class="classInfoButton"> <input type="submit" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$btnAdd" value="Add to cart" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_btnAdd" class="AddBtns" data-status="" data-startDate="10/21/2025" data-endTime="7:30 PM" data-dow="4" data-alttitle="" data-instructor="Madhu Mishra" data-courseId="1277" data-isEvent="False" data-title="DOT MANDALA ART: INTRODUCTION" data-building="UVU Museum of Art at Lakemount" data-category="Orem Campus" data-sku="25FCAACOR006" data-term="25F" data-room="Art Haus" data-sessions="5" data-buildingAlt="" data-startTime="5:30 PM" data-endDate="11/18/2025" data-section="OR006" data-classId="3899" data-amount="139" /> </td> </tr> </table> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$hidClassID" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_hidClassID" value="3899" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$hidSku" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_hidSku" value="25FCAACOR006" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$hidAmount" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_hidAmount" value="139" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$hidTerm" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_hidTerm" value="25F" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$hidIsEvent" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_hidIsEvent" value="False" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$hdnTitle" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_hdnTitle" value="DOT MANDALA ART: INTRODUCTION" /> </div> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$ctl01" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_ctl01" value="Madhu Mishra" /><input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$ctl02" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_ctl02" value="&lt;img alt=&quot;&quot; src=&quot;https://www.uvu.edu/ce/images/campusce/instructor_pics/mishra_mandhu.png&quot; style=&quot;width: 171px; height: 188px; display : block ;&quot; /&gt;&lt;strong&gt;Mandhu Mishra&lt;/strong&gt;&lt;br /&gt; I&amp;#8217;m a dot mandala artist originally from India. My passion for this intricate art form stems from its ability to bring peace, focus, and spiritual connection into my life. Practicing mandala art is my meditation&amp;#8212;each dot a step toward balance and harmony.&amp;#160; &lt;p paraeid=&quot;{6c98c6ec-d64d-4cf6-8f3d-d1ff92eb86d2}{46}&quot; paraid=&quot;78491835&quot;&gt;I was honored to receive SLCCC&amp;#39;s Jury&amp;#39;s Choice Award for my artwork, a recognition that inspires me to continue sharing this beautiful tradition. Through my creations, I aim to celebrate my culture and introduce our community to the meditative power of mandala art. It brings me great joy to connect with others through this meaningful practice.&lt;/p&gt;" /><input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$ctl03" value="Madhu" /><input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$ctl04" value="Mishra" /><input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$ctl05" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_ctl05" /> <br> </td> </tr> </table> </div> <div id="ctl00_ContentPlaceHolder1_pnlNoClass" class="attn"> <span></span> </div> </div> <!--main--> <link href="../styles/popup.css" rel="stylesheet" type="text/css" /> <div id="bob" style="" onmouseleave="hidePopupDialog()"> <div id="bobarrow" style="top: 54px; left: -42px;"> <img class="bobArrow transp" src="../images/popup/up-left-combo.png" id="bobarrowulimg" style="display: block;" role="presentation"/> </div> <div id="bobtcap"> <img class="transp" src="../images/popup/topcap1.png" style="width: 290px; height: 23px; display: block;" id="bobtopcap" role="presentation" /> </div> <div class="transp" id="bobtitlebox"> <div class="bobcontentspace"> <div style="float:right"> <img src="../images/popup/xclose.gif" border="0" onclick="hidePopupDialog();" role="presentation" style="cursor:pointer;" /> </div> <div id="bobtitle" style="float:left"> <p>Some Title</p> </div> <div style="clear:both"></div> </div> </div> <div style="position: relative;" class="transp" id="bobinner"> <div class="bobcontentspace" id="bobcontent"> <div style="position: relative;" id="bobsynopsis"> <div id="ctl00_ContentPlaceHolder1_ucPopup_pnlMain"> </div> </div> <br clear="all" /> </div> <br clear="all" style="line-height: 1px; font-size: 1px; height: 1px;" /> </div> <div id="bobbcap"> <img class="transp" src="../images/popup/bottomcap.png" style="width: 290px; height: 31px;" id="bobbottomcap" role="presentation" /></div> </div> <script language=javascript> function showPopupDialog(hyp, hidTitle, hidMessage) { var bobtitle = document.getElementById('bobtitle'); bobtitle.innerHTML = decodeHtml(document.getElementById(hidTitle).value); var bobsynopsis = document.getElementById('ctl00_ContentPlaceHolder1_ucPopup_pnlMain'); bobsynopsis.innerHTML = decodeHtml(document.getElementById(hidMessage).value); var itemPos = jQuery(hyp).offset(); var posx = itemPos.left + 60; var posy = itemPos.top - 50; var bob = document.getElementById('bob'); if (bob.parentNode != document.body) { bob.parentNode.removeChild(bob); document.body.appendChild(bob); } bob.style.left = posx + 'px'; bob.style.top = posy + 'px'; bob.style.visibility = 'visible'; } function decodeHtml(html) { var txt = document.createElement("textarea"); txt.innerHTML = html; return txt.value; } function hidePopupDialog() { var bob=document.getElementById('bob'); bob.style.visibility='hidden'; } function getElementLeft(elem) { var xPos = elem.offsetLeft; var tempEl = elem.offsetParent; while (tempEl != null) { xPos += tempEl.offsetLeft; tempEl = tempEl.offsetParent; } return xPos; } function getElementTop(elem) { var yPos = elem.offsetTop; var tempEl = elem.offsetParent; while (tempEl != null) { yPos += tempEl.offsetTop; tempEl = tempEl.offsetParent; } return yPos; } </script> <link href="../../styles/popup.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" language="javascript"> function PopupAlert(alertType, itemID) { //replace with ajax call //cbAlertPopup.Callback(alertType, itemID); //WaitForCallback(cbAlertPopup.ClientObjectId , 250, "ShowPopup();"); var param = JSON.stringify({ 'alertType': alertType, 'itemID': itemID }); $.ajax({ url: '../controls/Dialog/PopupHelper.aspx/GetPopupContent', type: 'POST', dataType: 'json', //data: "{ 'alertType': '" + alertType + "',itemID:'" + itemID + "'}", data: param, contentType: 'application/json', success: function (response) { if (response.d && response.d != '') { ShowPopup(response.d); } else { console.warn(`No response could be obtain.`); } }, failure: function(msg) { console.error(msg); } }); } function ShowPopup(alertText) { if (alertText.length) { $('#tdContent').html(alertText); $('#divPopup').show(); $('#divPopup').draggable(); } } function HidePopup() { $('#divPopup').hide(); } </script> <link href="../../styles/jquery-ui.min.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js"></script> <style type="text/css"> #divPopup { width: 100%; height: 100%; top: 35%; position: absolute; display: none; } </style> <div id="divPopup" style="display: none"> <table width="458" onmousedown="alertDialog.StartDrag(event);" class="genericPopupHeader" cellpadding="0" cellspacing="0" id="alertDialog"> <tr> <td width="9" height="35" style="background-image: url(../images/genericdialog/top-left.png);"> </td> <td height="35" style="background-image: url(../images/genericdialog/top-mid.png); height: 35px !important;" valign="middle" width="409"> <span style="color: White; font-size: 15px; font-family: Arial; font-weight: bold;"> Alert</span> </td> <td width="40" height="35" valign="top" style="background-image: url(../images/genericdialog/top-right.png);"> <img src="../images/genericdialog/close.png" style="cursor: default; padding-top: 4px;" width="32" height="25" style="margin-top: 4px;" onmousedown="this.src='../images/genericdialog/close-down.png';" onmouseup="this.src='../images/genericdialog/close-hover.png';" onclick="HidePopup();" onmouseover="this.src='../images/genericdialog/close-hover.png';" onmouseout="this.src='../images/genericdialog/close.png';" /> </td> </tr> </table> <table cellpadding="0" cellspacing="0" width="458" class="genericPopup"> <tr> <td width="7" style="background-image: url(../images/genericdialog/left.png);"> </td> <td style="background-color: white; font-size: 12px; font-family: Arial;"> <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td style="padding: 5px; height: 50px; text-align: left; vertical-align: middle" id="tdContent"> </td> </tr> <tr> <td style="background-image: url(../images/genericdialog/bottom_content.gif); height: 41px; padding-right: 10px;" align="right"> <input type='button' onclick='HidePopup();' value='Close' /> </td> </tr> </table> </td> <td width="7" style="background-image: url(../images/genericdialog/right.png)";> </td> </tr> </table> <table cellpadding="0" cellspacing="0" width="458" height="7" class="genericPopupFooter"> <tr> <td width="9" height="7"> <img style="display: block;" src="../images/genericdialog/bottom-left.png" /> </td> <td style="background-image: url(../images/genericdialog/bottom-mid.png);" width="440"> </td> <td width="9" height="7"> <img style="display: block;" src="../images/genericdialog/bottom-right.png" /> </td> </tr> </table> </div> <input type="hidden" name="ctl00$ContentPlaceHolder1$hdnCourses" id="hdnCourses" value="[{"Name":"DOT MANDALA ART: INTRODUCTION","SKU":"25FCAACOR006","Amount":"139"}]" /> <script type="text/javascript"> const emailToFriendURL = `https://www.campusce.net/uvu/course/EmailToFriend.aspx`; const reloadEmailToFriendModalOnClose = false; document.addEventListener('DOMContentLoaded', function () { const emailToFriendModalOverlay = document.getElementById('emailToFriendModalOverlay') const emailToFriendModalWindow = document.getElementById('emailToFriendModalWindow'); const emailToFriendIFrame = document.getElementById('emailToFriendIFrame'); const emailToFriendModalContent = document.getElementById('emailToFriendModalContent'); const emailToFriendModalLoading = document.getElementById('emailToFriendModalLoading'); const emailToFriendModalLink = document.getElementById('emailToFriendModalLink'); const emailToFriendModalCloseIcon = document.getElementById('emailToFriendModalCloseIcon') const emailToFriendModalReloadIcon = document.getElementById('emailToFriendModalReloadIcon'); if (emailToFriendModalCloseIcon) emailToFriendModalCloseIcon.addEventListener('click', function () { closeEmailToFriendModal(); }); if (emailToFriendModalReloadIcon) emailToFriendModalReloadIcon.addEventListener('click', function () { reloadEmailToFriendModal(); }); if (emailToFriendModalOverlay) emailToFriendModalOverlay.addEventListener('click', function () { emailToFriendModalOverlay.style.display = 'none'; emailToFriendModalWindow.style.display = 'none'; }); }); function clickEmailToFriendModalLink(event, element) { event.preventDefault(); if (!element || !element.dataset || !element.dataset.id || !emailToFriendIFrame) return; const elDataId = element.dataset.id; if (elDataId > 0) { emailToFriendIFrame.src = `${emailToFriendURL}?cid=${elDataId}`; openEmailToFriendModal(); } } function openEmailToFriendModal() { emailToFriendModalLoading.style.display = 'flex'; emailToFriendModalContent.style.display = 'none'; emailToFriendModalOverlay.style.display = 'block'; emailToFriendModalWindow.style.display = 'block'; emailToFriendModalContent.style.width = emailToFriendModalWindow.offsetWidth + 'px'; emailToFriendModalContent.style.height = emailToFriendModalWindow.offsetHeight + 'px'; setTimeout(() => { emailToFriendModalLoading.style.display = 'none'; emailToFriendModalContent.style.display = 'block'; }, 500); } function closeEmailToFriendModal() { emailToFriendModalContent.style.display = 'none'; emailToFriendModalLoading.style.display = 'none'; emailToFriendModalOverlay.style.display = 'none'; emailToFriendModalWindow.style.display = 'none'; if (reloadEmailToFriendModalOnClose) reloadEmailToFriendModal(); else { emailToFriendIFrame.src = ``; } } function reloadEmailToFriendModal() { emailToFriendIFrame.src = emailToFriendIFrame.src; } window.addEventListener('resize', function () { if (emailToFriendModalWindow.style.display === 'block') { openEmailToFriendModal(); // Dynamically resizes the modal } }); </script> <div id="emailToFriendModalOverlay" class="modal-overlay"></div> <div id="emailToFriendModalWindow" class="modal-window"> <span id="emailToFriendModalCloseIcon" class="modal-close-icon">×</span> <span id="emailToFriendModalReloadIcon" class="modal-reload-icon"></span> <div id="emailToFriendModalLoading" class="modal-loading"> <img alt="loading" src="../images/loading.gif" /> </div> <div id="emailToFriendModalContent" class="modal-content"> <iframe id="emailToFriendIFrame" class="modal-iframe">
TOP
