diff --git a/website/assets/js/pages/device-management.page.js b/website/assets/js/pages/device-management.page.js
index 871b0e7db9..98a54c360f 100644
--- a/website/assets/js/pages/device-management.page.js
+++ b/website/assets/js/pages/device-management.page.js
@@ -40,6 +40,15 @@ parasails.registerPage('device-management-page', {
closeModal: function() {
this.modal = undefined;
},
+ clickSwitchComparisonTableColumn: async function(option){
+ this.comparisonMode = option;
+ await setTimeout(()=>{
+ $('[data-toggle="tooltip"]').tooltip({
+ container: '#device-management-page',
+ trigger: 'hover',
+ });
+ }, 250);
+ },
clickSwagRequestCTA: function () {
if(window.gtag !== undefined){
gtag('event','fleet_website__swag_request');
diff --git a/website/assets/js/pages/homepage.page.js b/website/assets/js/pages/homepage.page.js
index f71f58eef2..2456869326 100644
--- a/website/assets/js/pages/homepage.page.js
+++ b/website/assets/js/pages/homepage.page.js
@@ -124,6 +124,19 @@ parasails.registerPage('homepage', {
});
}, 250);
},
+ clickSwitchComparisonTableColumn: async function(option){
+ if(this.comparisonTableMode === 'it'){
+ this.comparisonModeForIt = option;
+ } else {
+ this.comparisonModeForSecurity = option;
+ }
+ await setTimeout(()=>{
+ $('[data-toggle="tooltip"]').tooltip({
+ container: '#homepage',
+ trigger: 'hover',
+ });
+ }, 250);
+ },
closeModal: function() {
this.modal = undefined;
},
diff --git a/website/assets/styles/pages/device-management.less b/website/assets/styles/pages/device-management.less
index e8684e3336..7452e9b247 100644
--- a/website/assets/styles/pages/device-management.less
+++ b/website/assets/styles/pages/device-management.less
@@ -184,6 +184,7 @@
border: 1px solid @core-vibrant-blue-15;
cursor: pointer;
font-weight: 700;
+ white-space: nowrap;
}
[purpose='comparison-selector-dropwdown'] {
width: 152px;
@@ -293,7 +294,18 @@
font-weight: 700;
color: #192147;
}
-
+ [purpose='tooltip'] {
+ color: #515774;
+ font-size: 12px;
+ font-weight: 400;
+ line-height: 18px;
+ text-decoration-line: underline;
+ text-decoration-style: solid;
+ text-decoration-skip-ink: auto;
+ text-decoration-thickness: auto;
+ text-underline-offset: auto;
+ text-underline-position: from-font;
+ }
[purpose='mobile-comparison-table'] {
p {
color: @core-fleet-black;
diff --git a/website/views/pages/device-management.ejs b/website/views/pages/device-management.ejs
index dcb6113792..8ed63d4a2f 100644
--- a/website/views/pages/device-management.ejs
+++ b/website/views/pages/device-management.ejs
@@ -122,18 +122,42 @@
{{comparisonModeFriendlyNames[comparisonMode]}}
Cloud or self-host with no restrictions
Cloud-only
+On-prem only
+On-prem discouraged
+Zero-touch setup
Cloud or self-host with no restrictions
Cloud-only
+On-prem only
+On-prem discouraged
+Zero-touch setup
Cloud or self-host with no restrictions
Cloud-only
+On-prem only
+On-prem discouraged
+Zero-touch setup
Cloud or self-host with no restrictions
Cloud-only
+On-prem only
+On-prem discouraged
+Zero-touch setup
Threat intelligence ![]()