title: device-orientation-permission-ui type: components layout: docs parent_section: components

source_code: src/components/scene/device-orientation-permission-ui.js

Starting with Safari on iOS 13 browsers require sites to be served over https and request user permission to access DeviceOrientation events. This component presents a permission dialog for the user to grant or deny access. The device-orientation-permission-ui component applies only to the <a-scene> element

To configure the style of the dialog one can redefine the associated css styles. To change the colors of the allow, deny and ok buttons:

.a-dialog-allow-button {
  background-color: red;
}

.a-dialog-deny-button {
  background-color: blue;
}

.a-dialog-ok-button {
   background-color: green;
 }

Example

<a-scene device-orientation-permission-ui="enabled: false"></a-scene>

Properties

Events