Configuration des états des boutons

Vous pouvez configurer les quatre états de boutons et enregistrer l'état de bouton comme le nouveau style de bouton par défaut lors de l' ajout d' un bouton. Les quatre états du bouton sont: normal , que le bouton existe lorsque la page est affichée au départ, Over , lorsque les utilisateurs passent leurs curseurs sur le bouton, vers le bas , lorsque le bouton est cliqué, et désactivé , lorsque le bouton est désactivé. Pour chaque état, vous pouvez changer le style de forme, modifier les effets, et de modifier le style de texte.

Vous pouvez personnaliser les états individuels ou choisir de mettre à jour chaque état automatiquement en fonction de la configuration de l'état normal.

  • Par défaut, les boutons que vous avez ajoutés à votre titre sont configurés pour être initialement activé. À savoir, des boutons apparaissent cliquable lorsque les utilisateurs ouvrent les pages sur lesquelles sont situés sur le bouton. Vous pouvez désactiver d' abord un bouton jusqu'à ce qu'une action a été exécutée pour activer le bouton. Pour plus de détails, consultez la section Création d' un bouton initialement désactivé .

  • Vous pouvez également définir l'état du bouton en utilisant le Set Etat action. Pour plus de détails, consultez la section Sélection de l'action .

  • Affectation d'images au-dessus, vers le bas, et les états handicapés est facultative. Si vous ne sélectionnez pas d'images pour les états des boutons en option, l'image de l'état normal sera utilisé.

Pour configurer les états du bouton:

  1. Dans l'Explorateur Titre, cliquez sur le graphique de bouton ou dans la zone de travail, cliquez sur l'objet bouton.

  2. Cliquez sur le style ruban.

  3. Cliquez sur le Etats bouton. La fenêtre États bouton ouvre.

  4. Utilisez les commandes dans la fenêtre États bouton comme suit. Mis à part la forme terrain, les contrôles sont les mêmes pour chaque onglet d'état ( normal , Plus , Bas et Désactivé ).

    Forme Sélectionnez cette option pour changer la forme du bouton. Choisissez parmi une variété de formes différentes, telles que les formes de base, des flèches de bloc, et les étoiles, par exemple.
    Style Forme

    Le style de la forme du bouton. Utilisez les commandes dans le style de forme groupe comme suit:

    style de remplissage

    Style de remplissage, comme la couleur, le gradient, la texture ou l' image. Pour modifier le réglage des couleurs, vous pouvez sélectionner une couleur prédéfinie, spécifiez une couleur personnalisée, ou sélectionnez une couleur existante. Pour sélectionner une couleur prédéfinie, cliquez sur un des échantillons de couleurs affichées. Pour spécifier une couleur personnalisée, sélectionnez Personnalisé et utilisez les commandes dans la fenêtre de couleur pour configurer une couleur personnalisée. Pour sélectionner une couleur existante, cliquez sur Choisir et utiliser le compte -gouttes pour click-to-sélectionner une nouvelle couleur à partir d' une couleur existante actuellement affichée sur votre bureau.

    Pour modifier le dégradé, cliquez ou placez le curseur sur dégradé et cliquez sur un type de dégradé à partir du sous-menu. Pour modifier les paramètres de gradient tels que la direction, la couleur et l' angle, cliquez sur Plus Dégradés . Cela ouvre la boîte de dialogue dégradé. Utilisez les commandes sur la boîte de dialogue dégradé comme suit:

    Couleur Couleur du gradient. Pour modifier le réglage des couleurs, vous pouvez sélectionner une couleur prédéfinie, spécifiez une couleur personnalisée, ou sélectionnez une couleur existante. Pour sélectionner une couleur prédéfinie, cliquez sur un des échantillons de couleurs affichées. Pour spécifier une couleur personnalisée, sélectionnez Personnalisé et utilisez les commandes dans la fenêtre de couleur pour configurer une couleur personnalisée. Pour sélectionner une couleur existante, cliquez sur Choisir et utiliser le compte -gouttes pour click-to-sélectionner une nouvelle couleur à partir d' une couleur existante actuellement affichée sur votre bureau.
    Type Type de dégradé.
    Direction Direction du gradient par rapport à l'objet.
    Angle Angle de la pente par rapport à l'objet.
    Arrête gradient Utilisez le Stop Ajouter et Supprimer arrêt des boutons pour gérer les arrêts de la pente. Cliquez inverse Dégradé pour inverser l'ordre des couleurs dans le dégradé. Utilisez la couleur d' arrêt de contrôle pour sélectionner la couleur de chaque butée sur le gradient. Utiliser le poste de contrôle pour régler le pourcentage de la position du gradient.

    Pour changer la texture, cliquez ou placez le curseur sur la texture et cliquez sur un type de texture du sous-menu. Pour sélectionner un fichier local qui contient une texture compatible, sélectionnez Parcourir pour le fichier . Pour sélectionner une texture dans la bibliothèque multimédia, sélectionnez Parcourir Mes médias .

    Pour changer l'image, cliquez ou placez le curseur sur l' image et cliquez sur l'emplacement pour choisir l'image. Pour sélectionner un fichier local contenant une image compatible, sélectionnez Parcourir pour le fichier . Pour sélectionner une image dans la bibliothèque multimédia, sélectionnez Parcourir Mes médias . Parcourir et sélectionnez l'image. L'image est recadrée dans la forme. En outre, la liste déroulante des ressources dans le style Shape groupe avec le nom de l'image de remplissage. Utilisez la liste déroulante des ressources pour changer l'image de remplissage.

    La texture et l'image remplissages sont mutuellement exclusifs. La sélection de ceux-ci annulera / remplacer toute sélection précédente. La couleur de fond et / ou de gradient peuvent être modifiés en dessous d'une image transparente.
    Poids Outline Epaisseur du contour de 0 (aucun) à 20 . Cliquez sur les flèches pour sélectionner le poids.
    (Fichier d'image) Fichier de l'image utilisée pour le remplissage. Cliquez sur la flèche vers le bas pour ouvrir et sélectionnez un nouveau fichier de remplissage d'image. Pour sélectionner un fichier local contenant une image compatible, sélectionnez Parcourir pour le fichier . Pour sélectionner une image dans la bibliothèque multimédia, sélectionnez Parcourir Mes médias . Parcourir et sélectionnez l'image. Pour sélectionner une image à partir des boutons stock, sélectionnez Boutons Parcourir Stock . Parcourir et sélectionnez le bouton. Boutons existants utilisés dans le titre sont listés.
    Contour Couleur Couleur du contour. Pour modifier le réglage des couleurs, vous pouvez sélectionner une couleur prédéfinie, spécifiez une couleur personnalisée, ou sélectionnez une couleur existante. Pour sélectionner une couleur prédéfinie, cliquez sur un des échantillons de couleurs affichées. Pour spécifier une couleur personnalisée, sélectionnez Personnalisé et utilisez les commandes dans la fenêtre de couleur pour configurer une couleur personnalisée. Pour sélectionner une couleur existante, cliquez sur Choisir et utiliser le compte -gouttes pour click-to-sélectionner une nouvelle couleur à partir d' une couleur existante actuellement affichée sur votre bureau.
    Opacité La transparence de l'objet à partir de 0 (invisible) à 100 (complètement opaque). Utilisez les flèches pour sélectionner le réglage approprié.
    Style Outline Style du contour. Cliquez sur la flèche vers le bas pour sélectionner un nouveau style. Sélectionnez le style de solide, en pointillés ou en pointillés.
    Effets

    Les effets du bouton. Utilisez les commandes dans le Effets groupe comme suit:

    Ombre Shadowing effets de l'objet bouton. Pour l'observation, vous pouvez modifier le type, la couleur, la transparence, le flou, l'angle et la distance.
    Réflexion effets de réflexion de l'objet bouton.
    Style de texte

    Le style du texte associé au bouton. Utilisez les commandes dans le style de texte groupe comme suit:

    Style de texte

    Cliquez ici pour sélectionner un style de texte à appliquer aux objets. Les styles de texte définis automatiquement les attributs de texte tels que le visage de la police, le style, la taille et la couleur. Utilisez la liste déroulante pour sélectionner un nouveau style de texte et ajouter et supprimer des styles de texte. Pour plus de détails sur la gestion des styles de texte, voir des styles de texte Gestion .

    ( Font )

    Cliquez ici pour sélectionner le type de police du texte à appliquer aux objets. Utilisez la liste déroulante pour sélectionner une nouvelle police de texte qui remplace le style de texte sélectionné. La sélection d'une nouvelle police remplace la police définie par le style de texte actuel.

    ( Taille de la police )

    Cliquez ici pour sélectionner la taille de police du texte à appliquer aux objets. Utilisez la liste déroulante pour sélectionner une nouvelle taille de texte qui remplace le style de texte sélectionné. Sélection d'une nouvelle taille de police remplace la taille de police définie par le style de texte actuel.

    Couleur du texte

    Cliquez ici pour sélectionner la couleur du texte à appliquer aux objets. Utilisez la liste déroulante pour sélectionner une nouvelle couleur de texte. Sélection d'une nouvelle couleur de texte remplace la couleur du texte défini par le style de texte actuel.

    ( Caractères gras )

    Cliquez ici pour sélectionner la mise en gras du texte à appliquer aux objets. Sélection de la mise en gras remplace la bolding définie par le style de texte actuel.

    ( Italiques )

    Cliquez ici pour sélectionner le texte en italique du à appliquer aux objets. La sélection de mots en italique remplace l'italique défini par le style de texte actuel.

    ( Souligné )

    Cliquez ici pour sélectionner le soulignement du texte à appliquer aux objets. La sélection du soulignement remplace le soulignement défini par le style de texte actuel.
    Cliquez sur ce pour aligner le texte à gauche.
    Cliquez sur ce pour aligner le texte au centre.
    Cliquez sur ce pour aligner le texte à droite.
    Cliquez sur ce pour augmenter la taille de la police.
    Cliquez sur ce pour diminuer la taille de la police.

  5. Pour personnaliser un état individuel, cliquez sur l'onglet état correspondant ( normal , Plus , vers le bas , ou Désactivé ) , puis cliquez sur le bouton dans le style groupe de sorte que la commande graphique est affiché. Modifiez les propriétés appropriées au besoin.

  6. Lorsque vous avez terminé la personnalisation de chaque état, cliquez sur OK .

Les états des boutons sont configurés.

Pour enregistrer cet état de bouton comme le nouveau style de bouton par défaut lors de l'ajout d'un bouton, soit:

Enregistrement du style que la nouvelle valeur par défaut ne s'appliquera ce style par défaut lors de l'ajout de boutons de texte. De nouveaux boutons d'image ne seront pas affectés. Les boutons d'image utiliseront les images des états.

Pour réinitialiser le style par défaut à la valeur par défaut du produit, cliquez sur Réinitialiser par défaut dans le modèle de bouton groupe.

Soutien | A propos de Trivantis
© Copyright Trivantis 2019