add additional enrollment instructions on the byod enrollment pages (#…

…25639) For #24853 adds additional instructions on the byod page ![image](https://github.com/user-attachments/assets/bc43b7c5-159e-417b-977f-415ddd5af1b0) - [x] Changes file added for user-visible changes in `changes/`, `orbit/changes/` or `ee/fleetd-chrome/changes`. - [x] Manual QA for all new/changed functionality
fleetdm · Jan 23, 2025 · b00da33 · b00da33
1 parent 52bda83
commit b00da33
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 5 deletions.
diff --git a/assets/images/check.svg b/assets/images/check.svg
diff --git a/frontend/templates/enroll-ota.html b/frontend/templates/enroll-ota.html
@@ -76,11 +76,6 @@
         gap: 20px;
       }
 
-      li > p {
-        display: flex;
-        gap: 4px;
-      }
-
       .page-description {
         font-size: 16px;
         margin-bottom: 48px;
@@ -109,6 +104,12 @@
       #main-content {
         padding: 48px 24px;
       }
+
+      .device-enroll-message {
+        margin-top: 48px;
+        display: flex;
+        gap: 8px;
+      }
     </style>
   </head>
   <body>
@@ -160,8 +161,18 @@ <h1>
           <div class="install-profile-container">
             <img class="install-profile-img" src="" alt="select install" />
           </div>
+          <p>
+            You will see an UNVERIFIED PROFILE warning and a MOBILE DEVICE
+            MANAGEMENT warning. Click <b>Install</b> again for each warning.
+            When you see a <b>Remote Management</b> prompt, click
+            <b>Trust</b> to complete enrollment.
+          </p>
         </li>
       </ol>
+      <p class="device-enroll-message">
+        <img src="{{.URLPrefix}}/assets/images/check.svg" />
+        Your device will now be enrolled in Fleet.
+      </p>
     </section>
     <script>
       document.addEventListener("DOMContentLoaded", function () {