Concevoir une page mobile constructeur HTML

Comment :

Vous pouvez rendre une page du Composeur HTML de Developer Studio compatible avec la sortie et l'auto dimensionnement mobiles, tel qu'indiqué dans les procédures suivantes.


Haut de page

x
Comment : Concevoir une page mobile constructeur HTML
  1. Ouvrez la page constructeur HTML dans le canevas HTML d'App Studio, comme le montre l'image suivante.

  2. Dans la sections divers du panneau propriétés, indiquez la propriété activer mobile pour l'objet document sur Oui, comme le montre l'image suivante.

  3. Faites un clic droit sur le canevas et cliquez sur Afficher disposition mobile (basique) ou Afficher disposition mobile (avancée), comme le montre l'image suivante.

    Remarque : pour plus d'informations sur les options d'affichage de disposition mobile (basique ou avancée), consulter l'aide en ligne de App Studio.

    Une prévisualisation de la conception mobile s'affiche dans le canevas.

    Les images suivantes montrent la conception mobile pour chacune des pages (paramètres, rapport, et graphique).

    Conception mobile de la page Paramètre dans le canevas HTML

    Conception mobile de la page Rapport dans le canevas HTML

    Conception mobile de la page Graphique dans le canevas HTML


Haut de page

x
Comment : Concevoir une page auto-dimensionnement constructeur HTML
  1. Ouvrez la page constructeur HTML dans le canevas HTML da.
  2. Dans le panneau propriétés, sélectionnez DOCUMENT dans la liste déroulante du haut. Dans la sections Divers, renseigner la propriété Auto dimensionnement enfants avec la valeur Oui, comme le montre l'image suivante.

  3. Pour les objde ets qui se trouvent à l'intérieur du conteneur qui devrait s'auto-dimensionner, sélectionnez ces objets, et dans la section attributs Cœur du panneau propriétés, indiquez la propriété options auto dimensionnement sur une valeur capable de maintenir la taille et la position, comme le montre l'image suivante. Vous pouvez utiliser Garder taille et position pour éviter que le composant ne soit redimensionné automatiquement. Notez qu'il s'agit d'un processus itératif pour chaque objet conteneur et ses objets enfants.

    Pour un conteneur à plusieurs pages, tel un onglet, une fenêtre, un accordéon, auto dimensionnement enfants est une propriété par page, certaines pages peuvent donc s'auto-dimensionner alors que d'autres ne le peuvent pas. Cette propriété se trouve dans la section des attributs fenêtre/onglet/accordéon du panneau propriétés et s'appelle page sélectionnée : auto-dimensionnement enfants.

    Remarque : vous pouvez aussi activer mobile et auto-dimensionnement en même temps, en suivant les étapes pour les deux options.


Information Builders