Comment : créer et modifier des modèles

Mise à jour : novembre 2007

Les modèles sont des outils puissants permettant d'améliorer l'apparence des contrôles mobiles ASP.NET ou de personnaliser les contrôles mobiles pour des types de périphériques spécifiques. Les modèles doivent être associés à des filtres de périphérique spécifiques. Vous devez donc définir et appliquer des filtres de périphérique aux contrôles avant de créer les modèles de contrôle.

Pour sélectionner le filtre de périphérique auquel le modèle ou les modèles seront associés, cliquez sur Options de modèles dans le menu contextuel du contrôle. La commande Options de modèles est disponible pour tous les contrôles qui prennent en charge les modèles. Le tableau suivant décrit les modèles disponibles.

Nom du modèle	Permet de ...
ContentTemplate	Personnaliser le contenu spécifique au périphérique d'un contrôle Panel.
HeaderTemplate	Personnaliser l'en-tête d'un contrôle List, ObjectList ou Form.
FooterTemplate	Personnaliser le pied de page d'un contrôle List, ObjectList ou Form.
ItemTemplate	Personnaliser tous les éléments dans un contrôle List ou ObjectList.
AlternatingItemTemplate	Personnaliser les éléments de remplacement dans un contrôle List ou ObjectList.
SeparatorTemplate	Personnaliser les séparateurs qui apparaissent entre les éléments dans un contrôle List ou ObjectList.
ItemDetailsTemplate	Personnaliser le rendu des détails d'un élément de liste dans un contrôle ObjectList.

Pour sélectionner un filtre de périphérique appliqué

1. Cliquez avec le bouton droit sur un contrôle mobile qui prend en charge les modèles, puis cliquez sur Options de modèles.

   La boîte de dialogue Options de modèles s'affiche.

2. Sélectionnez un filtre dans la liste Filtres de périphérique appliqués. Si vous souhaitez modifier les modèles pour un filtre de périphérique qui ne se trouve pas dans la liste Filtres de périphérique appliqués, cliquez sur le bouton Modifier pour ouvrir la boîte de dialogue Filtres de périphérique appliqués.

3. Sélectionnez ou entrez éventuellement un schéma de langage de balisage dans la zone Schéma de balisage.

   Remarque :
   Les informations spécifiées dans la zone Schéma de balisage sont utilisées uniquement par Visual Studio pour la validation et la prise en charge d'IntelliSense dans l'affichage en mode Source. Cela n'a aucun effet au moment de l'exécution.

Lorsque vous fermez la boîte de dialogue Options de modèles, le concepteur affecte à TemplateDeviceFilter pour le contrôle le nom du filtre de périphérique spécifié dans la liste Filtre de périphérique appliqué. Le contrôle sélectionné est maintenant prêt pour la modification de modèle.

Pour modifier un modèle

1. Cliquez avec le bouton droit sur le contrôle, puis cliquez sur Modifier un modèle.

   Le menu Modifier un modèle contient la liste des modèles personnalisables que le contrôle actuellement sélectionné prend en charge.

2. Dans le menu Modifier un modèle, cliquez sur le modèle à modifier.

   Pour la plupart des modèles, vous pouvez taper du texte littéral directement dans le modèle ou bien faire glisser des contrôles à partir de la Boîte à outils, puis définir leurs propriétés. Par exemple, vous pouvez effectuer les opérations suivantes :

   • Faire glisser un contrôle Label dans le modèle d'en-tête. Vous pouvez définir le texte d'en-tête dans le contrôle, puis configurer ses propriétés, telles que la couleur de premier plan.

   • Faire glisser un contrôle Image dans un modèle de séparateur. Vous pouvez alors utiliser la propriété ImageUrl pour effectuer une liaison à un fichier graphique Web du séparateur que vous souhaitez utiliser.

     Remarque :
     Vous pouvez ajouter des contrôles serveur Web ASP.NET aux modèles prévus pour les périphériques HTML.

3. Lorsque vous avez terminé, cliquez avec le bouton droit sur le contrôle, puis cliquez sur Terminer la modification du modèle.

Voir aussi

Tâches

Comment : sélectionner des modèles

Concepts

Présentation des modèles de contrôle

Substitution de propriétés

Référence

Filtres de périphérique appliqués, boîte de dialogue

Autres ressources

Personnalisation à l'aide de modèles de contrôle

Procédure pas à pas : création de pages Web pour les périphériques mobiles