CINXE.COM

umbraCoffee

<!DOCTYPE html><html lang="en-US"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><link rel="icon" type="image/png" href="/dist/icons/fav_32x32.png"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /><link rel="preconnect" href="https://www.google-analytics.com" crossorigin /><link rel="preload" href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap" crossorigin="anonymous" as="style"><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap" crossorigin="anonymous"> <meta property="og:type" content="website"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:site" content="@umbraco"> <meta property="og:url" content="https://community.umbraco.com/umbracians-in-action/umbracoffee/"><title>umbraCoffee</title><meta property="og:title" content="umbraCoffee"><meta name="twitter:title" content="umbraCoffee"><meta name="description" content="umbraCoffee - the podcast for the Umbraco community, by the Umbraco community"><meta property="og:description" content="umbraCoffee - the podcast for the Umbraco community, by the Umbraco community"><meta name="twitter:description" content="umbraCoffee - the podcast for the Umbraco community, by the Umbraco community"><meta property="og:image" content="https://community.umbraco.com/media/pd0egz1o/umbracoffee3.png?anchor=center&amp;mode=crop&amp;width=1200&amp;height=628&amp;rnd=132600187725730000"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="628"><meta name="twitter:image" content="https://community.umbraco.com/media/pd0egz1o/umbracoffee3.png?anchor=center&amp;mode=crop&amp;width=1200&amp;height=628&amp;rnd=132600187725730000"><meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" /><link rel="canonical" href="https://community.umbraco.com/umbracians-in-action/umbracoffee/" /> <script> var dataLayer = dataLayer || []; (function(w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-545QTWKW');</script><link href="/bundles/css/?v=Smh3HYlsM3YKENKNRObDyDALAHOIM54kWG_r3FbDSN81" rel="stylesheet"/><script src="https://kit.fontawesome.com/124f9865ce.js" crossorigin="anonymous"></script><script>!function(){var u='/umbraco/umarketingsuite/pagedata/ping';if(typeof navigator.sendBeacon=='function')navigator.sendBeacon(u);else{var x=new XMLHttpRequest;x.open('POST',u,!0);x.send()}}()</script></head><body class="page-contentPage"><div id="umbracoComApp"><div class="uaas"> <div> </div> </div> <nav class="navbar navbar-primary"><div class="umb-container"> <div class="navbar-brand"> <a href="/" class="navbar-item navbar-logo"> <span class="is-our-logo"> <img src="/dist/identity/logos/ourheart.svg" width="25" height="25" alt="Our Umbraco" /> Our Umbraco</span> </a> <div class="navbar-trigger navbar-item">Menu</div></div> <div class="navbar-menu is-positioned-right"> <div class="navbar-start"> <a href="https://our.umbraco.com/forum/" class="navbar-item">Forum</a> <a href="https://our.umbraco.com/packages/" class="navbar-item">Packages</a> <a href="https://our.umbraco.com/documentation/" class="navbar-item">Documentation</a> <a href="/welcome-to-the-community/" class="navbar-item">Community</a> <a href="https://our.umbraco.com/download/" class="navbar-item">Download</a> </div> <div class="navbar-end"> <div class="navbar-item has-dropdown"> <a href="#" class="navbar-link">Sign in/Register</a> <span class="navbar-dropdown-trigger"> <svg> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/spritemap.svg#arrow-down"></use> </svg> </span> <div class="navbar-dropdown"> <h4 class="navbar-title">Sign in or register a new account</h4> <a href="https://our.umbraco.com/member/login" class="navbar-item"> Manage your account<div class="link-meta"> <span>Sign in to an existing account.</span> <span class="navbar-link-text">Sign in</span> </div> </a> <a href="https://our.umbraco.com/member/Signup" class="navbar-item"> Join the community<div class="link-meta"> <span>Join the Umbraco community.</span> <span class="navbar-link-text">Register</span> </div> </a> </div> </div> </div> </div></div></nav> <nav class="subnav"><div class="subnav-brand"> <h2 class="subnav-title">umbraCoffee</h2></div><div class="subnav-menu"> <ul class="subnav-list has-dropdown"> <li class="subnav-item"> <a class="subnav-link" href="/events/">Events</a> <span class="navbar-dropdown-trigger"> <svg> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/spritemap.svg#arrow-down"></use> </svg> </span> <ul class="subnav-dropdown"> <li><a href="/events/umbraco-meetups/" class="subnav-link">Umbraco Meetups</a></li> <li><a href="/events/umbraco-community-festivals-and-conferences/" class="subnav-link">Umbraco Community Festivals and Conferences</a></li> <li><a href="/events/events-by-umbraco-hq/" class="subnav-link">Events by Umbraco HQ</a></li> <li><a href="/events/community-office-hours/" class="subnav-link">Community Office Hours</a></li> <li><a href="/events/codegarden/" class="subnav-link">Codegarden</a></li> <li><a href="/events/umbraco-us-summit/" class="subnav-link">Umbraco U.S. Summit</a></li> </ul> </li> </ul> <ul class="subnav-list has-dropdown"> <li class="subnav-item"> <a class="subnav-link" href="/get-involved/">Get involved</a> <span class="navbar-dropdown-trigger"> <svg> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/spritemap.svg#arrow-down"></use> </svg> </span> <ul class="subnav-dropdown"> <li><a href="/get-involved/how-to-get-involved/" class="subnav-link">How to get involved</a></li> <li><a href="/get-involved/plant-a-tree-with-your-contributions/" class="subnav-link">Plant a tree with your contributions</a></li> <li><a href="/get-involved/contribute-as-an-agency/" class="subnav-link">Contribute as an Agency</a></li> <li><a href="/get-involved/hacktoberfest/" class="subnav-link">Hacktoberfest</a></li> <li><a href="/get-involved/community-discord-server/" class="subnav-link">Community Discord Server</a></li> <li><a href="/get-involved/umbraco-champions/" class="subnav-link">Umbraco Champions</a></li> </ul> </li> </ul> <ul class="subnav-list has-dropdown"> <li class="subnav-item"> <a class="subnav-link" href="/the-community-blog/">The Community Blog</a> <span class="navbar-dropdown-trigger"> <svg> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/spritemap.svg#arrow-down"></use> </svg> </span> <ul class="subnav-dropdown is-scrollable"> <li><a href="/the-community-blog/meet-the-orchestration-advisory-board/" class="subnav-link">Meet the Orchestration advisory board</a></li> <li><a href="/the-community-blog/join-the-orchestration-advisory-board/" class="subnav-link">Join the Orchestration advisory board</a></li> <li><a href="/the-community-blog/saying-goodbye-to-the-backoffice-community-team/" class="subnav-link">Saying Goodbye to the Backoffice Community Team</a></li> <li><a href="/the-community-blog/the-sustainability-teams-community-visit-2024/" class="subnav-link">The sustainability team&#39;s community visit 2024</a></li> <li><a href="/the-community-blog/looking-back-on-the-community-teams-visit/" class="subnav-link">Looking back on the Community Teams Visit</a></li> <li><a href="/the-community-blog/cms-advisory-board-renewal/" class="subnav-link">CMS Advisory Board renewal</a></li> <li><a href="/the-community-blog/security-privacy-team-presentation/" class="subnav-link">Security &amp; Privacy Team presentation</a></li> <li><a href="/the-community-blog/kicking-off-codegarden-2024/" class="subnav-link">Kicking off Codegarden 2024</a></li> <li><a href="/the-community-blog/join-the-new-umbraco-community-advisory-board/" class="subnav-link">Join the new Umbraco Community advisory board</a></li> <li><a href="/the-community-blog/join-our-new-security-privacy-community-team/" class="subnav-link">Join our new security &amp; privacy community team</a></li> <li><a href="/the-community-blog/join-the-cms-advisory-board/" class="subnav-link">Join the CMS advisory board</a></li> <li><a href="/the-community-blog/the-umbraco-accessibility-guild-is-forming-apply-now/" class="subnav-link">The Umbraco Accessibility Guild is forming, apply now!</a></li> <li><a href="/the-community-blog/closing-the-headless-commmunity-team/" class="subnav-link">Closing the Headless Commmunity Team</a></li> <li><a href="/the-community-blog/join-the-new-cloud-community-team/" class="subnav-link">Join the new Cloud community team</a></li> <li><a href="/the-community-blog/hacktoberfest-2023-recap/" class="subnav-link">Hacktoberfest 2023 recap</a></li> <li><a href="/the-community-blog/umbraco-dei-team-achievements-reflections-and-future-visions/" class="subnav-link">Umbraco DEI Team: Achievements, Reflections, and Future Visions</a></li> <li><a href="/the-community-blog/welcoming-our-community-cultivator/" class="subnav-link">Welcoming Our Community Cultivator</a></li> <li><a href="/the-community-blog/umbraco-champions-are-go/" class="subnav-link">Umbraco Champions Are Go!</a></li> <li><a href="/the-community-blog/oss-sponsorship-initiative/" class="subnav-link">OSS Sponsorship Initiative</a></li> <li><a href="/the-community-blog/packages-question-time/" class="subnav-link">Packages Question Time</a></li> </ul> </li> </ul> <ul class="subnav-list has-dropdown"> <li class="subnav-item is-active"> <a class="subnav-link" href="/umbracians-in-action/">Umbracians in Action</a> <span class="navbar-dropdown-trigger"> <svg> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/spritemap.svg#arrow-down"></use> </svg> </span> <ul class="subnav-dropdown"> <li><a href="/umbracians-in-action/codecabin/" class="subnav-link">CODECABIN</a></li> <li><a href="/umbracians-in-action/candid-contributions/" class="subnav-link">Candid Contributions</a></li> <li><a href="/umbracians-in-action/skrift-magazine/" class="subnav-link">Skrift Magazine</a></li> <li><a href="/umbracians-in-action/24-days-in-umbraco/" class="subnav-link">24 Days In Umbraco</a></li> <li><a href="/umbracians-in-action/umbracoffee/" class="subnav-link">umbraCoffee</a></li> <li><a href="/umbracians-in-action/paul-seals-umbraco-youtube-tutorials/" class="subnav-link">Paul Seal&#39;s Umbraco YouTube tutorials</a></li> <li><a href="/umbracians-in-action/community-corner/" class="subnav-link">Community Corner</a></li> </ul> </li> </ul> <ul class="subnav-list has-dropdown"> <li class="subnav-item"> <a class="subnav-link" href="/learn-about-the-community/">Learn about the community</a> <span class="navbar-dropdown-trigger"> <svg> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/spritemap.svg#arrow-down"></use> </svg> </span> <ul class="subnav-dropdown is-scrollable"> <li><a href="/learn-about-the-community/community-teams/" class="subnav-link">Community Teams</a></li> <li><a href="/learn-about-the-community/advisory-boards/" class="subnav-link">Advisory Boards</a></li> <li><a href="/learn-about-the-community/guilds/" class="subnav-link">Guilds</a></li> <li><a href="/learn-about-the-community/contribution-stories/" class="subnav-link">Contribution Stories</a></li> <li><a href="/learn-about-the-community/h5yr/" class="subnav-link">#H5YR</a></li> <li><a href="/learn-about-the-community/badges/" class="subnav-link">Badges</a></li> <li><a href="/learn-about-the-community/karma-leaderboard/" class="subnav-link">Karma leaderboard</a></li> <li><a href="/learn-about-the-community/blog-posts/" class="subnav-link">Blog posts</a></li> <li><a href="/learn-about-the-community/uprofile/" class="subnav-link">uProfile</a></li> <li><a href="/learn-about-the-community/community-videos/" class="subnav-link">Community Videos</a></li> <li><a href="/learn-about-the-community/umbraco-community-health-survey/" class="subnav-link">Umbraco Community Health Survey</a></li> </ul> </li> </ul> <ul class="subnav-list has-dropdown"> <li class="subnav-item"> <a class="subnav-link" href="/mvp-program/">MVP Program</a> <span class="navbar-dropdown-trigger"> <svg> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/spritemap.svg#arrow-down"></use> </svg> </span> <ul class="subnav-dropdown"> <li><a href="/mvp-program/how-do-you-become-an-mvp/" class="subnav-link">How do you become an MVP?</a></li> <li><a href="/mvp-program/current-mvps/" class="subnav-link">Current MVPs</a></li> <li><a href="/mvp-program/mvp-agreement/" class="subnav-link">MVP Agreement</a></li> </ul> </li> </ul> <ul class="subnav-list has-dropdown"> <li class="subnav-item"> <a class="subnav-link" href="/diversity-and-inclusion/">Diversity and Inclusion</a> <span class="navbar-dropdown-trigger"> <svg> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/spritemap.svg#arrow-down"></use> </svg> </span> <ul class="subnav-dropdown"> <li><a href="/diversity-and-inclusion/diversity-equity-and-inclusion-community-group/" class="subnav-link">Diversity, Equity and Inclusion Community Group</a></li> <li><a href="/diversity-and-inclusion/mission-statement/" class="subnav-link">Mission Statement</a></li> <li><a href="/diversity-and-inclusion/on-chaoss-community-and-going-all-in/" class="subnav-link">On CHAOSS, Community, and Going All In</a></li> <li><a href="/diversity-and-inclusion/announcing-diversity-releases-for-2025/" class="subnav-link">Announcing Diversity Releases for 2025</a></li> </ul> </li> </ul> <ul class="subnav-list"> <li class="subnav-item"> <a class="subnav-link" href="/the-developer-relations-team/">The Developer Relations team</a> </li> </ul> <ul class="subnav-list"> <li class="subnav-item"> <a class="subnav-link" href="/sign-up-to-our-newsletter/">Sign up to our newsletter</a> </li> </ul></div></nav> <header class="hero has-background"> <div class="hero-overlay"></div><img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload hero-image" alt="umbraCoffee logo w text" data-src="/media/pd0egz1o/umbracoffee3.png?anchor=center&amp;mode=crop&amp;width=2500&amp;height=500&amp;rnd=132600187725730000&amp;quality=80" loading="lazy" data-srcset="/media/pd0egz1o/umbracoffee3.png?anchor=center&amp;mode=crop&amp;width=2500&amp;height=500&amp;rnd=132600187725730000&amp;quality=80&amp;format=webp" width=1 height=1 /> <div class="hero-content"> <div class="hero-header"> <h1>Get your umbraCoffee fix every Friday!</h1> <h2>Driving you through the weekly news and all things Umbraco related</h2></div></div></header> <main> <div class="umb-grid"><section class="section" data-container-size="is-narrow" data-row-theme="is-grey"><div class="umb-container"> <div class="columns"> <div class="column is-12 grid-section__cell" > <div class="content grid-section__cell-content"> <h2 dir="ltr"><a rel="noopener" href="https://www.youtube.com/c/umbraCoffee/featured" target="_blank"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload " alt="umbraCoffee logo" data-src="/media/egzbpmwt/umbracoffee1.png?anchor=center&amp;mode=crop&amp;quality=80&amp;width=200&amp;height=200&amp;rnd=133211024307670000" loading="lazy" data-srcset="/media/egzbpmwt/umbracoffee1.png?anchor=center&amp;mode=crop&amp;quality=80&amp;width=200&amp;height=200&amp;rnd=133211024307670000&amp;format=webp" width=200 height=200 style="display: block; margin-left: auto; margin-right: auto;" src="?width=200&amp;height=200&amp;mode=max" /></a></h2> <h2 dir="ltr">Each Friday at 11:30 UK / 12:30 CET, our hosts - Marcin and Callum - together with their guest(s) will drive you through the weekly news and all things Umbraco related. So grab a cuppa, join us LIVE and enjoy! </h2> <p> </p> <p style="text-align: center;"><a style="text-align: center;" rel="noopener" href="https://www.youtube.com/c/umbraCoffee/featured" target="_blank" class="btn is-blue">Catch up with umbraCoffee on YouTube</a></p> </div> </div> </div></div></section><section class="section" data-padding="is-paddingless-bottom"><div class="umb-container"> <div class="columns"> <div class="column is-12 grid-section__cell" > <div class="content grid-section__cell-content"> <h2 class="is-ultralarge" style="text-align: left;">The umbraCoffee baristas</h2> </div> </div> </div></div></section><section class="section" data-padding="is-paddingless-top"><div class="umb-container"> <div class="columns"> <div class="column is-6 grid-section__cell" > <div class="content grid-section__cell-content"> <h2>Marcin Zajkowski</h2> <picture> <source data-srcset="/media/mpzf5x2u/marcin-zajkowski.jpg?quality=80&amp;format=webp" type="image/webp" /> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload " alt="Marcin Zajkowski" data-src="/media/mpzf5x2u/marcin-zajkowski.jpg?quality=80" loading="lazy" width=1 height=1 /> </picture> <p>Umbraco MVP</p> <p>Twitter: <a href="https://twitter.com/zajkowskimarcin">@zajkowskimarcin</a></p> </div> </div> <div class="column is-6 grid-section__cell" > <div class="content grid-section__cell-content"> <h2>Callum Whyte</h2> <picture> <source data-srcset="/media/53admkya/callum-whyte.jpg?quality=80&amp;format=webp" type="image/webp" /> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload " alt="Callum Whyte" data-src="/media/53admkya/callum-whyte.jpg?quality=80" loading="lazy" width=1 height=1 /> </picture> <p>Umbraco MVP</p> <p>Twitter: <a rel="noopener" href="https://twitter.com/callumbwhyte" target="_blank">@callumbwhyte</a></p> </div> </div> </div></div></section><section class="section" data-container-size="is-narrow" data-row-theme="is-dark"><div class="umb-container"> <div class="columns"> <div class="column is-6 grid-section__cell" > <div class="content grid-section__cell-content"> <h2 class="is-ultralarge">Get your fix every Friday! </h2> <p>umbraCoffee streams live every Friday at 11:30 UK / 12:30 CET, on <a rel="noopener" href="https://www.youtube.com/c/umbraCoffee/featured" target="_blank">our YouTube channel</a>.</p> <p>Never want to miss an episode? Why not subscribe to the channel? 😎</p> <p> </p> </div> </div> <div class="column is-6 grid-section__cell" > <div class="content grid-section__cell-content"> <p><a href="https://www.youtube.com/c/umbraCoffee/featured"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload " alt="umbraCoffee logo" data-src="/media/egzbpmwt/umbracoffee1.png?anchor=center&amp;mode=crop&amp;quality=80&amp;width=250&amp;height=250&amp;rnd=133211024307670000" loading="lazy" data-srcset="/media/egzbpmwt/umbracoffee1.png?anchor=center&amp;mode=crop&amp;quality=80&amp;width=250&amp;height=250&amp;rnd=133211024307670000&amp;format=webp" width=250 height=250 src="?width=250&amp;height=250&amp;mode=max" /></a></p> </div> </div> </div></div></section><section class="section" data-row-theme="is-grey"><div class="umb-container"> <div class="columns"> <div class="column is-6 grid-section__cell" > <div class="content grid-section__cell-content"> <h2 class="is-ultralarge">Catch up on the most recent episode 👉</h2> <h3 class="title style-scope ytd-video-primary-info-renderer">umbraCoffee<span> </span><a dir="auto" href="https://www.youtube.com/hashtag/165" class="yt-simple-endpoint style-scope yt-formatted-string">#165</a>​<span> - Speakers Academy, UI Component Lib RFC, Packages and more!</span></h3> <p><span>Today's wonderful guest is Umbraco Developer Advocate and Issue Tracker Specialist Emma Burstow (@EmaBurst)! </span></p> </div> </div> <div class="column is-6 grid-section__cell" > <div class="content grid-section__cell-content"> <div class="video-wrapper"><div class="video-embed"><iframe src="https://www.youtube-nocookie.com/embed/bnLZDBhSmSY" loading="lazy" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div></div> </div> </div> </div></div></section><section class="section" ><div class="umb-container"> <div class="columns"> <div class="column is-12 grid-section__cell" > <div class="content grid-section__cell-content"> <h2 class="is-ultralarge">Get in touch with us!</h2> <p>☕ Ping us on Twitter (and while you're it at, check out <a rel="noopener" href="https://twitter.com/search?q=%23umbracoffee&amp;src=typed_query" target="_blank" data-anchor="?q=%23umbracoffee&amp;src=typed_query">#umbraCoffee</a>!)</p> <p>☕ Drop a comment on <a rel="noopener" href="https://www.youtube.com/c/umbraCoffee/featured" target="_blank">umbraCoffee YouTube</a> live/videos</p> <p>☕ Send an e-mail to <a rel="noopener" href="mailto:umbracoffee@gmail.com" target="_blank">umbracoffee@gmail.com</a></p> <p> </p> </div> </div> </div></div></section></div> </main> <footer class="footer"><div class="container"> <div class="columns"></div></div> <div class="container is-narrow-tablet"> <div class="content has-centered-text has-small-text is-faded"> <p><a href="https://our.umbraco.com/code-of-conduct" title="Code of Conduct">Code of Conduct</a> - <a href="https://our.umbraco.com/privacy-policy" title="Privacy policy">Privacy policy</a></p> <p>Our.umbraco.com is the community mothership for Umbraco, the open source ASP.NET CMS. With a friendly forum for all your questions, a comprehensive documentation and a ton of packages from the community.</p> </div></div></footer><zendesk-facade></zendesk-facade></div> <script src="/bundles/js/main/?v=oy7a9XGjRgqYymra0TTYRiRbY-5ivmcNYJeDe5cz9K41"></script><script src="/bundles/js/instant-page/?v=mqE_A6hSdNDq_vY9Vuqd0gfgcF92rN4F-HBSkP1YMqw1" type="module" defer></script> <script type="text/javascript"> var hash = window.location.hash; if (typeof hash !== 'undefined') { // Prevents default anchor scroll on page load. window.addEventListener('scroll', scrollToTop); // Scrolls to anchor smoothly - with an offset. setTimeout(function () { window.removeEventListener('scroll', scrollToTop); var id = hash.replace(/\//g, '').replace(/#/g, '') scrollToIdWithOffset(id, 220); }, 1000); } function scrollToTop() { window.scrollTo(0, 0); } function scrollToIdWithOffset(id, offset) { var element = document.getElementById(id); const bodyRect = document.body.getBoundingClientRect().top; const elementRect = element.getBoundingClientRect().top; const elementPosition = elementRect - bodyRect; const offsetPosition = elementPosition - offset; window.scrollTo({ top: offsetPosition, behavior: "smooth" }); } </script> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "WebPage", "name": "Umbraco" } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "item": { "@id": "https://community.umbraco.com/", "name": "Home" } } , { "@type": "ListItem", "position": 2, "item": { "@id": "https://community.umbraco.com/umbracians-in-action/", "name": "Umbracians in Action" } } , { "@type": "ListItem", "position": 3, "item": { "@id": "https://community.umbraco.com/umbracians-in-action/umbracoffee/", "name": "umbraCoffee" } } ] } </script><!-- uMarketingSuite client side analytics script --><script src="/Assets/uMarketingSuite/Scripts/uMarketingSuite.analytics.js"></script><!-- uMarketingSuite bridge for Google Analytics --><script src="/Assets/uMarketingSuite/Scripts/uMarketingSuite.analytics.ga-bridge.js"></script><!-- If logged in in Umbraco it will display the uMarketingSuite cockpit --><script>typeof uMarketingSuite!=="undefined"&&uMarketingSuite.analytics&&uMarketingSuite.analytics.init("d24c97fc-a892-47fc-b0b5-98848e5b588b")</script> </body></html>

Pages: 1 2 3 4 5 6 7 8 9 10