</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?catId=13" id="aspnetForm"> <div> <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" /> <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" /> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="78fVmrChsv7tw7i+zzFiVZmVf+8KVNBBMjgUWbd0HnE5MDGBUkrEg6pWxxN9r0QQt01VSpOQqXjXNSXvn2e3Kz6aMR+m+rvBS2yR+hDXhlog5adKYe/E1tmsDPvmCLsdpTrb2xQ3EZtN1aJa1JghtUrovZU9IAv02By8PkHnXSQxdAOJhjoq8FZT0qb1Kcyu3PywSIyrjrnHFLXCG44Z0LDrwh6v2Aum7WasFZVug8qK/r0fclEmrmhVOePgHmca/byiUoU4TcPO4avjfNk6HwniBWFhLepInJLU8pmZ13tj6U+V4O6gJVGLOiuay3UbpM6/rTqMfFJupWWCytUJUBmZBmcOCNE7gvem+Zle0Xfl/lRgAd+b/nYX3fkfUVObVvTuHgD7U6nDx24NnTYzp2fz79fLg4+mZ2/rnaWVUGOuBWlvfeo/6N05o8JCB+zP8GsjWFdTTlT/FWjMUnrM304XCqUl9/U5Zh0Nkgr6jGdyddF+DJ7cu+cbUuLdD3G+j+t6HI9Rh4IlZOKsdZJnOXE3en1InTZ6TXb1QqyEH9T3M2pZSdSqqJ2EW+JgDtDx5zY7upAp+wBs+Jgv6UwpB0J9ONCkRP9RWVb4kVQORHIF91xZYvL7JdJdQMPjqAKBV6Qc7QzXB9EfXRkxkNWTGY6eFpSnbSun5Hj0avYo0r/XJ/uXRwB2GSKuUOUJE9S0lTHCKS5X3PU5nVoAx0iXGH8jLIpU7rQ/AkiCrcnIZY8CLmTautDK+kWGN/NxAkR5QSyN3R6ppun9+WxIvOUuiTv008ygTTlBvXRKLOY5BpIIMmyWLXiwwftYA6g/SQPSgAOfl7w42H9VxKtpWXNE6LN8VDO7ZuUBloHkTIUk1VarN/yP8/oTLuibi9+GiX7KuT4vKX1wjii9/V661NfdXPIw0p+OFbsCR/An6ThKtZOkHKAuwC6pNBBqvqk5g6uzTHJrRA==" /> </div> <script type="text/javascript"> //<![CDATA[ var theForm = document.forms['aspnetForm']; if (!theForm) { theForm = document.aspnetForm; } function __doPostBack(eventTarget, eventArgument) { if (!theForm.onsubmit || (theForm.onsubmit() != false)) { theForm.__EVENTTARGET.value = eventTarget; theForm.__EVENTARGUMENT.value = eventArgument; theForm.submit(); } } //]]> </script> <script src="/uvu/WebResource.axd?d=pynGkmcFUV13He1Qd6_TZFBkXF-1W1hTS8KRBniQaX1w6kfHBCHKOeOA1tBn7CaWwVqD2g2&t=638901289900000000" type="text/javascript"></script> <script src="/uvu/ScriptResource.axd?d=NJmAwtEo3Ipnlaxl6CMhvoElutNv-9n-to2Zr0wUGa1wLKZMNSoI4bpAlxmYvaLkvwFL65_JHLQj1Q4xqXkm1cGt0jJW5yB9LrNRxRqtRUds8wPZ748zXPATKVgjh-badJHGxnJvIL_vcufBf745AGFxepk1&t=5c0e0825" type="text/javascript"></script> <script src="/uvu/ScriptResource.axd?d=dwY9oWetJoJoVpgL6Zq8OBt4rvnk07DdqqdL8vjvXeesRX51APXcbZUY0m1JQtjSrS6YFJrTrV3fkyFamuZ1JyD5YizxHIXwprM7-eCzA04bNAZedJVZahX0Kf22JwpnDeVbXyw_DXr8BQgru8gUMcwOoXU1&t=5c0e0825" type="text/javascript"></script> <div> <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="4B39941A" /> </div><!-- 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"> //<![CDATA[ Sys.WebForms.PageRequestManager._initialize('ctl00$ContentPlaceHolder1$sm', 'aspnetForm', [], [], [], 90, 'ctl00'); //]]> </script> <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="../include/jquery-3.7.1.min.js" type="text/javascript"></script> <script type="text/javascript" > // Shared variable let recommendedItems = null; let fetchInProgress = null; let fetchAbortController = null; async function FetchRecommendedItemsOnce() { if (fetchInProgress) { return await fetchInProgress; } const btns = document.querySelectorAll('input[type="submit"]'); const ids = Array.from(btns, b => Number(b.getAttribute("data-classid"))).filter(b => b !== 0); fetchInProgress = SendRequest('../services/CartService.asmx/GetRecommendedItems', { ids }); try { const result = await fetchInProgress; recommendedItems = result?.d?.Data || []; return recommendedItems; } catch (error) { return []; } finally { fetchInProgress = null; } } </script> <div id="rightnav"> <br /> </div> <!-- this is the main content --> <div id="ctl00_ContentPlaceHolder1_CourseInfo" class="course-info-wrapper CourseInfo__multipleCourses"> <a id="ctl00_ContentPlaceHolder1_ucBC_lnkCatalog" href="/uvu/category/category.aspx"> Course Catalog </a> <header class="ucCourseInfo"> <h1 class="pageTitle CCEPrimaryHeader pageHeading"> Computers <span id="ctl00_ContentPlaceHolder1_ucCourse_lblNewTag" class="attn"></span> </h1> <span id="ctl00_ContentPlaceHolder1_ucCourse_lblDescription" class="para custom-description"><div id='categoryWebDescr'><a class="contShopping button" href="javascript:history.back()"><span class="fa fa-arrow-left"> </span> Back to Community Education Listings</a></div></span> </header> <div id="ctl00_ContentPlaceHolder1_pnlClass" class="pnlClass"> <table role="presentation"> <tr> <td></td> </tr> <tr> <td> <div class="classPanelInfo"> <table border="0" cellpadding="2" cellspacing="2" width="100%" class="class" role="presentation"> <tr> <td> <p class="clearfix coursetitle"><span></span><span></span></p> <ul class="no-bullet course"> <li class="clearfix coursetitle"><span><a href='course.aspx?C=2513&pc=6&mc=13&sc=0'>CANVA: INTERMEDIATE</a></span><span class="courselocation">Wasatch Campus</span></li> <li class="clearfix" style="background:#f8f8f8;padding:15px;"> <div class="wrap"> <div class="left"> <p><b>Fee:</b> $59.00<br /> <b>Item Number:</b> 26SCCMPWA002<br /> <b>Dates:</b> 7/7/2026 - 7/21/2026<br /> <b>Times:</b> 7:00 PM - 8:00 PM<br /> <b>Days:</b> Tu<br /> <b>Sessions:</b> 3<br /> <b>Building:</b> <a href='https://www.uvu.edu/maps/map.html?id=382#!ct/18632?mc/40.545326,-111.4135512?z/18' target=_blank rel='noopener noreferrer'>Wasatch Campus <span class='sr-only'>(opens in new tab)</span></a><br /> <b>Room:</b> WC211<br /> <b>Instructor:</b> Jenny Young</p> <p><b><strong>Seats Available: </strong></b>9</p> <p><a href='#' id='emailToFriendModalLink_2513' data-id='2513' onclick='clickEmailToFriendModalLink(event, this);' class='emailToFriendModalLink'>Email to a friend</a></p> </div> <div class="right"><div id="moreInfoDiv_4372" style="display:block;"><span style="font-size:14px;"><span style="font-family:Arial,Helvetica,sans-serif;">Take your Canva skills to the next level in this intermediate course. Learn advanced layouts, brand kits, animation, collaboration tools, and design strategy. Build cohesive visuals faster, customize templates, and produce polished content for marketing, presentations, and digital storytelling with confidence.</span></span></div><br /> <strong>Ages: 18+</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="7/7/2026" data-endTime="8:00 PM" data-dow="4" data-alttitle="" data-instructor="Jenny Young" data-courseId="2513" data-isEvent="False" data-title="CANVA: INTERMEDIATE" data-building="Wasatch Campus" data-category="Computers" data-sku="26SCCMPWA002" data-term="26S" data-room="WC211" data-sessions="3" data-buildingAlt="" data-startTime="7:00 PM" data-endDate="7/21/2026" data-section="WA002" data-classId="4372" data-amount="59.00" /> </td> </tr> </table> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$hidClassID" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_hidClassID" value="4372" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$hidSku" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_hidSku" value="26SCCMPWA002" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$hidAmount" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_hidAmount" value="59.00" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$hidTerm" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_hidTerm" value="26S" /> <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="CANVA: INTERMEDIATE" /> </div> <br> </td> </tr> <tr> <td> <div class="classPanelInfo"> <table border="0" cellpadding="2" cellspacing="2" width="100%" class="class" role="presentation"> <tr> <td> <p class="clearfix coursetitle"><span></span><span></span></p> <ul class="no-bullet course"> <li class="clearfix coursetitle"><span><a href='course.aspx?C=2577&pc=6&mc=13&sc=0'>EXCEL NEXT STEPS: FUNCTIONS, CHARTS AND SMART TOOLS</a></span><span class="courselocation">Lehi Campus</span></li> <li class="clearfix" style="background:#f8f8f8;padding:15px;"> <div class="wrap"> <div class="left"> <p><b>Fee:</b> $99.00<br /> <b>Item Number:</b> 26SCCMPLE002<br /> <b>Dates:</b> 7/7/2026 - 7/8/2026<br /> <b>Times:</b> 6:00 PM - 9:00 PM<br /> <b>Days:</b> Tu W<br /> <b>Sessions:</b> 2<br /> <b>Building:</b> <a href='https://www.uvu.edu/maps/map.html?id=382#!ct/18632?mc/40.427555095841974,-111.89534425735476?z/19' target=_blank rel='noopener noreferrer'>Lehi Campus <span class='sr-only'>(opens in new tab)</span></a><br /> <b>Room:</b> TG111<br /> <b>Instructor:</b> Jeff Hutchinson</p> <p><b><strong>Seats Available: </strong></b>6</p> <p><a href='#' id='emailToFriendModalLink_2577' data-id='2577' onclick='clickEmailToFriendModalLink(event, this);' class='emailToFriendModalLink'>Email to a friend</a></p> </div> <div class="right"><div id="moreInfoDiv_4514" style="display:block;"><p><span style="font-size:14px;"><span style="font-family:Arial,Helvetica,sans-serif;">Elevate your Excel spreadsheets with more advanced functions, tables, charts, and some key tools.  Get the skills to analyze, organize and visualize information more effectively and get the full picture of your data and share that insight with those around you.</span></span></p> <p><span style="font-size:14px;"><span style="font-family:Arial,Helvetica,sans-serif;">Learning Outcomes:</span></span></p> <ol> <li><span style="font-size:14px;"><span style="font-family:Arial,Helvetica,sans-serif;">Build confidence working with Excel by learning foundational functions, tables, and charts in a supportive environment that makes spreadsheets feel less intimidating and more approachable.</span></span></li> <li><span style="font-size:14px;"><span style="font-family:Arial,Helvetica,sans-serif;">Develop practical skills to organize and analyze data more efficiently, making everyday tasks like budgeting, tracking, or project management easier and even enjoyable to handle.</span></span></li> <li><span style="font-size:14px;"><span style="font-family:Arial,Helvetica,sans-serif;">Gain the ability to create clear, professional spreadsheets and visualizations that effectively communicate information to colleagues, family members, or anyone who needs to understand your data.</span></span></li> </ol> </div><br /> <strong>Ages: 18+<br /> <img alt="excel spreadsheet" src="https://www.uvu.edu/ce/images/campusce/course_pics/stock_pics/excel_advanced_formulas.png" style="float: left; width: 500px; height: 281px; display: block; border-radius: 5px; border: 5px solid #275D38; box-shadow: 2px 2px 5px 2px #888888;" /></strong></div> <div class="right"> </div> </div> </li> </ul> </td> </tr> <tr> <td class="classInfoButton"> <input type="submit" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl02$ucClass$btnAdd" value="Add to cart" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl02_ucClass_btnAdd" class="AddBtns" data-status="" data-startDate="7/7/2026" data-endTime="9:00 PM" data-dow="12" data-alttitle="" data-instructor="Jeff Hutchinson" data-courseId="2577" data-isEvent="False" data-title="EXCEL NEXT STEPS: FUNCTIONS, CHARTS AND SMART TOOLS" data-building="Lehi Campus" data-category="Computers" data-sku="26SCCMPLE002" data-term="26S" data-room="TG111" data-sessions="2" data-buildingAlt="" data-startTime="6:00 PM" data-endDate="7/8/2026" data-section="LE002" data-classId="4514" data-amount="99.00" /> </td> </tr> </table> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl02$ucClass$hidClassID" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl02_ucClass_hidClassID" value="4514" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl02$ucClass$hidSku" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl02_ucClass_hidSku" value="26SCCMPLE002" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl02$ucClass$hidAmount" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl02_ucClass_hidAmount" value="99.00" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl02$ucClass$hidTerm" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl02_ucClass_hidTerm" value="26S" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl02$ucClass$hidIsEvent" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl02_ucClass_hidIsEvent" value="False" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl02$ucClass$hdnTitle" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl02_ucClass_hdnTitle" value="EXCEL NEXT STEPS: FUNCTIONS, CHARTS AND SMART TOOLS" /> </div> <br> </td> </tr> <tr> <td> <div class="classPanelInfo"> <table border="0" cellpadding="2" cellspacing="2" width="100%" class="class" role="presentation"> <tr> <td> <ul class="no-bullet course"> <li class="clearfix coursetitle"><span><a href='course.aspx?C=2510&pc=6&mc=13&sc=0'>CANVA: FOR BEGINNERS</a></span></li> <li class="clearfix" style="background:#f8f8f8;padding:15px;"> <div class="wrap"> <div class="left"><b>Fee:</b> $59.00<br /> <b>Item Number:</b> 26SCCMPWA001<br /> <b>Dates:</b> 6/16/2026 - 6/30/2026<br /> <b>Times:</b> 7:00 PM - 8:00 PM<br /> <b>Days:</b> Tu<br /> <b>Sessions:</b> 3<br /> <b>Building:</b> <a href='https://www.uvu.edu/maps/map.html?id=382#!ct/18632?mc/40.545326,-111.4135512?z/18' target=_blank rel='noopener noreferrer'>Wasatch Campus <span class='sr-only'>(opens in new tab)</span></a><br /> <b>Room:</b> TBA<br /> <b>Instructor:</b> Jenny Young<br /> <b><strong>Seats Available: </strong></b>-1</div> <div class="right"><span style="background-color: darkred;"><b style="color: white; padding: 5px 10px;">REGISTRATION FOR THIS CLASS IS CLOSED. This class is already in session.</b></span><br /> <div id="moreInfoDiv_4368" style="display:block;"><p><span style="font-size:14px;"><span style="font-family:Arial,Helvetica,sans-serif;">Jump into the basics of Canva in this hands-on beginner class. Create eye-catching graphics for social media, flyers, and presentations while exploring templates, fonts, colors, and images. No design experience needed—just bring ideas and leave with confidence, practical skills, and ready-to-use designs. Perfect for personal, professional, or community projects of all. Please bring a laptop or iPad to practice your new skills.</span></span></p> <p> </p> </div><br /> <strong><span style="font-size:14px;"><span style="font-family:Arial,Helvetica,sans-serif;">Ages: 18+<br /> <img alt="" src="https://www.uvu.edu/ce/images/campusce/course_pics/stock_pics/canva.png" style="float: left; width: 500px; height: 281px; display: block; border-radius: 5px; border: 5px solid #275D38; box-shadow: 2px 2px 5px 2px #888888;" /></span></span></strong></div> <div class="right"> </div> </div> </li> </ul> </td> </tr> <tr> <td class="classInfoButton"> </td> </tr> </table> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl03$ucClass$hidClassID" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl03_ucClass_hidClassID" value="4368" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl03$ucClass$hidSku" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl03_ucClass_hidSku" value="26SCCMPWA001" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl03$ucClass$hidAmount" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl03_ucClass_hidAmount" value="59.00" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl03$ucClass$hidTerm" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl03_ucClass_hidTerm" value="26S" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl03$ucClass$hidIsEvent" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl03_ucClass_hidIsEvent" value="False" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl03$ucClass$hdnTitle" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl03_ucClass_hdnTitle" value="CANVA: FOR BEGINNERS" /> </div> <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" style="height:300px;overflow:auto;"> </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) { var param = JSON.stringify({ 'alertType': alertType, 'itemID': itemID }); $.ajax({ url: '../controls/Dialog/PopupHelper.aspx/GetPopupContent', type: 'POST', dataType: 'json', data: param, contentType: 'application/json', success: function (response) { if (response.d && response.d != '') { ShowPopup(response.d); } } }); } 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="../js/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" role="presentation"> <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" alt="Close" 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" role="presentation"> <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" role="presentation"> <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" role="presentation"> <tr> <td width="9" height="7"> <img style="display: block;" src="../images/genericdialog/bottom-left.png" alt="" /> </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" alt="" /> </td> </tr> </table> </div> <input type="hidden" name="ctl00$ContentPlaceHolder1$hdnCourses" id="hdnCourses" value="[{"Name":"CANVA: FOR BEGINNERS","SKU":"26SCCMPWA001","Amount":"$59.00"}]" /> <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
