Comment utiliser plusieurs thèmes d'interface utilisateur jQuery dans une application Zend Framework?

Question

J'utilise actuellement le thème ui-légèreté dans mon application Zend Framework mais je voudrais utiliser les deux pour des choses différentes. Je me inscris actuellement le thème ui-légèreté avec cette ligne dans mon bootstrap:

$view->headLink()->appendStylesheet($view->baseUrl().'/js/jquery/css/ui-lightness/jquery-ui-1.7.2.custom.css'); 

Comment puis-je ajouter un autre thème à utiliser? Comment l'application va-t-elle savoir quel thème utiliser si j'ajoute une autre feuille de style?

Answer 1

Vous pouvez le faire en utilisant la portée CSS. Lorsque vous créez votre thème sur le site de l'interface utilisateur jQuery, sélectionnez Paramètres avancés, puis entrez le nom dans le champ de l'étendue.

Faites de même avec tous les autres thèmes que vous souhaitez utiliser, en vous assurant que la portée est unique pour chacun.

Inclure les fichiers thème CSS comme normal (en utilisant appendStylesheet) et utiliser la classe étendue de style chaque zone/article sur la page

Un exemple Styled est donnée here

Answer 2

Je ne pense pas que vous pouvez utiliser deux thèmes sur la même page avec l'interface utilisateur jQuery. Chaque thème de l'interface utilisateur jQuery stylise tous les widgets, pas seulement ceux spécifiques.

Vous pouvez créer vos propres feuilles de style pour personnaliser les widgets individuellement. Ou, si vous ne voulez pas de thèmes différents sur une seule page, insérez simplement les différents thèmes sur des pages différentes.

Answer 3

Si vous voulez différents thèmes jQuery UI Sur différentes pages de votre application, vous pouvez utiliser Zend_Layout pour changer de disposition sur différentes pages de votre application. Chaque mise en page peut utiliser un thème d'interface utilisateur jQuery différent.