# How to modify the permission screen
**URL:** https://forum.8thwall.com/t/how-to-modify-the-permission-screen/1282
**Category:** Technical Support
**Created:** [May 4, 2024, 9:55pm UTC](https://forum.8thwall.com/t/how-to-modify-the-permission-screen/1282 "2024-05-04T21:55:52Z")
**Posts on this page:** 14
**Page:** 1
### Author:  [@Miguel\_Paula](https://forum.8thwall.com/u/Miguel_Paula)
#### Post date: [May 4, 2024, 9:55pm UTC](https://forum.8thwall.com/t/how-to-modify-the-permission-screen/1282/1 "2024-05-04T21:55:52Z")
How can I change the permission screen to be in Portuguese? Or completely modify the screen?
---
### Author:  [@Rickard\_Elimaa](https://forum.8thwall.com/u/Rickard_Elimaa)
#### Post date: [May 5, 2024, 7:45pm UTC](https://forum.8thwall.com/t/how-to-modify-the-permission-screen/1282/2 "2024-05-05T19:45:00Z")
You can read the following in the documentation:
> **[Customizing the Load Screen | 8th Wall](https://www.8thwall.com/docs/guides/advanced-topics/load-screen/)**
>
> 8th Wall's XRExtras library provides modules
---
### Author:  [@Nhan\_Trong](https://forum.8thwall.com/u/Nhan_Trong)
#### Post date: [May 6, 2024, 3:56am UTC](https://forum.8thwall.com/t/how-to-modify-the-permission-screen/1282/3 "2024-05-06T03:56:06Z")
You can read :
# Importing XRExtras into Cloud Editor
> **[8th Wall Documentation | 8th Wall](https://www.8thwall.com/docs/)**
>
> 8th Wall Documentation
---
### Author:  [@Miguel\_Paula](https://forum.8thwall.com/u/Miguel_Paula)
#### Post date: [May 7, 2024, 5:04pm UTC](https://forum.8thwall.com/t/how-to-modify-the-permission-screen/1282/4 "2024-05-07T17:04:54Z")
OK. But I want to customize most of the screens that 8th wall has. To put them in Portuguese.
---
### Author:  [@Miguel\_Paula](https://forum.8thwall.com/u/Miguel_Paula)
#### Post date: [May 7, 2024, 5:05pm UTC](https://forum.8thwall.com/t/how-to-modify-the-permission-screen/1282/5 "2024-05-07T17:05:29Z")
but it helped me a lot too.
---
### Author:  [@Rickard\_Elimaa](https://forum.8thwall.com/u/Rickard_Elimaa)
#### Post date: [May 8, 2024, 9:13am UTC](https://forum.8thwall.com/t/how-to-modify-the-permission-screen/1282/6 "2024-05-08T09:13:34Z")
I made a component for translating the loading pages. It’s utilizing my [localization module](https://forum.8thwall.com/t/multiple-languages/1123/5).
```auto
// app.js
// Import of components and primitives
import { loadingLocalization } from './src/js/components/loadscreen/loading-localization.js';
// Register components and primitives
AFRAME.registerComponent('loading-localization', loadingLocalization);
```
```auto
```
```auto
// ./src/js/components/loadscreen/loading-localization.js
import { localize, getCurrentLanguage } from "../../utils/language-helper";
const loadingLocalization = {
init() {
const load = () => {
const loadingScreen = document.getElementById('loadBackground');
const cameraDeniedSafari = document.getElementById('cameraPermissionsErrorApple');
const cameraDeniedAndroid = document.getElementById('cameraPermissionsErrorAndroid');
const motionSensorDenied = document.getElementById('userPromptError');
const motionSensorHardDenied = document.getElementById('motionPermissionsErrorApple');
let inDom = false;
const changeText = (element, str) => {
if (element) { element.textContent = localize(str) }
}
const changeHTML = (element, htmlStr) => {
if (element) { element.innerHTML = htmlStr }
}
// Adding elements to loading screen
if (loadBackground) {
const container = document.createElement('section');
const dunkersLogo = document.createElement('img');
const h1 = document.createElement('h1');
const tagline = document.createElement('p');
container.classList = 'welcome-screen normal center-text';
logotype.classList = 'welcome-screen__logotype';
h1.classList = 'welcome-screen__headline center-text';
tagline.classList = 'center-text';
logotype.src = `./img/logotype.png`;
h1.innerHTML = `${localize('welcome_to')}
Nu och då`;
tagline.textContent = localize('tagline');
container.appendChild(logotype);
container.appendChild(h1);
container.appendChild(tagline);
loadingScreen.appendChild(container);
}
// Translating page that pops up if the user denies access to the camera on Android
if (cameraDeniedAndroid && getCurrentLanguage != 'en') {
changeText(cameraDeniedAndroid.querySelector('.loading-error-header'), 'camera_denied_android_header');
changeText(cameraDeniedAndroid.querySelector('li:nth-child(1)'), 'camera_denied_android_general_step1');
changeText(cameraDeniedAndroid.querySelector('li:nth-child(2)'), 'camera_denied_android_general_step2');
changeText(cameraDeniedAndroid.querySelector('li.chrome-instruction:nth-child(3)'), 'camera_denied_android_step3');
changeText(cameraDeniedAndroid.querySelector('li.chrome-instruction:nth-child(4)'), 'camera_denied_android_step4');
changeText(cameraDeniedAndroid.querySelector('li.chrome-instruction:nth-child(5)'), 'camera_denied_android_step5');
changeText(cameraDeniedAndroid.querySelector('li.chrome-instruction:nth-child(6)'), 'camera_denied_android_step6');
changeText(cameraDeniedAndroid.querySelector('li.samsung-instruction:nth-child(7)'), 'camera_denied_samsung_step3');
changeText(cameraDeniedAndroid.querySelector('li.samsung-instruction:nth-child(8)'), 'camera_denied_samsung_step4');
changeText(cameraDeniedAndroid.querySelector('li.samsung-instruction:nth-child(9)'), 'camera_denied_samsung_step5');
changeText(cameraDeniedAndroid.querySelector('li.samsung-instruction:nth-child(10)'), 'camera_denied_samsung_step6');
changeText(cameraDeniedAndroid.querySelector('.loading-error-footer'), 'camera_denied_android_reload');
}
// Translating page that pops up if the user denies access to the camera on Safari
if (cameraDeniedSafari) {
changeText(cameraDeniedAndroid.querySelector('#cameraPermissionsErrorAppleMessage'), 'camera_denied_reload');
changeHTML(cameraDeniedAndroid.querySelector('.bottom-message'), localize('camera_denied_safari_bottom') + '');
}
// Translating when user denied the first motion sensor access question on Safari
if (motionSensorDenied) {
changeText(cameraDeniedAndroid.querySelector('h1'), 'motion_denied_header');
changeText(cameraDeniedAndroid.querySelector('p'), 'motion_denied_body');
changeText(cameraDeniedAndroid.querySelector('button'), 'button_refresh');
// Translating when user denied the second motion sensor access question on Safari
if (motionSensorHardDenied) {
changeText(cameraDeniedAndroid.querySelector('h1'), 'motion_denied_header');
changeText(cameraDeniedAndroid.querySelector('p:first-of-type'), localize('motion_denied_body') + '');
changeText(cameraDeniedAndroid.querySelector('p:last-of-type'), 'motion_hard_deny_body');
}
}
// Translating and styling the gyro access request popup for Safari
const observer = new MutationObserver(() => {
const promptBox = document.querySelector('.prompt-box-8w');
if (promptBox) {
if (!inDom) {
const bodyEl = promptBox.querySelector('.prompt-box-8w p');
const buttonCancel = promptBox.querySelector('.prompt-button-8w');
const buttonPrimary = promptBox.querySelector('.button-primary-8w');
const h2 = document.createElement('h2');
h2.textContent = localize('safari_gyro_titel');
promptBox.insertBefore(h2, bodyEl);
promptBox.querySelector('.prompt-button-container-8w').classList.add('button-container');
promptBox.classList.add('dialog');
promptBox.classList.add('dialog--safari-motion-request');
bodyEl.style.margin = '0';
buttonCancel.classList.value = '';
buttonPrimary.classList.value = 'primary';
changeText(bodyEl, 'safari_gyro_body');
changeText(buttonCancel, 'button_cancel');
changeText(buttonPrimary, 'button_approve');
}
inDom = true;
} else if (inDom) {
inDom = false;
observer.disconnect();
}
});
observer.observe(document.body, {childList: true});
}
window.XRExtras ? load() : window.addEventListener('xrextrasloaded', load)
},
}
export {loadingLocalization}
```
---
### Author:  [@Miguel\_Paula](https://forum.8thwall.com/u/Miguel_Paula)
#### Post date: [May 8, 2024, 4:31pm UTC](https://forum.8thwall.com/t/how-to-modify-the-permission-screen/1282/7 "2024-05-08T16:31:31Z")
gave this error:
```auto
Build failed for [7976d3c] with errors:
./loadingLocalization.js
Module not found: Error: Can't resolve '../../utils/language-helper' in '/tmp/src/awsolution.teste2'
```
I didn’t find this path anywhere.
---
### Author:  [@Miguel\_Paula](https://forum.8thwall.com/u/Miguel_Paula)
#### Post date: [May 8, 2024, 4:34pm UTC](https://forum.8thwall.com/t/how-to-modify-the-permission-screen/1282/8 "2024-05-08T16:34:42Z")
that email you sent me. the link is the code that is in the path. Do I have to put that code in my project?
---
### Author:  [@Rickard\_Elimaa](https://forum.8thwall.com/u/Rickard_Elimaa)
#### Post date: [May 8, 2024, 4:55pm UTC](https://forum.8thwall.com/t/how-to-modify-the-permission-screen/1282/9 "2024-05-08T16:55:49Z")
You also need to add the code from my [localization module](https://forum.8thwall.com/t/multiple-languages/1123/5).
---
### Author:  [@Miguel\_Paula](https://forum.8thwall.com/u/Miguel_Paula)
#### Post date: [May 8, 2024, 5:01pm UTC](https://forum.8thwall.com/t/how-to-modify-the-permission-screen/1282/10 "2024-05-08T17:01:58Z")
I added it but it still has the error
```auto
Build failed for [7976d3c] with errors:
./loadingLocalization.js
Module not found: Error: Can't resolve '../../utils/language-helper' in '/tmp/src/awsolution.teste2'
```
---
### Author:  [@Rickard\_Elimaa](https://forum.8thwall.com/u/Rickard_Elimaa)
#### Post date: [May 8, 2024, 6:25pm UTC](https://forum.8thwall.com/t/how-to-modify-the-permission-screen/1282/11 "2024-05-08T18:25:21Z")
> [@Rickard\_Elimaa](#):
>
> `import { localize, getCurrentLanguage } from "../../utils/language-helper";`
You need to change this line so it points to the the correct path.
```auto
import { localize, getCurrentLanguage } from "../../utils/language-helper";
```
---
### Author:  [@Miguel\_Paula](https://forum.8thwall.com/u/Miguel_Paula)
#### Post date: [May 8, 2024, 11:43pm UTC](https://forum.8thwall.com/t/how-to-modify-the-permission-screen/1282/12 "2024-05-08T23:43:06Z")
but now it won’t load. keeps loading forever. I already have code that makes augmented reality lighter. and all the things I have are now as light as possible.
---
### Author:  [@Miguel\_Paula](https://forum.8thwall.com/u/Miguel_Paula)
#### Post date: [May 9, 2024, 6:48pm UTC](https://forum.8thwall.com/t/how-to-modify-the-permission-screen/1282/13 "2024-05-09T18:48:23Z")
I managed to switch from English to Portuguese. Using [Importing XRExtras into Cloud Editor | 8th Wall](https://www.8thwall.com/docs/guides/advanced-topics/importing-xrextras-into-cloud-editor/) and installing it in my program.
But I would really like you to detect the location and translate, that would help me a lot.
---
### Author:  [@Rickard\_Elimaa](https://forum.8thwall.com/u/Rickard_Elimaa)
#### Post date: [May 12, 2024, 10:27pm UTC](https://forum.8thwall.com/t/how-to-modify-the-permission-screen/1282/14 "2024-05-12T22:27:04Z")
> [@Miguel\_Paula](#):
>
> But I would really like you to detect the location and translate, that would help me a lot.
Well, my [localization module](https://forum.8thwall.com/t/multiple-languages/1123/5) already does that. You need to switch from Swedish to Portuguise:
```auto
// In addition to DEFAULT_LANGUAGE (English)
const supportedLanguages = {
'pt-PT': 'pt',
'pt': 'pt',
};
```