Comment afficher les thèmes de l'interface utilisateur JQuery dans CakePHP?

Question

Je n'arrive pas à afficher les thèmes de l'interface utilisateur JQuery pour mon application CakePHP. J'ai placé le thème sur app/webroot/lib/jquery.ui /. Maintenant sur ma mise en page j'ai importé le thème en utilisant:

echo $html->css('/lib/jquery-ui/theme/ui.all'); 

J'utilise le widget DatePicker. Sur ma page, je peux voir que la boîte de texte mon montrait le sélecteur de date quand elle était focalisée, mais le thème n'était pas appliqué correctement. Je ne peux pas voir les images d'arrière-plan. Je sais que le thème (ou css) a été importé depuis que je peux voir quelques changements dans le DatePicker (polices, espacements, etc.). Je ne pouvais tout simplement pas voir les images d'arrière-plan.

Je ne sais pas si cela a quelque chose à voir avec mon problème, mais j'utilise aussi YUI.

Answer 1

OK, donc j'ai trouvé la réponse ici: jQuery-UI Datepicker CSS problem

Answer 2

Je suppose que votre fichier ui.all.css vit dans app/webroot/css/lib/jquery-ui/theme /?

Où sont les images qu'il référence?

URL pour les images d'arrière-plan dans les fichiers CSS doivent être par rapport au fichier CSS lui-même - donc si les images en direct dans app/webroot/img/lib/jquery-ui/thème /, les URL dans le fichier CSS devrait soit ../../../../img/lib/jquery-ui/theme/ ou bien, les URL peuvent être absolues à partir du DocRoot du site, par exemple/Img/lib/jquery-ui/thème/

Answer 3

Juste pour ajouter un peu plus de précisions:

J'utilise le jquery ui datepicker pour plusieurs projets et ça a toujours bien fonctionné. Puis j'ai cuit un nouveau projet de gâteau, déposé dans datepicker, et j'ai constaté que les images d'arrière-plan ne se chargeaient pas. J'ai enlevé cake.generic.css de mon application, et les images de datepicker ont pu charger! Ajoutez-le à nouveau, et ils disparaissent!

Tant que vous utilisez votre propre formulaire CSS pour vos applications, tout devrait bien se passer.

Answer 4

vous dit que vous avez les fichiers app/webroot/lib/jquery.ui/

vous devez donc utiliser le bon chemin:

echo $html->css('/lib/jquery.ui/theme/ui.all');