2010-12-05 8 views
1

J'utilise JQuery datepicker sur ma page asp.net et je ne peux pas voir les boutons "Précédent" ou "Suivant" mais je peux cliquer dessus. Où puis-je changer la couleur de ces boutons ou les rendre visibles? J'ai essayé avec d'autres thèmes, mais toujours le même résultat.Jquery datepicker non visible

alt text

Merci.

Répondre

3

Si vous utilisez le thème téléchargé, assurez-vous que les images du thème sont au bon endroit. Sinon, peut-être qu'ils sont cachés par l'une des classes CSS que vous avez. Voici le code html généré par le plugin:

<span class="ui-icon ui-icon-circle-triangle-w">Prev</span> 
<span class="ui-icon ui-icon-circle-triangle-e">Next</span> 
+0

Lorsque j'ajoute les fichiers CSS, dois-je également importer les images dans mon projet? Comment vérifiez-vous que les images du thème sont au bon endroit? – Tony

+0

@Tony: utilisez firebug pour inspecter le bouton suivant ou précédent. Dans votre panneau css, vous devriez voir une ligne contenant 'url ('some/path/prev.png')', ce chemin est relatif à l'emplacement de votre fichier css, et c'est l'endroit où les images devraient être. Ou vous pouvez simplement ouvrir datepicker.css, et rechercher '.ui-icône ui-icon-circle-triangle-e' et y chercher' url ('some/path/prev.png') ' –

+1

Oui, le thème de Le fichier css devrait vous indiquer où les images sont supposées être dans le second sélecteur d'icônes .ui, quelque chose comme: .ui-icon {width: 16px; hauteur: 16px; background-image: url (images/ui-icons_222222_256x240.png); } Les boutons jQuery UI prev et next sont des positions d'arrière-plan sprite référencées dans le dossier ./images par rapport au fichier css si vous avez téléchargé le thème depuis la construction de votre thème sur http://jqueryui.com/themeroller/ –