CINXE.COM

Jostle | Case Study | AppDynamics

<!DOCTYPE html> <html xmlns:fb="//www.facebook.com/2008/fbml" xmlns:og="//opengraphprotocol.org/schema/" lang="en" xml:lang="en" class="no-touch no-js"> <head> <script> window['adrum-start-time'] = new Date().getTime(); </script> <script type="text/javascript" src="//www.cisco.com/c/dam/cdc/t/ctm-core.js"></script> <title>Jostle | Case Study | AppDynamics</title> <script type="application/ld+json"> [ { "@context": "http://www.schema.org", "@type": "WebPage", "name": "AppDynamics (A Cisco Company)", "url": "https://www.appdynamics.com/", "description": "AppDynamics is a business observability platform tool for real-time user and application performance monitoring and management.", "publisher": { "@type": "Corporation", "name": "AppDynamics" } } ] </script> <meta http-equiv="Content-type" content="text/html;charset=UTF-8" /> <meta name="description" content="Learn how Jostle builds radically responsive intranets with AppDynamics application intelligence." /> <meta name="title" content="Jostle | Case Study " /> <meta class="swiftype" content="Jostle" data-type="string" name="title" /> <meta name="templateName" content="appdBasePageTemplate" /> <meta property="fb:app_id" content="156494687694418" /> <meta name="ioContentSource" content="WEM" /> <meta name="locale" content="US" /> <meta name="language" content="en" /> <meta name="country" content="US" /> <meta name="CCID_Page" content="cc001781" /> <meta name="date" content="Tue Jan 17 16:51:03 PST 2023" /> <meta name="accessLevel" content="Customer" /> <meta name="accessLevel" content="Guest" /> <meta name="accessLevel" content="Partner" /> <meta name="entitlementExpression" content="contains( &quot;0,1,2,3,4,7&quot; , $profileField[3] )" /> <meta property="og:site_name" content="AppDynamics" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Jostle | Case Study " /> <meta property="og:description" content="Learn how Jostle builds radically responsive intranets with AppDynamics application intelligence." /> <meta property="og:url" content="https://www.appdynamics.com/case-study/jostle/index.html" /> <link rel="canonical" href="https://www.appdynamics.com/case-study/jostle"/> <link rel="icon" href="/c/dam/r/appdynamics/fw/i/logo-open-graph.png"> <meta charset="utf-8"> <meta name="HandheldFriendly" content="True" /> <meta name="MobileOptimized" content="320" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="facebook-domain-verification" content="9kp8hgk2fuaya2jgwl5pa2pzo80fdu" /> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@AppDynamics"> <meta http-equiv="cleartype" content="on"> <script src="/etc.clientlibs/clientlibs/granite/jquery.min.js"></script> <script src="/etc.clientlibs/clientlibs/granite/utils.min.js"></script> <script src="/etc.clientlibs/clientlibs/granite/jquery/granite.min.js"></script> <script src="/etc.clientlibs/foundation/clientlibs/jquery.min.js"></script> <script src="/etc.clientlibs/foundation/clientlibs/shared.min.js"></script> <script src="/etc.clientlibs/cq/personalization/clientlib/underscore.min.js"></script> <script src="/etc.clientlibs/cq/personalization/clientlib/personalization/kernel.min.js"></script> <script src="/etc.clientlibs/cq/personalization/clientlib/personalization/kernel.min.js"></script> <script type="text/javascript"> $CQ(function() { CQ_Analytics.SegmentMgr.loadSegments("\/etc\/segmentation"); CQ_Analytics.ClientContextUtils.init("\/c\/dnc\/etc\/clientcontext\/default", "\/content\/r\/appdynamics\/case\u002Dstudy\/jostle\/index"); }); </script> <link rel="stylesheet" href="/etc/designs/r/appd/libs/common/appd-fonts.min.css" type="text/css"> <script src="/etc/designs/cdc/clientlibs/responsive/js/foundation.min.js"></script> <link rel="stylesheet" href="/etc/designs/cdc/clientlibs/responsive/css/responsive.min.css" type="text/css"> <link rel="stylesheet" href="/etc/designs/r/appd/appd-responsive-ext.min.css" type="text/css"> </head> <body id="wcq" class="fw-res cdc-transform appdynamics "> <script type="text/javascript"> if (window.cdc === undefined) { window.cdc = {}; } if (cdc.cdcMasthead === undefined) { cdc.cdcMasthead = {}; } if (cdc.cdcMasthead.additional === undefined) { cdc.cdcMasthead.additional = {}; } cdc.cdcMasthead.additional.env = 'prod'; cdc.cdcMasthead.additional.linkSwaps = {accountUrl: "//www.cisco.com/c/en/us/about/account.html", registrationUrl: "https://id.cisco.com/signin/register", profileUrl: "https://rpfa.cloudapps.cisco.com/rpfa/profile/profile_management.do"}; </script> <link rel="stylesheet" href="/etc/designs/r/appd/main-navigation/clientLib.min.css" type="text/css"> <script src="/etc/designs/r/appd/main-navigation/clientLib.min.js"></script> <header id="appdynamics-masthead" class='appd-main-navigation '> <div class="mn-container"> <button class="mn-hamburger-btn" type="button"> <div class="mn-hamburger-bars"> <div class="bar1"></div> <div class="bar2"></div> <div class="bar3"></div> </div> </button> <div class="mn-logo"> <a href='https://www.appdynamics.com'> <img class='mn-logo-img white-logo d-none' src="/c/dam/r/appdynamics/headlibs/images/appd-logo-white-340x0_q100.png" alt="appd-logo" title="appd-logo"/> <img class='mn-logo-img black-logo d-block' src="/c/dam/r/appdynamics/headlibs/images/appd-logo-340x0_q100.png" alt="appd-logo" title="appd-logo"/> </a> </div> <nav class="mn-navbar" aria-label="Main Navigation"> <ul class="mn-navbar-lone"> <li class="mn-search-mobile"> <div class="mn-search-mobile-inner"> Search... </div> </li> <li class='mn-lone-item products-container' aria-expanded="false"> <div class="mn-lone-container"> <button class="mn-lone-btn" aria-haspopup="true" role="button" aria-label='Product'> Product </button> <ul class="mn-lone-dropdown"> <li class='mn-dropdown-left one-col'> <div class="mn-lcol1"> <div class="mn-col-heading" aria-label='Product overview'>Product overview</div> <a class='mn-dd-item right-content' data-config-metrics-group="navbar" data-config-metrics-title="business" data-config-metrics-item='Business' href="/product/business-iq" aria-label="Business Correlate performance metrics with business outcomes. " aria-pressed="false"> <div class='mn-dd-item-icon-container'> <img class='mn-dd-item-icon' src="/c/dam/r/appdynamics/2021/Navigation/ic-biq.png"> </div> <div class='mn-dd-item-content '> <div class="mn-dd-item-title">Business</div> <div class="mn-dd-item-description">Correlate performance metrics with business outcomes. </div> </div> </a> <a class='mn-dd-item right-content' data-config-metrics-group="navbar" data-config-metrics-title="user-experience" data-config-metrics-item='User experience' href="/product/end-user-monitoring" aria-label="User experience Provide a flawless user experience, every time." aria-pressed="false"> <div class='mn-dd-item-icon-container'> <img class='mn-dd-item-icon' src="/c/dam/r/appdynamics/2021/Navigation/ic-ux.png"> </div> <div class='mn-dd-item-content '> <div class="mn-dd-item-title">User experience</div> <div class="mn-dd-item-description">Provide a flawless user experience, every time.</div> </div> </a> <a class='mn-dd-item right-content' data-config-metrics-group="navbar" data-config-metrics-title="application" data-config-metrics-item='Application' href="/product/application-performance-monitoring" aria-label="Application Ensure quality software delivery with application performance monitoring (APM)" aria-pressed="false"> <div class='mn-dd-item-icon-container'> <img class='mn-dd-item-icon' src="/c/dam/r/appdynamics/2021/Navigation/ic-app.png"> </div> <div class='mn-dd-item-content '> <div class="mn-dd-item-title">Application</div> <div class="mn-dd-item-description">Ensure quality software delivery with application performance monitoring (APM)</div> </div> </a> <a class='mn-dd-item right-content' data-config-metrics-group="navbar" data-config-metrics-title="infrastructure-and-cloud" data-config-metrics-item='Infrastructure and Cloud' href="/product/infrastructure-monitoring" aria-label="Infrastructure and Cloud Monitor and manage on-premise, hybrid, and cloud-native environments." aria-pressed="false"> <div class='mn-dd-item-icon-container'> <img class='mn-dd-item-icon' src="/c/dam/r/appdynamics/2021/Navigation/ic-infrastructure.png"> </div> <div class='mn-dd-item-content '> <div class="mn-dd-item-title">Infrastructure and Cloud</div> <div class="mn-dd-item-description">Monitor and manage on-premise, hybrid, and cloud-native environments.</div> </div> </a> <a class='mn-dd-item right-content' data-config-metrics-group="navbar" data-config-metrics-title="network" data-config-metrics-item='Network' href="/product/network-monitoring" aria-label="Network Isolate performance issues across third party networks and SaaS." aria-pressed="false"> <div class='mn-dd-item-icon-container'> <img class='mn-dd-item-icon' src="/c/dam/r/appdynamics/2021/Navigation/ic-network.png"> </div> <div class='mn-dd-item-content '> <div class="mn-dd-item-title">Network</div> <div class="mn-dd-item-description">Isolate performance issues across third party networks and SaaS.</div> </div> </a> <a class='mn-dd-item right-content' data-config-metrics-group="navbar" data-config-metrics-title="security" data-config-metrics-item='Security' href="https://www.appdynamics.com/product/full-stack-application-security" aria-label="Security Automate and continuously adapt application security. " aria-pressed="false"> <div class='mn-dd-item-icon-container'> <img class='mn-dd-item-icon' src="/c/dam/r/appdynamics/2021/Navigation/ic-security.png"> </div> <div class='mn-dd-item-content '> <div class="mn-dd-item-title">Security</div> <div class="mn-dd-item-description">Automate and continuously adapt application security. </div> </div> </a> </div> </li> <li class='mn-dropdown-right one-col'> <div class="mn-lcol1"> <div class="mn-col-heading" aria-label='<br/>'><br/></div> <a class="mn-dd-item" data-config-metrics-group="navbar" data-config-metrics-title="product-overview" data-config-metrics-item='Product overview' href='/product' aria-label='Product overview'> <div class="mn-dd-item-content"> <div class="mn-dd-item-title">Product overview</div> </div> </a> <a class="mn-dd-item" data-config-metrics-group="navbar" data-config-metrics-title="see-how-it-works" data-config-metrics-item='See how it works' href='https://www.appdynamics.com/product/how-it-works' aria-label='See how it works'> <div class="mn-dd-item-content"> <div class="mn-dd-item-title">See how it works</div> </div> </a> <a class="mn-dd-item" data-config-metrics-group="navbar" data-config-metrics-title="supported-technologies" data-config-metrics-item='Supported technologies' href='/supported-technologies' aria-label='Supported technologies'> <div class="mn-dd-item-content"> <div class="mn-dd-item-title">Supported technologies</div> </div> </a> <a class="mn-dd-item" data-config-metrics-group="navbar" data-config-metrics-title="get-free-trial" data-config-metrics-item='Get free trial' href='/free-trial' aria-label='Get free trial'> <div class="mn-dd-item-content"> <div class="mn-dd-item-title">Get free trial</div> </div> </a> <a class="mn-dd-item" data-config-metrics-group="navbar" data-config-metrics-title="schedule-a-demo" data-config-metrics-item='Schedule a demo' href='/schedule-a-demo' aria-label='Schedule a demo'> <div class="mn-dd-item-content"> <div class="mn-dd-item-title">Schedule a demo</div> </div> </a> <a class="mn-dd-item" data-config-metrics-group="navbar" data-config-metrics-title="product-updates" data-config-metrics-item='Product updates' href='/product-updates' aria-label='Product updates'> <div class="mn-dd-item-content"> <div class="mn-dd-item-title">Product updates</div> </div> </a> <a class='mn-dd-item-image right-content' data-config-metrics-group="navbar" data-config-metrics-title="cisco-fso-vs.-dynatrace:-monitoring-is-no-longer-enough-to-safeguard-user-experience" data-config-metrics-item='Cisco FSO vs. Dynatrace: Monitoring is no longer enough to safeguard user experience' href="https://www.appdynamics.com/webinar/cisco-fso-vs-dynatrace" aria-label="Cisco FSO vs. Dynatrace: Monitoring is no longer enough to safeguard user experience Cisco Full-Stack Observability (FSO) goes beyond reactive monitoring to deliver proactive and predictive visibility across the entire tech stack. Learn more in this can't-miss webinar."> <div class='mn-dd-image-container'> <img class='' src="/c/dam/r/appdynamics/2024/navigation/dynatrace-tko-170x125.png"> </div> <div class="mn-dd-item-content"> <div class='mn-dd-item-title'>Cisco FSO vs. Dynatrace: Monitoring is no longer enough to safeguard user experience</div> <div class='mn-dd-item-description'>Cisco Full-Stack Observability (FSO) goes beyond reactive monitoring to deliver proactive and predictive visibility across the entire tech stack. Learn more in this can't-miss webinar.</div> </div> </a> </div> </li> </ul> </div> </li> <li class='mn-lone-item other-container' aria-expanded="false"> <div class="mn-lone-container"> <button class="mn-lone-btn" aria-haspopup="true" role="button" aria-label='Solutions'> Solutions </button> <ul class="mn-lone-dropdown"> <li class='mn-dropdown-left two-cols'> <div class="mn-lcol1"> <div class="mn-col-heading" aria-label='Solutions'>Solutions</div> <a class="mn-dd-item" data-config-metrics-group="navbar" data-config-metrics-title="overview" data-config-metrics-item='Overview' href='/solutions' aria-label='Overview'> <div class="mn-dd-item-content"> <div class="mn-dd-item-title">Overview</div> </div> </a> <a class="mn-dd-item" data-config-metrics-group="navbar" data-config-metrics-title="cloud-migration" data-config-metrics-item='Cloud migration' href='/solutions/cloud-migration/' aria-label='Cloud migration'> <div class="mn-dd-item-content"> <div class="mn-dd-item-title">Cloud migration</div> </div> </a> <a class="mn-dd-item" data-config-metrics-group="navbar" data-config-metrics-title="aws-monitoring" data-config-metrics-item='AWS monitoring' href='/solutions/aws-monitoring/' aria-label='AWS monitoring'> <div class="mn-dd-item-content"> <div class="mn-dd-item-title">AWS monitoring</div> </div> </a> <a class="mn-dd-item" data-config-metrics-group="navbar" data-config-metrics-title="microsoft-azure" data-config-metrics-item='Microsoft Azure' href='/solutions/azure-monitoring/' aria-label='Microsoft Azure'> <div class="mn-dd-item-content"> <div class="mn-dd-item-title">Microsoft Azure</div> </div> </a> <a class="mn-dd-item" data-config-metrics-group="navbar" data-config-metrics-title="log-observer-connect" data-config-metrics-item='Log Observer Connect' href='https://www.appdynamics.com/product/log-observer-connect' aria-label='Log Observer Connect'> <div class="mn-dd-item-content"> <div class="mn-dd-item-title">Log Observer Connect</div> </div> </a> </div> <div class="mn-lcol2"> <div class="mn-col-heading" aria-label="<br/>"><br/></div> <a class="mn-dd-item" data-config-metrics-group="navbar" data-config-metrics-title="microservices" data-config-metrics-item='Microservices' href='/solutions/microservices/' aria-label='Microservices'> <div class="mn-dd-item-content"> <div class="mn-dd-item-title">Microservices</div> </div> </a> <a class="mn-dd-item" data-config-metrics-group="navbar" data-config-metrics-title="sap-monitoring" data-config-metrics-item='SAP monitoring' href='/solutions/sap-monitoring/' aria-label='SAP monitoring'> <div class="mn-dd-item-content"> <div class="mn-dd-item-title">SAP monitoring</div> </div> </a> <a class="mn-dd-item" data-config-metrics-group="navbar" data-config-metrics-title="ucce-monitoring" data-config-metrics-item='UCCE monitoring' href='/solutions/ucce-monitoring/' aria-label='UCCE monitoring'> <div class="mn-dd-item-content"> <div class="mn-dd-item-title">UCCE monitoring</div> </div> </a> <a class="mn-dd-item" data-config-metrics-group="navbar" data-config-metrics-title="continuous-delivery" data-config-metrics-item='Continuous delivery' href='/solutions/continuous-delivery/' aria-label='Continuous delivery'> <div class="mn-dd-item-content"> <div class="mn-dd-item-title">Continuous delivery</div> </div> </a> <a class="mn-dd-item" data-config-metrics-group="navbar" data-config-metrics-title="smart-agent" data-config-metrics-item='Smart Agent' href='https://www.appdynamics.com/product/application-performance-monitoring/smart-agent' aria-label='Smart Agent'> <div class="mn-dd-item-content"> <div class="mn-dd-item-title">Smart Agent</div> </div> </a> </div> </li> <li class='mn-dropdown-right one-col'> <div class="mn-lcol1"> <div class="mn-col-heading" aria-label='Featured'>Featured</div> <a class='mn-dd-item-image right-content' data-config-metrics-group="navbar" data-config-metrics-title="<b>read-the-report:</b>" data-config-metrics-item='<b>Read the report:</b>' href="https://www.appdynamics.com/resources/reports/forrester-total-economic-impact-of-cisco-full-stack-observability" aria-label="<b>Read the report:</b> <b><strong>Forrester Total Economic Impact™</strong></b> of Cisco Full-Stack Observability found 359% ROI and less than 6 months payback. <br><br> Get your copy now!"> <div class='mn-dd-image-container'> <img class='' src="/c/dam/r/appdynamics/2024/navigation/Forrester-Graphic-for-web_170x125px_v2-02.jpg"> </div> <div class="mn-dd-item-content"> <div class='mn-dd-item-title'><b>Read the report:</b></div> <div class='mn-dd-item-description'><b><strong>Forrester Total Economic Impact™</strong></b> of Cisco Full-Stack Observability found 359% ROI and less than 6 months payback. <br><br> Get your copy now!</div> </div> </a> </div> </li> </ul> </div> </li> <li class='mn-lone-item products-container' aria-expanded="false"> <div class="mn-lone-container"> <a class="mn-lone-btn" data-config-metrics-group="navbar" data-config-metrics-title="pricing" data-config-metrics-item='Pricing' aria-haspopup="true" href='/pricing' aria-label='Pricing'> Pricing </a> </div> </li> <li class='mn-lone-item other-container' aria-expanded="false"> <div class="mn-lone-container"> <button class="mn-lone-btn" aria-haspopup="true" role="button" aria-label='Company'> Company </button> <ul class="mn-lone-dropdown"> <li class='mn-dropdown-left two-cols'> <div class="mn-lcol1"> <div class="mn-col-heading" aria-label='Company'>Company</div> <a class="mn-dd-item" data-config-metrics-group="navbar" data-config-metrics-title="about-us" data-config-metrics-item='About us' href='/company' aria-label='About us'> <div class="mn-dd-item-content"> <div class="mn-dd-item-title">About us</div> </div> </a> <a class="mn-dd-item" data-config-metrics-group="navbar" data-config-metrics-title="careers" data-config-metrics-item='Careers' href='/careers' aria-label='Careers'> <div class="mn-dd-item-content"> <div class="mn-dd-item-title">Careers</div> </div> </a> <a class="mn-dd-item" data-config-metrics-group="navbar" data-config-metrics-title="newsroom" data-config-metrics-item='Newsroom' href='/newsroom' aria-label='Newsroom'> <div class="mn-dd-item-content"> <div class="mn-dd-item-title">Newsroom</div> </div> </a> </div> <div class="mn-lcol2"> <div class="mn-col-heading" aria-label="<br/>"><br/></div> <a class="mn-dd-item" data-config-metrics-group="navbar" data-config-metrics-title="contact-us" data-config-metrics-item='Contact us' href='/company/contact-us' aria-label='Contact us'> <div class="mn-dd-item-content"> <div class="mn-dd-item-title">Contact us</div> </div> </a> <a class="mn-dd-item" data-config-metrics-group="navbar" data-config-metrics-title="become-a-partner" data-config-metrics-item='Become a partner' href='/partners' aria-label='Become a partner'> <div class="mn-dd-item-content"> <div class="mn-dd-item-title">Become a partner</div> </div> </a> <a class="mn-dd-item" data-config-metrics-group="navbar" data-config-metrics-title="become-an-advocate" data-config-metrics-item='Become an advocate' href='/company/advocates' aria-label='Become an advocate'> <div class="mn-dd-item-content"> <div class="mn-dd-item-title">Become an advocate</div> </div> </a> </div> </li> <li class='mn-dropdown-right one-col'> <div class="mn-lcol1"> <div class="mn-col-heading" aria-label='Featured'>Featured</div> <a class='mn-dd-item-image right-content' data-config-metrics-group="navbar" data-config-metrics-title="better-together:-introducing-new-splunk-integrations-and-ai-innovations-for-cisco-appdynamics" data-config-metrics-item='Better Together: Introducing New Splunk Integrations and AI Innovations for Cisco AppDynamics' href="https://www.appdynamics.com/webinar/introducing-new-splunk-integrations-and-ai-innovations-for-cisco-appdynamics" aria-label="Better Together: Introducing New Splunk Integrations and AI Innovations for Cisco AppDynamics Discover the industry’s most comprehensive Full-Stack Observability solution "> <div class='mn-dd-image-container'> <img class='' src="/c/dam/r/appdynamics/2024/navigation/DT-917_Better-Together_Webinar_Landpage170x125.png"> </div> <div class="mn-dd-item-content"> <div class='mn-dd-item-title'>Better Together: Introducing New Splunk Integrations and AI Innovations for Cisco AppDynamics</div> <div class='mn-dd-item-description'>Discover the industry’s most comprehensive Full-Stack Observability solution </div> </div> </a> </div> </li> </ul> </div> </li> <li class='mn-lone-item other-container' aria-expanded="false"> <div class="mn-lone-container"> <button class="mn-lone-btn" aria-haspopup="true" role="button" aria-label='Learn'> Learn </button> <ul class="mn-lone-dropdown"> <li class='mn-dropdown-left two-cols'> <div class="mn-lcol1"> <div class="mn-col-heading" aria-label='Learn'>Learn</div> <a class="mn-dd-item" data-config-metrics-group="navbar" data-config-metrics-title="webinars" data-config-metrics-item='Webinars' href='/company/webinars' aria-label='Webinars'> <div class="mn-dd-item-content"> <div class="mn-dd-item-title">Webinars</div> </div> </a> <a class="mn-dd-item" data-config-metrics-group="navbar" data-config-metrics-title="customers" data-config-metrics-item='Customers' href='/customers' aria-label='Customers'> <div class="mn-dd-item-content"> <div class="mn-dd-item-title">Customers</div> </div> </a> <a class="mn-dd-item" data-config-metrics-group="navbar" data-config-metrics-title="resources" data-config-metrics-item='Resources' href='/resources' aria-label='Resources'> <div class="mn-dd-item-content"> <div class="mn-dd-item-title">Resources</div> </div> </a> <a class="mn-dd-item" data-config-metrics-group="navbar" data-config-metrics-title="blog" data-config-metrics-item='Blog' href='/blog' aria-label='Blog'> <div class="mn-dd-item-content"> <div class="mn-dd-item-title">Blog</div> </div> </a> </div> <div class="mn-lcol2"> <div class="mn-col-heading" aria-label="<br/>"><br/></div> <a class="mn-dd-item" data-config-metrics-group="navbar" data-config-metrics-title="events" data-config-metrics-item='Events' href='/events' aria-label='Events'> <div class="mn-dd-item-content"> <div class="mn-dd-item-title">Events</div> </div> </a> <a class="mn-dd-item" data-config-metrics-group="navbar" data-config-metrics-title="analyst-coverage" data-config-metrics-item='Analyst coverage' href='/newsroom/analyst-coverage' aria-label='Analyst coverage'> <div class="mn-dd-item-content"> <div class="mn-dd-item-title">Analyst coverage</div> </div> </a> <a class="mn-dd-item" data-config-metrics-group="navbar" data-config-metrics-title="university" data-config-metrics-item='University' href='https://university.appdynamics.com/' aria-label='University'> <div class="mn-dd-item-content"> <div class="mn-dd-item-title">University</div> </div> </a> <a class="mn-dd-item" data-config-metrics-group="navbar" data-config-metrics-title="community" data-config-metrics-item='Community' href='https://community.appdynamics.com/' aria-label='Community'> <div class="mn-dd-item-content"> <div class="mn-dd-item-title">Community</div> </div> </a> <a class="mn-dd-item" data-config-metrics-group="navbar" data-config-metrics-title="free-trial-resources" data-config-metrics-item='Free-Trial Resources' href='/free-trial-resources' aria-label='Free-Trial Resources'> <div class="mn-dd-item-content"> <div class="mn-dd-item-title">Free-Trial Resources</div> </div> </a> </div> </li> <li class='mn-dropdown-right one-col'> <div class="mn-lcol1"> <div class="mn-col-heading" aria-label='Featured'>Featured</div> <a class='mn-dd-item-image right-content' data-config-metrics-group="navbar" data-config-metrics-title="peer-insights-‘voice-of-the-customer’:-application-performance-monitoring-and-observability" data-config-metrics-item='Peer Insights ‘Voice of the Customer’: Application Performance Monitoring and Observability' href="https://www.appdynamics.com/resources/reports/gartner-report-peer-insights-voc-apm-observability" aria-label="Peer Insights ‘Voice of the Customer’: Application Performance Monitoring and Observability See how Cisco for AppDynamics was reviewed by customers on Gartner® Peer Insights™ — and why we were recognized as a 2023 Customers’ Choice for APM and observability."> <div class='mn-dd-image-container'> <img class='' src="/c/dam/r/appdynamics/2024/navigation/MKT_1715_2024_GartnerPeerInsights_email_170x125_150dpi.png"> </div> <div class="mn-dd-item-content"> <div class='mn-dd-item-title'>Peer Insights ‘Voice of the Customer’: Application Performance Monitoring and Observability</div> <div class='mn-dd-item-description'>See how Cisco for AppDynamics was reviewed by customers on Gartner® Peer Insights™ — and why we were recognized as a 2023 Customers’ Choice for APM and observability.</div> </div> </a> </div> </li> </ul> </div> </li> <li class="mn-lone-item d-lg-none" aria-haspopup="true" aria-expanded="false" tabindex="0"> <div class="mn-lone-container"> <button class="mn-lone-btn"> Support. </button> <ul class="mn-lone-dropdown"> <li class="mn-help-list-item"><a class="mn-help-link" href='/support'>Help Center</a></li> <li class="mn-help-list-item"><a class="mn-help-link" href='https://community.appdynamics.com'>Community</a></li> <li class="mn-help-list-item"><a class="mn-help-link" href='https://docs.appdynamics.com'>Documentation</a></li> <li class="mn-help-list-item"><a class="mn-help-link" href='https://accounts.appdynamics.com/downloads'>Downloads</a></li> <li class="mn-help-list-item"><a class="mn-help-link" href='https://learn.appdynamics.com/'>University</a></li> <li class="mn-help-list-item"><a class="mn-help-link" href='https://www.appdynamics.com/community/exchange'>Exchange</a></li> </ul> </div> </li> </ul> </nav> <div class="mn-actions"> <div class="mn-help-lgup"> <button class="mn-help-btn" aria-label="Help button" role="button" aria-haspopup="true"> <img class='mn-help-icon white-logo d-none' src="/c/dam/r/appdynamics/fw/header/help-white.svg" alt="Help icon"/> <img class='mn-help-icon black-logo d-block' src="/c/dam/r/appdynamics/fw/header/help.svg" alt="Help icon"/> </button> <ul class="mn-help-dropdown"> <li><a class="mn-help-link" href='/support' aria-label="Help Center">Help Center</a></li> <li><a class="mn-help-link" href='https://community.appdynamics.com' aria-label="Community">Community</a></li> <li><a class="mn-help-link" href='https://docs.appdynamics.com' aria-label="Documentation">Documentation</a></li> <li><a class="mn-help-link" href='https://accounts.appdynamics.com/downloads' aria-label="Downloads">Downloads</a></li> <li><a class="mn-help-link" href='https://learn.appdynamics.com/' aria-label="University">University</a></li> <li><a class="mn-help-link" href='https://www.appdynamics.com/community/exchange' aria-label="Exchange">Exchange</a></li> </ul> </div> <div class="mn-search"> <button class="mn-search-btn" role="button" aria-label="Search Button" aria-haspopup="true"> <img class='mn-search-icon white-logo d-none' src="/c/dam/r/appdynamics/fw/header/search-white.svg" alt="Search icon"/> <img class='mn-search-icon black-logo d-block' src="/c/dam/r/appdynamics/fw/header/search.svg" alt="Search icon"/> </button> </div> <div class="mn-search-input-container"> <div class="mn-search-margin-wrapper"> <div class="mn-search-input-inner-container"> <label for="content-search" class="visuallyHidden"></label> <input id="content-search" class="mn-search-input" type="search" placeholder='What are looking for?'> <button class="mn-search-input-btn"> <img class="mn-search-icon" src="/c/dam/r/appdynamics/fw/header/search.svg" alt="Content Search"> </button> <button class="mn-search-close"> <!--span tag is for accessibilty reading --> <span class="mn-search-close-icon" aria-label="Content Search Close"></span> <span class="visuallyHidden">content close</span> </button> </div> <div class="mn-search-suggestion-box"> </div> <input type="hidden" name="searchpageLink" id="searchpageLink" value='/content/r/appdynamics/search-results/index'/> </div> </div> <div class="mn-profile-ft-container"> <div class="mn-miniprofile"> <div id="mini-profile-menu"> <div id="dropdownMenu7-signin"> <a id="dropdownMenu7-1" class="dropdown-toggle-lv-7">Sign in</a> <ul id="dropdown-menu-seventh" style="display: none;"> <li id="dropdown-submenu-1" class="dropdown-submenu"> <a class="submenu-solo-link-block account-name"><span id="signinAccountName"></span></a> </li> <li id="dropdown-submenu-2" class="dropdown-submenu"> <a class="submenu-solo-link-block email-id"><span id="signinEmailid"></span></a> </li> <li id="dropdown-submenu-3" class="dropdown-submenu"> <a class="submenu-solo-link profile" href="https://accounts.appdynamics.com/overview">Profile</a> </li> <li id="dropdown-submenu-3-1" class="dropdown-submenu"> <a id="dropdown-submenu-3-1-help" class="submenu-solo-link help" href="https://www.appdynamics.com/support/">Help</a> </li> <div class="dropdown-submenu__divider"></div> <li id="dropdown-submenu-4-0" class="dropdown-submenu"> <a class="submenu-solo-link-block company-name"><span id="companyName"></span></a> </li> <li id="dropdown-submenu-4" class="dropdown-submenu"> <a class="submenu-solo-link subscriptions" href="https://accounts.appdynamics.com/subscriptions">Subscriptions</a> </li> <li id="dropdown-submenu-4-1" class="dropdown-submenu"> <a id="dropdown-submenu-4-1-admin" class="submenu-solo-link admin">Manage Users</a> </li> <div class="dropdown-submenu__divider"></div> <li id="dropdown-submenu-5-0" class="dropdown-submenu" style="display: none;"> <a class="submenu-solo-link-block company-name">Launch AppDynamics</a> </li> <li id="dropdown-submenu-5" class="dropdown-submenu" style="display: none;"> <a id="dropdown-submenu-5-account" class="submenu-solo-link senator"><span id="dropdown-submenu-5-AppdAccountId"></span></a> </li> <li id="dropdown-submenu-6" class="dropdown-submenu" style="display: none;"> <a id="dropdown-submenu-6-view" class="submenu-solo-link view-all" href="https://accounts.appdynamics.com/products">View all</a> </li> <div id="dropdown-submenu__divider-6" class="dropdown-submenu__divider" style="display: none;"></div> <li id="dropdown-submenu-7" class="dropdown-submenu"> <a class="submenu-solo-link logout" href="https://login.appdynamics.com/sso/logout/">Log Out</a> </li> </ul> </div> </div> </div> <div class="mn-startfreetrial "> <a id="btnFreeTrial" data-config-metrics-group="navbar" data-config-metrics-title="start-free-trial" data-config-metrics-item='Start free trial' href='/free-trial'>Start a free trial</a> </div> </div> </div> </div> </header> <div id="fw-content" class='appd-content-body container grid' data-swiftype-name="body" data-swiftype-type="text"> <link rel="stylesheet" href="/etc/designs/r/appd/marketo-form/anchor-marquee-marketo-form/clientLib-v2.min.css" type="text/css"> <link rel="stylesheet" href="/etc/designs/r/appd/anchor-marquee/clientLib-v2.min.css" type="text/css"> <script src="/etc/designs/r/appd/marketo-form/anchor-marquee-marketo-form/clientLib-v2.min.js"></script> <script src="/etc/designs/r/appd/anchor-marquee/clientLib-v2.min.js"></script> <link rel="stylesheet" href="/etc/designs/r/appd/text/base-v2.min.css" type="text/css"> <!--sly data-sly-use.clientLib="/apps/r/appd/components/button/button/templates/clientlib.html" data-sly-call=""/ --> <link rel="stylesheet" href="/etc/designs/r/appd/libs/base.min.css"><script src="/etc/designs/r/appd/libs/base.min.js" defer></script> <!-- Start of Anchor Marquee --> <!-- IT:components/anchor-marquee/anchor-marquee-v2:V1.2.5 --> <div class="anch-mq-container" data-appd-anch-mq-container> <div class="dm0 dmc-mq var-1 thmp-1" data-config-metrics-group="Anchor Marquee" data-config-metrics-title="Jostle"> <div id="frameID" class="frame "> <!-- Start of DM Image --> <div class="dm-img focal-C" alt="jostle-standard-1600x480"> <picture> <source srcset="/content/dam/r/appdynamics/site-content/case-studies/marquee/jostle-standard-1600x480.png" media="(min-width:80em)"> <source srcset="/content/dam/r/appdynamics/site-content/case-studies/marquee/jostle-standard-1280x480.png" media="(min-width:48em)"> <source srcset="/content/dam/r/appdynamics/site-content/case-studies/marquee/jostle-standard-768x472.png"> </picture> <noscript><img src="/c/dam/r/appdynamics/site-content/case-studies/marquee/jostle-standard-1600x480.png" alt="jostle-standard-1600x480"></noscript> </div> <!-- End of DM Image --> <div id= "formID" class="inset form-enabled "> <div class="text pmr w80p tabw100p sdeskw100p dsk tab mob"> <h1 data-short-title="Jostle"class = "pri-0" >Jostle </h1> <p class = "pri-3" >Jostle Answers a Performance Imperative with AppDynamics</p> <ul class="ctas"> <li> </li> </ul> <div id="scroll-next-arrow"> <span style="border-color:#FFFFFF"></span> <span style="border-color:#FFFFFF"></span> </div> </div> </div> <div data-am-form-lg-container id="htmlPassThrough-lg-container"></div> </div> </div> <div data-am-form-sm-container> <div data-anchor-marq-form id="StickyPassthrough" class="form-inset dmc-marquee d-passthrough-none "> <div> <link rel="stylesheet" href="/etc/designs/r/appd/libs/u.min.css" type="text/css"> <script src="/etc/designs/r/appd/libs/u.min.js"></script> <script src="/etc/designs/r/appd/libs/nmsp.min.js"></script> <script src="/etc/designs/r/appd/libs/log.min.js"></script> <script src="/etc/designs/r/appd/libs/metrics.min.js"></script> <!-- IT:components/html/htmlblob:V1.2.4 --> <div style="background-color:#fff; color:#000; padding:30px 25px; width:50%; margin: 50px auto; @media (max-width:1023px){width:100%}"> <h3>Key Benefits</h3> <p> Provides the intelligence foundation for fast application performance </p> <hr> <p> Instruments the complete software stack, replacing multiple tools </p> <hr> <p> Provides visibility into software response time issues like never before </p> </div> </div> </div> </div> <script src="/etc/designs/r/appd/marketo-form/anchor-marquee-marketo-form/mq-htmlpassthrough-lib.min.js"></script> <script src="/etc/designs/r/appd/anchor-marquee/mq-htmlpassthrough-lib.min.js"></script> <div style="clear:both;float:none"></div> </div> <!-- End of Anchor Marquee --> <link rel="stylesheet" href="/etc/designs/r/appd/text/base.min.css" type="text/css"> <link rel="stylesheet" href="/etc/designs/r/appd/blade/clientLib.min.css" type="text/css"> <script src="/etc/designs/r/appd/blade/clientLib.min.js"></script> <link rel="stylesheet" href="/etc/designs/r/appd/button/clientLib.min.css" type="text/css"> <noscript> <style> .dmr.clip-content .clip, .dmr.clip-content .clip-wrap { overflow:visible; height: auto; } </style> </noscript> <!-- IT:components/blade/blade:V1.7.5 --> <div id ="bladeHead" class="parallax-pos" style='padding: 0px 0px 0px 0px;' data-config-metrics-group="Blade"> <div id="bladeSettingsMobile" class="bladeMobileTag" style=' padding: 0px 0px 0px 0px; margin:25px 0px 15px 0px;'></div> <div class="row full blowout dmc-blade header-center description-center cta-center " style="padding: 75px 0px 50px 0px"> <div class="col full"> <div class="row full dmr"> <div class="col full "> </div> </div> <div class="row halves "> <div class="col half"> <link rel="stylesheet" href="/etc/designs/r/appd/tile/clientLib.min.css" type="text/css"> <script src="/etc/designs/r/appd/tile/clientLib.min.js"></script> <!-- IT:components/tile/tile:V2.1.5 --> <div class="dmr dmc-tile " data-desktop="" data-tab="" data-background="transparent" data-config-metrics-group="Tile" data-config-metrics-title="Challenge: Need for speed of software delivery"> <!-- video code embedded lightbox --> <div class="content"> <h3>Challenge: Need for speed of software delivery</h3> <p>Jostle is a cloud-based Software-as-a-Service (SaaS) business. But, not surprisingly, the company’s customers expect their intranets to deliver responsiveness on a par with on-premise software.</p> <p>“Everything the company does has to be fast,” said Teg Ryan, director of technical operations at Jostle. “All of our users expect to get their documents or have a discussion in our application without any kind of glitch or delay,” he added. “So, we use AppDynamics&nbsp;<a href="/product">Application Intelligence Platform</a>&nbsp;to monitor every aspect of response time levels. If there’s slowdown, we can easily drill down and find exactly where in the stack is causing a problem. Our mean time to recovery has been cut in half given the visibility that we have now.”</p> </div> <div style="clear: both; float: none;"></div> </div> </div> <div class="col half"> <link rel="stylesheet" href="/etc/designs/r/appd/pullquote/clientLib.min.css" type="text/css"> <div class="" style="background-color:#F2F2F2"> <blockquote class="dmc-pullquote dmr base-blowout no-image en dark-icon"> <div class="quote-cnt"> <p class="quote">&ldquo;We no longer spend hours searching for root cause. Typically now it's only minutes.&rdquo;</p> </div> <div class="attr-cnt"> <div class="attribution"> <div class="attribution-name"> Teg Ryan</div> <div> <span> Director of Technical Operations</span> <span>&nbsp;@Jostle</span> </div> </div> <div class="quote-actions"> </div> </div> </blockquote> </div> </div> </div> <div class="row full dmr"> <div class="col full"> </div> </div> </div> </div> </div> <link rel="stylesheet" href="/etc/designs/r/appd/marquee/clientLib.min.css" type="text/css"> <script src="/etc/designs/r/appd/libs/utils/dynamic-video-init.min.js"></script> <script src="/etc/designs/r/appd/marquee/clientLib.min.js"></script> <!-- IT:components/marquee/marquee-inpage:V1.7.4 --> <div class="dmc-blade row full blowout spotlight-xl no-padding pal-1" style="background-color:#F2F2F2;padding: 0px 0px 0px 0px" style='padding: 0px 0px 0px 0px;' data-config-metrics-group="Spotlight, XL" data-config-metrics-title="About Jostle"> <div class="col full"> <div class="dmr dmc-inpage-marquee var-1"> <div class="marquee-image focal-L"> <!--sly data-sly-use.clientLib="/apps/r/appd/components/button/button/templates/clientlib.html" data-sly-call=""/ --> <!--DM Image--> <div class="dm-img" src="/c/r/appdynamics/case-study/jostle/index/jcr:content/Title/marquee_inpage/image.img.png/1571869056685.png" alt="jostle" title="jostle"> <noscript class="dmimg-ns"><img src="/c/r/appdynamics/case-study/jostle/index/_jcr_content/Title/marquee_inpage/image.img.png/1571869056685.png" alt="jostle" title="jostle"></noscript> </div> </div> <div class="marquee-content"> <div class="content-non-blowout"> <h3 id='acc-spotlight-xl-title' class="pri-2">About Jostle</h3> <p>Jostle Corporation is on a quest to disrupt the enterprise software marketplace. An award-winning Vancouver-based software design firm, Jostle’s primary objective is to build “a radically better intranet” for every customer, where workplaces are incredibly vibrant and productive. Jostle software feels natural and is fun to use. It nurtures lively internal communications, discussions and collaboration. So, it’s no wonder Jostle’s intranets deliver employee participation rates that are 5X industry norms.</p> <ul class="cta"> </ul> </div> </div> </div> </div> </div> <noscript> <style> .dmr.clip-content .clip, .dmr.clip-content .clip-wrap { overflow:visible; height: auto; } </style> </noscript> <!-- IT:components/blade/blade:V1.7.5 --> <div id ="bladeHead" class="parallax-pos" style='padding: 0px 0px 0px 0px;' data-config-metrics-group="Blade"> <div id="bladeSettingsMobile" class="bladeMobileTag" style=' padding: 0px 0px 0px 0px; margin:15px 0px 15px 0px;'></div> <div class="row full blowout dmc-blade header-center description-center cta-center " style="padding: 50px 0px 50px 0px"> <div class="col full"> <div class="row full dmr"> <div class="col full "> </div> </div> <div class="row halves "> <div class="col half"> <!-- IT:components/tile/tile:V2.1.5 --> <div class="dmr dmc-tile " data-desktop="" data-tab="" data-background="transparent" data-config-metrics-group="Tile" data-config-metrics-title="Solution: Comprehensive monitoring of the entire software stack"> <!-- video code embedded lightbox --> <div class="content"> <h3>Solution: Comprehensive monitoring of the entire software stack</h3> <p>Jostle is heavily invested in Amazon Web Services as well as other cloud providers to serve their Java-based web application. The Jostle team builds and tests the intranets they design using industry best-practice tools like Jenkins, Ansible, Google Web Toolkit (GWT) and Hibernate. Jostle designs and builds iOS and Android mobile components as well. Today, the Jostle team is monitoring around 20 production servers and using AppDynamics&nbsp;<a href="/product/application-performance-management">Application Performance Monitoring</a>&nbsp;to track both database response time and front-end web response times. According to Ryan, his team is constantly driving down both of those numbers because of how quickly they can see issues and fix them.</p> <p>In addition to the AppDynamics Application Intelligence Platform, which Jostle has now been using for about three years, Ryan and his team evaluated products from New Relic, AppNeta and others. They were looking for a solution that would have a low-performance impact on their existing software. Ease of configuration was important, too, as Jostle employs “a pretty lean team” of IT pros and developers. But the number one selection criterion was comprehensiveness. “We wanted to make sure it monitored the full stack from tip to tail so we could find problems without having to use multiple tools,” said Ryan.</p> </div> <div style="clear: both; float: none;"></div> </div> </div> <div class="col half"> <div class="" style="background-color:#F2F2F2"> <blockquote class="dmc-pullquote dmr base-blowout no-image en dark-icon"> <div class="quote-cnt"> <p class="quote">&ldquo;How it [AppDynamics Application Intelligence] instruments everything without any serious configuration is mind-blowing.&rdquo;</p> </div> <div class="attr-cnt"> <div class="attribution"> <div class="attribution-name"> Teg Ryan</div> <div> <span> Director of Technical Operations</span> <span>&nbsp;@Jostle</span> </div> </div> <div class="quote-actions"> </div> </div> </blockquote> </div> </div> </div> <div class="row full dmr"> <div class="col full"> </div> </div> </div> </div> </div> <noscript> <style> .dmr.clip-content .clip, .dmr.clip-content .clip-wrap { overflow:visible; height: auto; } </style> </noscript> <!-- IT:components/blade/blade:V1.7.5 --> <div id ="bladeHead" class="parallax-pos" style='padding: 0px 0px 0px 0px;' data-config-metrics-group="Blade" data-config-metrics-title="Benefits: Full-scale visibility, fast issue resolution and low impact, all in a single solution"> <div id="bladeSettingsMobile" class="bladeMobileTag" style=' padding: 0px 0px 0px 0px; margin:0px 0px 15px 0px;'></div> <div class="row full blowout dmc-blade header-left description-left cta-center " style="padding: 0px 0px 50px 0px"> <div class="col full"> <div class="row full dmr"> <div class="col full "> <div class = "blade-header" > <div class="blade-title-wrapper"> <div class="blade-title-container"> <h2 class="defdeskpc defaultlgdeskpc defaulttabpc" >Benefits: Full-scale visibility, fast issue resolution and low impact, all in a single solution</h2> <a class="blade-title-cta" href=""></a> </div> </div> </div> <div class="blade-description" > <p>AppDynamics has helped Jostle go from highly limited visibility to a hugely well-instrumented environment. “Prior to implementing the AppDynamics Application Intelligence Platform, visibility was a big issue,” said Ryan. “We were relying on a hodgepodge of different monitoring tools, and when you do that, there are black holes that you just can't see into—black holes that cause big trouble if there’s an issue in one of them,” he added. Now those black holes are gone. Slow databases are a thing of the past, too. “Prior to deploying the AppDynamics Platform, we had a bug in our code that was causing a query to fire millions of times over and over again,” said Ryan.</p> <p>AppDynamics <a href="/product/application-performance-management/infrastructure-visibility/database-monitoring">Database Monitoring</a> uncovered the bug and the Jostle team fixed it in a matter of minutes. Application development timelines have also improved since the company began using the AppDynamics solution. In fact, Ryan mentioned that, because Jostle’s developers have access to the AppDynamics dashboard, they resolve most issues much earlier in the process than they used to, long before they ever reach production. This has helped reduce the workload on the operations team and promote their culture of DevOps.</p> <p>Near-zero performance overhead is also a big plus. “I've always been impressed by the low impact the AppDynamics software has on ours,” said Ryan. “How it instruments everything without any serious configuration is mind-blowing. I haven't quite figured out how you do it yet.”</p> </div> </div> </div> <div class="row full "> <div class="col full"> </div> </div> <div class="row full dmr"> <div class="col full"> </div> </div> </div> </div> </div> <noscript> <style> .dmr.clip-content .clip, .dmr.clip-content .clip-wrap { overflow:visible; height: auto; } </style> </noscript> <!-- IT:components/blade/blade:V1.7.5 --> <div id ="bladeHead" class="parallax-pos" style='padding: 0px 0px 0px 0px;' data-config-metrics-group="Blade" data-config-metrics-title="Resources"> <div id="bladeSettingsMobile" class="bladeMobileTag" style=' padding: 0px 0px 0px 0px; margin:25px 0px 25px 0px;'></div> <div class="row full blowout dmc-blade header-left description-left cta-left " style="padding: 75px 0px 75px 0px"> <div class="col full"> <div class="row full dmr"> <div class="col full cta-available"> <div class = "blade-header" > <div class="blade-title-wrapper"> <div class="blade-title-container"> <h2 class="defdeskpc defaultlgdeskpc defaulttabpc" >Resources</h2> <a class="blade-title-cta" href="https://www.appdynamics.com/resources">View all resources</a> </div> </div> </div> </div> </div> <div class="row thirds "> <div class="col third"> <!-- IT:components/tile/tile:V2.1.5 --> <div class="dmr dmc-tile option-image" data-desktop="" data-tab="" data-background="transparent" data-config-metrics-group="Tile"> <!--video code embedded lightbox--> <div class="media" > <!--sly data-sly-use.clientLib="/apps/r/appd/components/button/button/templates/clientlib.html" data-sly-call=""/ --> <!--DM Image--> <div class="dm-img" src="/c/r/appdynamics/case-study/jostle/index/jcr:content/Title/blade_1485326973/bladeContents/tile_copy_copy/image.img.png/1574282313712.png" alt="GuidedTour" title="GuidedTour"> <noscript class="dmimg-ns"><img src="/c/r/appdynamics/case-study/jostle/index/_jcr_content/Title/blade_1485326973/bladeContents/tile_copy_copy/image.img.png/1574282313712.png" alt="GuidedTour" title="GuidedTour"></noscript> </div> </div> <!-- video code embedded lightbox --> <div class="content image"> <p><a href="/guided-tours/application-performance-management">Learn how AppDynamics APM drives better digital experiences</a></p> <p>Guided Tour</p> </div> <div style="clear: both; float: none;"></div> </div> </div> <div class="col third"> <!-- IT:components/tile/tile:V2.1.5 --> <div class="dmr dmc-tile option-image" data-desktop="" data-tab="" data-background="transparent" data-config-metrics-group="Tile"> <!--video code embedded lightbox--> <div class="media" > <!--sly data-sly-use.clientLib="/apps/r/appd/components/button/button/templates/clientlib.html" data-sly-call=""/ --> <!--DM Image--> <div class="dm-img" src="/c/r/appdynamics/case-study/jostle/index/jcr:content/Title/blade_1485326973/bladeContents1/tile_copy_copy/image.img.png/1574726441792.png" alt="product" title="product"> <noscript class="dmimg-ns"><img src="/c/r/appdynamics/case-study/jostle/index/_jcr_content/Title/blade_1485326973/bladeContents1/tile_copy_copy/image.img.png/1574726441792.png" alt="product" title="product"></noscript> </div> </div> <!-- video code embedded lightbox --> <div class="content image"> <p><a href="/supported-technologies/java">Learn more about Java Application Performance Monitoring</a></p> <p>Product</p> </div> <div style="clear: both; float: none;"></div> </div> </div> <div class="col third"> <!-- IT:components/tile/tile:V2.1.5 --> <div class="dmr dmc-tile option-image" data-desktop="" data-tab="" data-background="transparent" data-config-metrics-group="Tile"> <!--video code embedded lightbox--> <div class="media" > <!--sly data-sly-use.clientLib="/apps/r/appd/components/button/button/templates/clientlib.html" data-sly-call=""/ --> <!--DM Image--> <div class="dm-img" src="/c/r/appdynamics/case-study/jostle/index/jcr:content/Title/blade_1485326973/bladeContents2/tile_copy_copy/image.img.png/1574905672961.png" alt="eBook" title="eBook"> <noscript class="dmimg-ns"><img src="/c/r/appdynamics/case-study/jostle/index/_jcr_content/Title/blade_1485326973/bladeContents2/tile_copy_copy/image.img.png/1574905672961.png" alt="eBook" title="eBook"></noscript> </div> </div> <!-- video code embedded lightbox --> <div class="content image"> <p><a href="/c/dam/r/appdynamics/general-documents/eBook/ebook-addressing-it-operation-analytics-itoa-use-cases-with-appdynamics.pdf">Addressing IT operations analytics (ITOA) use cases with AppDynamics</a></p> <p>eBook</p> </div> <div style="clear: both; float: none;"></div> </div> </div> </div> <div class="row full dmr"> <div class="col full"> </div> </div> </div> </div> </div> <noscript> <style> .dmr.clip-content .clip, .dmr.clip-content .clip-wrap { overflow:visible; height: auto; } </style> </noscript> <!-- IT:components/blade/blade:V1.7.5 --> <div id ="bladeHead" class="parallax-pos" style='padding: 0px 0px 0px 0px;' data-config-metrics-group="Blade" data-config-metrics-title="See your applications like never before"> <div id="bladeSettingsMobile" class="bladeMobileTag" style=' padding: 0px 0px 0px 0px; margin:25px 0px 25px 0px;'></div> <div class="row full blowout bgImage dmc-blade header-center description-center cta-center pal-2" data-blade-desktop-img = "url('/content/dam/r/appdynamics/general-images/blades/dark-purple-icons.png')" data-blade-tablet-img = "" data-blade-mobile-img = "" style="padding: 75px 0px 75px 0px"> <div class="col full"> <div class="row full dmr light"> <div class="col full "> <div class = "blade-header" > <div class="blade-title-wrapper"> <div class="blade-title-container"> <h2 class="defdeskpc defaultlgdeskpc defaulttabpc" >See your applications like never before</h2> <a class="blade-title-cta" href=""></a> </div> </div> </div> </div> </div> <div class="row full "> <div class="col full"> </div> </div> <div class="row full dmr light"> <div class="col full"> <ul class="cta"> <li> <a aria-label="Start a Free trial See your applications like never before" class="dmc-button atlantic pal-4" href="https://www.appdynamics.com/free-trial/" data-config-metrics-item="Start a Free trial">Start a Free trial</a> </li> <li> <a aria-label="Schedule a Demo See your applications like never before" class="dmc-button atlantic pal-7" href="https://www.appdynamics.com/lp/schedule-a-demo/" data-config-metrics-item="Schedule a Demo">Schedule a Demo</a> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="container grid appd-footer" data-swiftype-index="false"> <!-- IT:components/html/htmlblob:V1.2.4 --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <!-- contents found: dmc-blade --> <div class="container grid" id="fw-content"> <div class="bg-fatfooter fwt-fatfooter"> <div class="outer-subscribe" style="margin: 0px 50px 25px 50px; padding-top: 55px; display: flex; justify-content: space-between;"> <img class="footer-logo" alt="" src="/c/dam/r/appdynamics/headlibs/images/appd-logo-340x0_q100.png"> <div class="top-subscribe" style="display: flex;"> <label class="subscribe-text" for="blogSubscribeEmail">Subscribe to our mailing list</label> <div class="inner-subscribe" style="margin-left: 30px;"> <script src="https://app-abd.marketo.com/js/forms2/js/forms2.min.js"></script> <div class="footer-form"> <form id="mktoForm_3302" class="mktoFooterForm"></form> <script src="https://app-abd.marketo.com/js/forms2/js/forms2.min.js"></script> <script>MktoForms2.loadForm("https://app-abd.marketo.com", "031-WIX-618", 3302, function(form) { form.onSuccess(function(values, followUpUrl) { form.getFormElem().hide(); var confirm = document.getElementById('confirmation'); confirm.style.display = 'inline-block'; confirm.setAttribute('aria-hidden', false); return false; }); }); </script> <div id="confirmation" aria-hidden="true" style="display:none;"> <p>Thank you! Your submission has been received!</p> </div> </div> <div class="newsletter-error" id="newsletterError"></div> <div class="appd-w-form-done" id="newsletterSuccess"> <p>Thank you! Your submission has been received!</p> </div> <div class="appd-w-form-fail" id="newsletterSubmitError"> <p>Oops! Something went wrong while submitting the form</p> </div> <div class="privacy-policy-white footer-privacy-policy">By clicking subscribe, I have read and understood the <a class="linkColor" href="/legal/privacy-policy" target="_blank" aria-label="Privacy Policy">Privacy Policy</a> and <a class="linkColor" href="/legal/terms-of-use" target="_blank" aria-label="Terms of Use">Terms of Use</a>.</div> </div> </div> </div> <div class="logo-border" > </div> <div class="row quarters" id="appd-footer-links"> <div class="col quarter"><a class="font-size" href="javascript: void(0);" id="footerPlatform">Platform<span class="caret"></span></a> <ul aria-labelledby="footerPlatform"> <li class="first-value"><a href="/company/what-is-appdynamics">Why AppDynamics?</a></li> <li><a href="/product">Platform</a></li> <li><a href="/pricing">Pricing</a></li> <li><a href="/supported-technologies">Supported technologies</a></li> <li><a href="/guided-tours/application-performance-management/tour">Guided tour</a></li> </ul> </div> <div class="col quarter"><a class="font-size separation" href="javascript: void(0);" id="footerSolutions">Solutions<span class="caret"></span></a> <ul aria-labelledby="footerSolutions"> <li class="first-value"><a href="/solutions">Overview</a></li> <li><a href="/customers">Customers</a></li> <li><a href="/product/infrastructure-monitoring/cloud-monitoring">Cloud monitoring</a></li> <li><a href="/solutions/cloud-migration">Cloud migration</a></li> <li><a href="/trust-center">Trust Center</a></li> </ul> </div> <div class="col quarter"><a class="font-size separation" href="javascript: void(0);" id="footerLearn">Learn<span class="caret"></span></a> <ul aria-labelledby="footerLearn"> <li class="first-value"><a href="/resources">Resources</a></li> <li><a href="https://www.appdynamics.com/blog">Blog</a></li> <li><a href="/company/webinars">Webinars</a></li> <li><a href="/events">Events</a></li> <li><a href="https://university.appdynamics.com/">University</a></li> </ul> </div><br> <div class="col quarter"><a class="font-size separation" href="javascript: void(0);" id="footerCompany">Company<span class="caret"></span></a> <ul aria-labelledby="footerCompany"> <li class="first-value"><a href="/company">About us</a></li> <li><a href="/partners">Become a partner</a></li> <li><a href="/company/advocates">Become an advocate</a></li> <li><a href="/company/careers">Careers</a></li> <li><a href="/company/contact-us">Contact us</a></li> </ul> </div> <div class="col quarter"><a class="font-size separation" href="javascript: void(0);" id="footerSupport">Support<span class="caret"></span></a> <ul aria-labelledby="footerSupport"> <li class="first-value"><a href="https://www.appdynamics.com/support">Help Center</a></li> <li><a href="https://community.appdynamics.com">Community</a></li> <li><a href="https://docs.appdynamics.com">Documentation</a></li> <li><a href="https://accounts.appdynamics.com/downloads">Downloads</a></li> <li><a href="https://www.appdynamics.com/community/exchange">Exchange</a></li> </ul> </div> </div> </div> </div> <script> var $appdFooterLinks = $("#appd-footer-links .quarter"); if(window.innerWidth<= 600){ $appdFooterLinks.on('click', function (e){ if($(this).hasClass('expanded')){ $(this).removeClass("expanded"); } else{ $(this).addClass("expanded"); } }); } </script> <script> var $emailFormSubmit = $("#blogSubscribeSubmit"); $emailFormSubmit.on('click', function (e){ e.preventDefault(); var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/; var email = $("#blogSubscribeEmail").val(); if(!regex.test(email)){ utag.link({ "event_action" : "form - error", "event_category": "footer_newsletter" }, [21]); $("#newsletterError").html("Please enter a valid email address"); } else { utag.link({ "event_action" : "form - complete", "event_category": "footer_newsletter" }, [21]); var host = "www.appdynamics.com/blog"; var postData = $("#emailSubscriptionForm").serializeArray(); var formURL = "https://" + host + "/wp-content/api/newsletter-submit.php"; $.ajax({ url: formURL, type: "POST", data: postData, }).done(function() { $("#emailSubscriptionForm").hide(); $("#newsletterSuccess").show(); $("#newsletterError").hide(); }).fail(function() { $("#emailSubscriptionForm").hide(); $("#newsletterSubmitError").show(); $("#newsletterError").hide(); }); } return false; }) </script> <style> .appd-w-form-done { display: none; padding: 10px; color: #000!important; } .appd-w-form-done p { color: #fff!important; } .appd-w-form-fail p { color: #F00!important; } .appd-w-form-fail { display: none; padding: 10px; color: #F00!important; } .emailSubmit { margin-right: -5px } /*Marketo Footer Form Style Start Here*/ .footer-form .mktoFooterForm .mktoField { border-radius: 24px!important; width: 156%!important; display: inline-flex!important; border: 1px solid #949191; padding: 8px 12px!important; height: 48px!important; outline: none!important; background-color: #fff!important; color: #536070!important; font-family: 'AppdSans'; font-size: 125% !important; } .footer-form .mktoFooterForm .mktoField::placeholder { color:#949191 !important; } .footer-form .mktoHasWidth { width:0px !important; } .footer-form .mktoFormCol { position:absolute !important } .footer-form .mktoForm { margin: 0px !important; } .footer-form .mktoButtonRow { float:none !important; margin-left:350px !important; } .footer-form .mktoForm .mktoRequiredField .mktoAsterix { display: none !important; } .footer-form .mktoForm .mktoButtonWrap.mktoSimple .mktoButton { border-radius: 24px!important; padding: 8px 12px!important; height: 48px!important; background-color: #19212b!important; outline: none!important; color: #fff!important; font-weight: 300; border: #000 !important; background-image: none !important; width: 120px !important; font-family: 'AppdSans'; font-size: 125% !important; } .footer-form .mktoButtonWrap{ margin-left: 0 !important; } .footer-form .mktoFooterForm .emailBox.subscribe::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #536070; } .footer-form .mktoFooterForm .emailBox.subscribe:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #536070; opacity: 1; } .footer-form .mktoFooterForm .emailBox.subscribe::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #536070; opacity: 1; } .footer-form .mktoFooterForm .emailBox.subscribe:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #536070; } .footer-form .mktoFooterForm .emailBox.subscribe::-ms-input-placeholder { /* Microsoft Edge */ color: #536070; } .footer-form .mktoFooterForm .emailBox.subscribe::placeholder { /* Most modern browsers support this now. */ color: #536070; } /*Marketo Footer Form Style Ends Here*/ #emailSubscriptionForm .emailBox.subscribe { border-radius: 24px!important; width: 69%!important; display: inline-flex!important; border: 1px solid#ebedf1; padding: 8px 12px!important; height: 30px!important; outline: none!important; background-color: #fff!important; color: #536070!important; } #emailSubscriptionForm .emailSubmit.subscribe-submit { border-radius: 24px!important; padding: 8px 12px!important; height: 48px!important; background-color: #19212b!important; outline: none!important; color: #fff!important; font-weight: 300; } #emailSubscriptionForm .emailBox.subscribe::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #536070; } #emailSubscriptionForm .emailBox.subscribe:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #536070; opacity: 1; } #emailSubscriptionForm .emailBox.subscribe::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #536070; opacity: 1; } #emailSubscriptionForm .emailBox.subscribe:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #536070; } #emailSubscriptionForm .emailBox.subscribe::-ms-input-placeholder { /* Microsoft Edge */ color: #536070; } #emailSubscriptionForm .emailBox.subscribe::placeholder { /* Most modern browsers support this now. */ color: #536070; } @media screen and (max-width: 1120px){ /*Marketo Footer Form Style Start Here*/ .footer-form .mktoFooterForm .mktoField { width: 138%!important; height: 48px !important; } .footer-form .mktoButtonRow { float: none !important; margin-left: 313px !important; } .footer-form .mktoFooterForm .emailBox.subscribe { width: 61%!important; height: 24px !important; } .footer-form .mktoFooterForm .emailSubmit.subscribe-submit { height: 42px!important; } /*Marketo Footer Form Style Ends Here*/ #emailSubscriptionForm .emailBox.subscribe { width: 61%!important; height: 24px !important; } #emailSubscriptionForm .emailSubmit.subscribe-submit { height: 42px!important; } .subscribe-text{ font-size:20px; padding: 10px 0px; width: 288px; } } @media screen and (max-width: 1023px){ .subscribe-text{ width: unset; font-size:20px; padding: 0px 0px; margin-bottom: 13px; } .top-subscribe{ flex-flow:column; } .inner-subscribe{ margin-left: 0px !important; } } @media screen and (max-width: 766px){ .outer-subscribe{ flex-flow: wrap; } .top-subscribe{ margin-top: 50px; } /*Marketo Footer Form Style Start Here*/ .footer-form .mktoFooterForm .emailBox.subscribe { width: 94%!important; } .footer-form .mktoFooterForm .emailSubmit.subscribe-submit{ margin-top: 10px; width: 100%; } /*Marketo Footer Form Style Ends Here*/ #emailSubscriptionForm .emailBox.subscribe { width: 94%!important; } #emailSubscriptionForm .emailSubmit.subscribe-submit{ margin-top: 10px; width: 100%; } .privacy-policy-white{ margin-top: 10px; margin-bottom: 10px; } .subscribe-text{ margin-bottom: 30px; } } @media screen and (max-width: 480px){ /*Marketo Footer Form Style Start Here*/ .footer-form .mktoButtonRow { margin-left: 0px !important; margin-top: 10px !important; } .footer-form .mktoFooterForm .mktoField { width: 116%!important; height: 48px !important; margin-top: -20px !important; } .footer-form .mktoButton { display: block!important; margin-top: 38px!important; min-width: 271px!important; } .footer-form .mktoFooterForm .emailBox.subscribe{ width: 90%!important; } /*Marketo Footer Form Style Ends Here*/ #emailSubscriptionForm .emailBox.subscribe{ width: 90%!important; } } </style> <style> .mktoButton:focus, .mktoButton:focus-visible{ box-shadow: 0 0 8px 0 #000 !important } .dmc-blade #marketo-form-blade form{ margin:0 auto; width:100%!important; padding-top:20px; } .dmc-blade #marketo-form-blade form .mktoFormRow:first-of-type { margin-top:0; } .dmc-blade #marketo-form-blade form .mktoFormRow{ margin-top: 20px; } .dmc-blade #marketo-form-blade form .mktoFieldWrap.mktoRequiredField{ display: flex; justify-content: center; align-items: end; flex-direction: column; } .dmc-blade #marketo-form-blade form .mktoRequiredField .mktoAsterix{ display: none; } .dmc-blade #marketo-form-blade form .mktoGutter{ height: 0px; } .dmc-blade #marketo-form-blade form .mktoFormRow :first-child:nth-last-child(2){ width: 100%!important; } .dmc-blade #marketo-form-blade form .mktoFieldDescriptor{ float:left; text-align: center; line-height: 2; margin-bottom: -10px!important; } .dmc-blade #marketo-form-blade form .mktoFieldWrap{ width: 100%!important; margin-bottom: 0.6em; } .dmc-blade #marketo-form-blade form .mktoFormRow :first-child:nth-last-child(3), .dmc-blade #marketo-form-blade form .mktoFormRow :first-child:nth-last-child(3)~.mktoFormCol { height: auto; width: calc(50% - 5px) !important; } .dmc-blade #marketo-form-blade form a { color: #4e3eb1 !important; } .dmc-blade #marketo-form-blade form .mktoFieldWrap.mktoRequiredField .mktoLabel { font-size: 16px; font-weight: normal!important; line-height: 1.38; letter-spacing: -0.4px; color:#19212b; font-family: AppDSans; } .dmc-blade #marketo-form-blade form .mktoFormRow span.formtitle{ font-family: AppDSans; font-size: 36px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.8px; color: #19212b!important; } .dmc-blade .col.third.sticky-fixed #marketo-form-blade{ position:fixed; top:60px; z-index:99999; } .dmc-blade .col.third.sticky-fixed #marketo-form-blade form{ width: 80%!important; /* float:right; */ background-color: #f8f9fc; padding:20px 24px; } .dmc-blade .col.third.sticky-fixed{ padding-left:0px; } /*Text field style starts */ .dmc-blade #marketo-form-blade form input { font-family: AppDSans; background-color: #ffffff; color: #19212b; font-size: 18px; padding: 8px 20px 10px; border: 1px solid #ebedf1; border-radius: 20px!important; width: 100% !important; height: 40px; font-weight: 400; line-height: 1.38; letter-spacing: -0.4px; margin-top:0; } .dmc-blade #marketo-form-blade form input:hover{ background-color: rgba(245, 246, 248, 0.5); border: 1px solid rgba(140, 144, 149, 0.32); } .dmc-blade #marketo-form-blade form input:focus, .dmc-blade #marketo-form-blade form input:active{ background-color: rgba(245, 246, 248, 0.5); border: 1px solid #19212b; outline-width: 0px; } /*Text field style Ends */ /* Error message style starts*/ .dmc-blade #marketo-form-blade form .mktoError .mktoErrorMsg { max-width: 100% !important; padding: 0.4em 0.6em !important; background-color:transparent; background-image: none; border: none; box-shadow: none; color:#e2231a; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.42; letter-spacing: normal; } .dmc-blade #marketo-form-blade form .mktoError .mktoErrorMsg:focus{ outline: none; } .dmc-blade #marketo-form-blade form .mktoError .mktoErrorMsg#ValidMsgEmail{ position: absolute; top:-35px; } .dmc-blade #marketo-form-blade form .mktoError .mktoErrorArrowWrap { display: none; } .dmc-blade #marketo-form-blade form .mktoError { position: absolute; right: 0px !important; bottom: -15px !important; width: 100%; } /* Error message style ends */ /* Select Field style starts */ .dmc-blade #marketo-form-blade form .mktoFieldWrap select { font-family: AppDSans; background-color: #ffffff; color: #19212b; font-weight:normal!important; padding: 8px 20px; border: 1px solid rgba(140, 144, 149, 0.2); border-radius: 20px!important; width: 100% !important; height: auto; min-height: 40px; margin-top:0; } .dmc-blade #marketo-form-blade form .mktoFieldWrap select:hover, .dmc-blade #marketo-form-blade form .mktoFieldWrap select:active, .dmc-blade #marketo-form-blade form .mktoFieldWrap select:focus { border: solid 1px rgba(140, 144, 149, 0.32); background-color: rgba(245, 246, 248, 0.5); } .dmc-blade #marketo-form-blade form .mktoFieldWrap select:focus{ outline-width: 0px; } .dmc-blade #marketo-form-blade form .mktoFieldWrap select option{ padding:11px 32px; } /* Select Field style Ends */ /* Text Area Field style Starts */ .dmc-blade #marketo-form-blade form .mktoFieldWrap textarea { font-family: AppDSans; background-color: #ffffff; color: #19212b; font-size: 16px; padding: 0.6em 0.8em; border: 1px solid #ebedf1; border-radius: 20px!important; width: 100% !important; height: auto; margin-top:0; } .dmc-blade #marketo-form-blade form .mktoFieldWrap textarea:hover{ border: solid 1px #19212b; background-color: rgba(245, 246, 248, 0.5); } .dmc-blade #marketo-form-blade form .mktoFieldWrap textarea:active, .dmc-blade #marketo-form-blade form .mktoFieldWrap textarea:focus { border: solid 1px #19212b; background-color: rgba(245, 246, 248, 0.5); outline-width: 0px; } /* Text Area Field style Ends */ /* Privacy Policy style Starts */ .dmc-blade #marketo-form-blade form label[for="privacyPolicy"] { float: right !important; margin-left: 28px !important; width: auto !important; } .dmc-blade #marketo-form-blade form input[type=checkbox] { height: 13px !important; margin-top: 8px; min-height: auto !important; margin-left: -6px; } .dmc-blade #marketo-form-blade form .mktoFieldWrap.mktoRequiredField [for="privacyPolicy"].mktoLabel~div.mktoError { top: 15px !important; margin-bottom: -2em !important; position: absolute; bottom: auto; } .dmc-blade #marketo-form-blade form .mktoFieldWrap.mktoRequiredField [for="privacyPolicy"].mktoLabel { order: 2; margin-left: 45px; font-family: AppDSans; font-size: 14px; font-weight: 300; width: 90% !important; line-height: 18px; color:#19212b!important; margin-bottom: 24px; margin-top:0; } .dmc-blade #marketo-form-blade form .mktoFieldWrap.mktoRequiredField [for="privacyPolicy"].mktoLabel span { color:#19212b!important; } .dmc-blade #marketo-form-blade form button[type='submit'] { display: block !important; } .dmc-blade #marketo-form-blade form .mktoFieldWrap.mktoRequiredField .mktoCheckboxList { width: auto !important; order: 1; align-self: flex-start; margin-bottom: -40px; } /* Privacy Policy style Ends */ /* Button Style Starts */ .dmc-blade #marketo-form-blade form .mktoButtonWrap.mktoSimple .mktoButton, .dmc-blade #marketo-form-blade form .mktoButtonWrap .mktoButton { border: none !important; border-radius:28px!important; width: 100%; background-color: #725eff!important; background-image: none!important; font-size:16px!important; height:48px; color:#ffffff!important; font-family: AppDSans; font-weight: 400; margin:0 auto; } .dmc-blade #marketo-form-blade form .mktoButtonRow{ left:0; right:0; pointer-events: none; padding-bottom: 0; margin:-20px 0 20px; display: block; float: unset; } #marketo-form-blade .mktoButton { pointer-events: auto; } /* Button Style Ends */ @media (min-width:320px) and (max-width:600px) { .dmc-blade #marketo-form-blade form .mktoButtonRow{ margin-bottom: 10px; margin-left:0!important; } .dmc-blade #marketo-form-blade form input[type=checkbox]{ margin-left:-8px; } .dmc-blade #marketo-form-blade form .mktoButtonWrap{ width:100%; } .dmc-blade #marketo-form-blade form .mktoFormRow :first-child:nth-last-child(3), .dmc-blade #marketo-form-blade form .mktoFormRow :first-child:nth-last-child(3)~.mktoFormCol{ width: 100%!important; } } @media (min-width:1024px) { .container .dmc-blade .general-form-scroll-stop{ position: relative!important; z-index: 0!important; } .dmc-blade .title-marketo h3{ margin-bottom:0; } } </style> <footer id="fw-footer" class="footerBg legal appd-footer-color" tabindex="-1" data-owner=> <div class="logo-border" > </div> <ul class="legal-ul" style="margin: 25px; padding-top: 15px;"> <li><a href="//www.cisco.com/c/en/us/about/contact-cisco.html">Contacts</a></li> <li><a href="https://ciscocx.qualtrics.com/jfe/form/SV_0Tcp9VU8pUm4lBY">Feedback</a></li> <li><a href="//www.cisco.com/c/en/us/about/help.html">Help</a></li> <li><a href="//www.cisco.com/c/en/us/about/sitemap.html">Site Map</a></li> <li class="footer-links copyright-text">Copyright 2009 - <span id="appd-dynamic-year"></span> AppDynamics. All Rights Reserved</li> <li class="privacy"> <a class="footer-links" href="//www.appdynamics.com/legal/privacy-policy"> <span class="desktop-hide">Privacy Statement</span> <span class="mobile-hide">Privacy Statement</span> </a> </li> <li><a class="footer-links" href="//www.appdynamics.com/legal/terms-of-use">Terms & Conditions</a></li> <li> <a class="footer-links" href="//www.appdynamics.com/legal/cookie-policy"> <span class="desktop-hide">Cookie Policy</span> <span class="mobile-hide">Cookie Policy</span> </a> </li> <li class="last-li"> <div id="locale-choose"class="choose-locale-footer-container"> <a class="flag-icon flag" style="margin-top: 16px;" target="_blank" href="//www.appdynamics.com/ja_jp"> <img src="/c/dam/r/appdynamics/fw/footer/Japan-Flag.png"> <span>Japanese</span> </a> <a class="flag-icon" target="_blank" href="//www.appdynamics.com"> <img src="/c/dam/r/appdynamics/fw/footer/united-states.png"> <span>English</span> </a> </div> <div class="last-ele"> <a id="footerflag" class="footer-links flag"> <img src="/c/dam/r/appdynamics/fw/footer/united-states.png"> <span>English</span> </a> <div> <a class="footer-icons" href="//www.youtube.com/channel/UCTL2V4fqMMERSWQa1kT4EMw"> <img src="/c/dam/r/appdynamics/fw/footer/youtube.png" style="height: 15px;"> </a> <a class="footer-icons" href="//www.facebook.com/AppDynamics-193264136815/"> <img src="/c/dam/r/appdynamics/fw/footer/facebook.png"> </a> <a class="footer-icons" href="//twitter.com/appdynamics"> <img src="/c/dam/r/appdynamics/fw/footer/twitter.png"> </a> <a class="footer-icons" href="//www.linkedin.com/company/appdynamics"> <img src="/c/dam/r/appdynamics/fw/footer/linkedin.png"> </a> </div> </div> </li> </ul> </footer> </div> <div id="fw-overlay"></div> <script src="/etc/designs/r/appd/framework-libs/appd-responsive.min.js"></script> <script src="//www.cisco.com/c/dam/cdc/t/ctm.js" data-config-src="framework"></script> </body> </html>

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