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
This commit is contained in:
Gabriel Hernandez 2025-01-23 15:47:30 +00:00 committed by GitHub
parent 52bda83794
commit b00da331e5
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 19 additions and 5 deletions

3
assets/images/check.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="16" height="17" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd"
clip-rule="evenodd" d="M13.573 2.68a1 1 0 0 1 .246 1.393l-7 10a1 1 0 0 1-1.526.134l-3-3a1 1 0 1 1
1.414-1.414l2.157 2.157 6.317-9.023a1 1 0 0 1 1.393-.246Z" fill="#3DB67B"/></svg>

After

Width:  |  Height:  |  Size: 281 B

View file

@ -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 @@
<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 () {