CATALOGUE Code & Data Formation Web App Créer une Web App Ajouter des icônes à vos boutons avec jQuery Mobile

Ajouter des icônes à vos boutons avec jQuery Mobile

Les icônes des boutons
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Créer une Web App
Revoir le teaser Je m'abonne
Transcription
59,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
59,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Introduction aux icônes dans jQuery Mobile

Objectifs

Les objectifs de cette vidéo sont de:

  • Comprendre l'utilisation de l'attribut data-icon pour ajouter des icônes.
  • Apprendre à gérer et organiser les fichiers d'images pour une utilisation optimale.
  • Explorez les différentes icônes disponibles dans jQuery Mobile.

Résumé

Découvrez comment ajouter des icônes à vos boutons jQuery Mobile et personnaliser leur apparence facilement.

Description

Dans cette leçon, nous allons explorer comment utiliser jQuery Mobile pour ajouter des icônes à vos boutons. Vous apprendrez à utiliser l'attribut data-icon pour insérer des icônes spécifiques à vos boutons. Avant de commencer la personnalisation des icônes, nous allons réorganiser légèrement l'arborescence de notre projet pour faciliter l'accès aux fichiers d'images. Nous déplacerons ainsi le dossier d'images contenant les icônes principales de jQuery Mobile à côté du fichier CSS afin de simplifier les chemins d'accès.

Ensuite, nous créerons des balises de type bouton avec l'attribut data-icon et une valeur correspondante telle que 'alert'. En simulant cette configuration, nous vérifierons que l'icône s'affiche correctement. Nous continuerons en explorant une liste exhaustive d'icônes disponibles, allant de 'check' à 'home', en passant par 'delete', 'search', 'forward', entre autres. Chaque icône sera insérée dans une liste non ordonnée pour une visualisation complète dans notre simulateur.

Cette leçon vous permettra de gérer efficacement les icônes et de personnaliser l'interface de vos applications mobiles en utilisant jQuery Mobile.

Voir plus

Questions - réponses

Comment ajouter une icône à un bouton avec jQuery Mobile?
Pour ajouter une icône à un bouton avec jQuery Mobile, utilisez l'attribut data-icon avec la valeur correspondant à l'icône souhaitée.
Où devez-vous placer le dossier images pour une meilleure accessibilité?
Le dossier images doit être placé à côté du fichier CSS jQuery pour raccourcir les chemins d'accès et faciliter l'intégration des icônes.
Quels types d'icônes sont disponibles dans jQuery Mobile?
jQuery Mobile propose une variété d'icônes telles que 'check', 'delete', 'search', 'left', 'right', 'down', 'up', 'plus', 'minus', 'gear', 'refresh', 'forward', 'back', 'grid', 'star', 'alert', 'info' et 'home'.

Programme détaillé