Design et ipad

Utilisation du core de Jeedom Design
1

Bonjour,

Une personne aurait elle trouvé la solution pour ce probleme sur ipad :

Je precise je suis bien en full screen. Sur ipad ce bandeau apparait depuis une mise à jour et du coup se mets au dessus du design, ya til une soluce pour ne pas l’avoir ?

50B088E3-D6A0-4EE6-B26E-0164767396C3
50B088E3-D6A0-4EE6-B26E-0164767396C32048×272 432 KB

2

As tu essayé l’option &fullscreen=1 à la fin de l’URL ?

3

Oui, la première page fonctionne bien mais si je clik sur un autre onglet ca affiche cette barre.

4

Bonjour,
Même problème depuis une mise à jour,
Mais en plus du bandeau, j’ai le menu de jeedom qui ne veut plus partir…
Je suis moi aussi en full screen! Si jamais quelqu’un à une solution pour nous, Merci !

C0BCC167-84A1-4A58-990B-5773F16570AD
C0BCC167-84A1-4A58-990B-5773F16570AD2048×1536 442 KB

6

j’ai pas d’apple pour tester
via full screen en HTML il existe plusieurs methodes
genre

tu crées un html dans ton design et tu colles

<!--
https://codepen.io/matt-west/pen/hmqsF?q=fullscreen&limit=all&type=type-pens
https://jsfiddle.net/a3rwnvca/2/
https://codepen.io/theSolTrain/pen/EQZmbM?q=hide%20fullscreen&order=popularity&depth=everything&show_forks=false
    -->
<div>
  <style>
    
button {
  display: inline-block;
  border-radius: 3px;
  border: none;
  font-size: 0.9rem;
  padding: 0.4rem 0.8em;
  background: #69c773;
  border-bottom: 1px solid #498b50;
  color: white;
  -webkit-font-smoothing: antialiased;
  font-weight: bold;
  margin: 0.5em 0.25rem 0;
  text-align: center;
}

button:hover, button:focus {
  opacity: 0.75;
  cursor: pointer;
}

button:active {
  opacity: 1;
  box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.1) inset;
}
  </style>
<section>

		<button id="fs-doc-button">Go Fullscreen</button>
		<button id="fs-exit-doc-button">Exit Fullscreen</button>
	</section>
  <script>

    var requestFullscreen = function (ele) {
	if (ele.requestFullscreen) {
		ele.requestFullscreen();
	} else if (ele.webkitRequestFullscreen) {
		ele.webkitRequestFullscreen();
	} else if (ele.mozRequestFullScreen) {
		ele.mozRequestFullScreen();
	} else if (ele.msRequestFullscreen) {
		ele.msRequestFullscreen();
	} else {
		console.log('Fullscreen API is not supported.');
	}
};

var exitFullscreen = function () {
	if (document.exitFullscreen) {
		document.exitFullscreen();
	} else if (document.webkitExitFullscreen) {
		document.webkitExitFullscreen();
	} else if (document.mozCancelFullScreen) {
		document.mozCancelFullScreen();
	} else if (document.msExitFullscreen) {
		document.msExitFullscreen();
	} else {
		console.log('Fullscreen API is not supported.');
	}
};


var fsDocButton = document.getElementById('fs-doc-button');
var fsExitDocButton = document.getElementById('fs-exit-doc-button');

fsDocButton.addEventListener('click', function(e) {
	e.preventDefault();
	requestFullscreen(document.documentElement);
});

fsExitDocButton.addEventListener('click', function(e) {
	e.preventDefault();
	exitFullscreen();
});

  </script>
  
</div>

ça n’enlevera pas la barre de menu ça c’est autre chose

1 « J'aime »
7

Bonsoir, je rencontre le même soucis, avez vous trouvez une solution ?

8

Bonjour,

je rencontre le même soucis, avez vous trouvez une solution ?

1 « J'aime »
9

Bonjour,

Je suis preneur également si quelqu’un a une solution.

Merci par avance :wink:

10

Bonjour,

Il semblerait que le problème soit réglé avec la mise à jour de mon iPad - iOS 13.4.

11

Je confirme également 13.4.1 :wink:

1 « J'aime »
12

Bonjour,

Quelqu’un a la solution ? De mon coté je n’arrive pas a avoir un vrai fullscreen.

Ipad4 (IOS 10, qui est le max pour cet ipad):

  • Sous Safari, avec page ajoutée sur l’écran d’accueil: j’ai le bandeau mentionné précédemment
  • L’appli mobile Jeedom ne fonctionne pas, je reste sur l’écran vert de départ

Ipad 7 (IOS 13.4)

  • Sous Safari, avec page ajoutée sur l’écran d’accueil, c’est bon depuis la MAJ IOS, même ce n’est toujours pas un vrai fullscreen (bandeau noir avec l’heure en haut)
  • L’appli mobile Jeedom fonctionne, mais impossible de retirer le bandeau avec les menus du haut (en gros ça n’applique pas « fullscreen=1 »), alors que sur Iphone 8 pas de problèmes.
13

Avec mon ipad 4, j’utilise l’application Kiosk browser pour avoir mon design en plein écran