1 Design avec plusieurs pages (ancre)

Bonjour à tous

J’avais vu passer des messages concernant des interfaces qui étaient réalisés sur un seul design mais contenant plusieurs pages, avec l’utilisation des ancres je suppose.

Je n’arrive pas à remettre la main sur ces articles

l’objectif étant de gagner en rapidité pour l’affichage, car je trouve cela un peu long de passer d’un design à l’autre sur une tablette android avec Fully Kiosk

qqun utilise ce système ?

Pour approfondir un peu le sujet qui ne semble pas passionner les foules :slight_smile:

j’ai testé rapidement le système d’ancrage, ca marche bien

Il suffit de positionner les ancres :

<a name="ancre1">

et de les appeler dans un menu

 <a href="#ancre1" class="menu-item"> <i class="fas fa-eye"></i> </a>

Mais :

  1. je ne sais pas comment appliquer plusieurs fois sur la page le menu que je gère par HTML Display, je ne peux insérer qu’une fois l’équipement.
  2. la création du design dans ce mode ou la page est verticalement très longue est assez chiant, car l’ajout d’une commande ou d’une équipement se fait tout en haut de la page…
1 « J'aime »

il me semble que cela rejoint le concept de menu avec navigation par frame :

ou alors j’ai mal compris ce que tu cherchais a réaliser.

Bonjour @mangles

je pense pas, l’usage de l’iframe, c’est juste pour avoir une fenetre pour le menu et une autre pour le contenu mais cela n’améliore pas le chargement du design dans l’iframe. enfin c’est mon avis, j’ai posé la question sur le poste mais pas de réponse pour le moment.

L’idée d’avoir un seul design qui regroupe plusieurs pages et on se déplace à l’intérieur grace aux ancres, c’est de ne plus avoir de temps de chargement entre les changements de pages, puisque le design est déjà chargé

En effet ce n’est pas le même principe.
La gestion par frame est d avoir un menu fixe qui ne se recharge pas.seul le contenu est chargé en fonction du bouton sélectionné dans le menu.

L’inconvénient d’un seul design comme tu souhaites c’est que tu ne peux pas avoir plusieurs fois le même objet affiché (a moins de tout dupliquer par des virtuels). Ça peut être une grosse limitation selon les contenus des designs de chacun.
D’autre part, ça peut devenir rapidement très long à charger la première fois si le nombre de designs est conséquent.

Après je comprends l’intérêt d’avoir une navigation immédiate une fois TOUT chargé.

A voir donc au cas par cas en fonction des besoins et des contenus de chacun :slightly_smiling_face:
Par contre je n’ai pas joué avec les ancres dans les designs pour résoudre ton problème.

2 « J'aime »

Je viens de relire ta réponse à toi-même :slightly_smiling_face:

A mon avis, pour le 1., comme je disais plus haut, tu ne pourras avoir plusieurs fois le même objet, donc plusieurs fois le même htmlDisplay sans le dupliquer. C’est la grosse limitation du principe de « one-design »…

Pour le 2., pas grand chose à faire hélas, c’est interne à la construction de design du core de Jeedom.

Bonjour c’est peut être ça

[tuto] Design - menu slide - corps scroll (Suite de l'ancien Forum) - #26 par dsigmoun

Tu as le survol aussi pour gagné en nombre de design
Exemple

tu peux duppliquer une info

et même la rechercher sans être présente afin de regrouper

1 « J'aime »

je vais regarde ca, merci

j’ai continué à jour avec les designs.

en utilisant les iframes, j’arrive à faire un seul design, qui contient plusieurs iframes avec dedans mes design de page.

l’avantage, c’est que la page principale se charge une fois avec l’ensemble des sous designs et je passe très rapidement de l’un à l’autre avec les ancres et le menu qui se trouve tout en haut

ca enlève la problématique de devoir refaire mes designs et celle de ne pouvoir mettre qu’une fois un équipement/commande

j’ai réglé le prb du le menu, qui dois se trouver qu’une seule fois dans le design principale en le mettant dans un div fixed en haut de la page

ca marche pas mal !!!

Salut Nemeraud, pourras-tu faire un récapitulatif/tuto de ce qu’il faut faire pour arriver au résultat « qui marche pas mal » ? :smile:

Attention à la surcharge :slightly_smiling_face:
Une iframe par design ça revient à un Jeedom chargé pour chaque design en permanence…

Si je regarde le poids de ma page de design habituel : 14,1Mb

avec le design global incluant 3 design habituels : 27,4Mb

j’ai ajouté une page design de plus, je reste a 28,7Mb

La solution que j’ai trouvée est en test actuellement, fonctionne bien sûr un pc, il faut que je la test sur la tablette

Ce sujet a été automatiquement fermé après 24 heures suivant le dernier commentaire. Aucune réponse n’est permise dorénavant.