Welcome, Guest
Username: Password: Remember me

TOPIC: Modifier l'aspect visuel du backend et du fronted

Modifier l'aspect visuel du backend et du fronted 15 Oct 2012 05:03 #4516

  • felichon
  • felichon's Avatar
  • Offline
  • Junior Member
  • Hello world :-)
  • Posts: 39
  • Thank you received: 7
  • Karma: 0
Salut amis cuisiniers, B)

Tout d'abord, félicitations pour l'application COOK qui à mon sens est un merveilleux outil pour développeurs.

Je m'en sors plutôt bien à force de toucher à tout dans COOK, c'est en forgeant qu'on devient forgerons et j’apprends de mes erreurs.

J'aimerai s'avoir une chose cependant, comment fait-on pour embellir le Frontend et le backend ?

Joomla!2.5 à bien évolué ses derniers temps et ses backend récents sont plutôt jolie avec une page d'accueil agréable du type page d'accueil backend de Joomla!

De nos jours, au survol de la souris, les "vignettes" des menus se soulèvent, un peu comme cette image :



(Quand à Joomla!3 c'est radicalement différent, cette "grille" est quasiment absente.)

Comment peut-on échapper à l'aspect très austère de la "grille" des Layout et des Flypage dépourvus de design "accrocheurs" dans les projets par défaut de COOK ?

Je suppose que ça passe par les styles CSS, j'ai bien vue qu'on pouvait ajouter des suffixes de styles à presque tout dans COOK, mais comment faire concrétement ? (Un exemple concret serai TRES apprécié)

Par exemple admettons que j'ai fait une "collections" en backend complète avec Layout et tout le bataclan appelé "Paramètres".

Je me retrouve donc avec une "grille" et les différents champs ajouté dedans.

Comment se soustraire à cette grille et afficher des icones par exemple du type de Joomla! (Phocagallery est un bon exemple tout le backend est en icone) qui ferrai la même chose que la grille "Paramètres" ?

J'ai bien quelques idées sur la façon de faire mais rien de bien certains... :huh:

Je me suis dit qu'il faudrait peut-être ajouter un suffixe a tel ou tel Layout et/ou Flypage et bêtement l'appeler dans un fichier .css Je ne suis pas sur que c'est aussi simple, et puis quoi mettre dans ce fichier, je suppose que le CSS backend est très sophistiqué et très particulier.

Merci de vos précieux éclaircissements par avance. :cheer:

@ bientôt. :whistle:
Check out my extensions for Joomla! eliopro.fr
Last Edit: 15 Oct 2012 05:28 by felichon.
The administrator has disabled public write access.

Re: Modifier l'aspect visuel du backend et du fronted 15 Oct 2012 17:33 #4542

  • VeCrea
  • VeCrea's Avatar
  • Offline
  • Platinum Member
  • Absolute JCook fan
  • Posts: 473
  • Thank you received: 100
  • Karma: 30
Salut,
Il est possible de recréer complètement une page avec des divs et du css, et de juste "réimplenter" les bouts de code de Cook qui appellent les données. Si tu utilises le builder en v2, choisis, dans les paramètres / Config / Form Style, le style Exploded, cela te donnera accès au code utile pour chaque élément appelé.
Pour aller plus en profondeur, le layout en mode collection est basé sur une <table> et le layout en mode 1item est basé sur des <dt> <dl> et <dd>. Si tout ça ne te parle pas, alors il faudra un peu d'aide pour construire le squelette de ta page et que tu puisses rajouter des choses dedans.
Sinon, je sais que EdwardCox pensait créer une sorte de control panel pour le backend, mais c'est encore du wip pour l'instant.
Juste encore une précision... Avoir tout le backend en icones... Ce sont les accès vers les différentes vues collection que tu veux (comme un menu sur base d'icones), ou tes vues collection que tu veux customiser ?
The administrator has disabled public write access.
The following user(s) said Thank You: admin

Re: Modifier l'aspect visuel du backend et du fronted 16 Oct 2012 03:56 #4545

  • felichon
  • felichon's Avatar
  • Offline
  • Junior Member
  • Hello world :-)
  • Posts: 39
  • Thank you received: 7
  • Karma: 0
Salut VeCrea, B)

Merci pour ses informations précieuses.

Oui, ça me parle, les styles me sont familiers, mais j'en avais j'amais utilisé dans un composant de surcroit crée par mes soins.

Jusqu'à présent, les seuls styles que j'ai appliqué sont pour mes modules et plugins.

J'avais dans le fichier langue de mes extensions "Stylé" les messages, aussi en backend le mode d'emploi apparraissait directement comme je le voulais, mais c'est plus du BBcode qu'autre chose.
Juste encore une précision... Avoir tout le backend en icones... Ce sont les accès vers les différentes vues collection que tu veux (comme un menu sur base d'icones), ou tes vues collection que tu veux customiser ?

Oui, pour commencer je veux juste avoir acces à mes differentes collections via des icones, par la suite pourquoi pas le reste.

Il faut surtout que je comprenne bien le principe, après je me charge du reste.

En tout cas, avec t'es explications tu m'a déjà ouvert les yeux vers la façon de procéder.

Je ne sais pas si tu est au courant, mais sur ce forum un gars qui semble très sympa ;) a créé un composant nommé Breeding Manager com_jbreedm, si j'ai bien compris il référence les pédigrés des chiens.

C'est tout a fait le genre de mise en page que j'aimerai.

J'ai un peu jetter un coup d'oeil (vite fait) dans ses styles CSS de son composant et il semble que tout ce joue à cet endroit, sauf erreur de ma part.

En tous cas merci, j'apprécie toute aide. :cheer:

@ +
Check out my extensions for Joomla! eliopro.fr
Last Edit: 16 Oct 2012 04:07 by felichon.
The administrator has disabled public write access.

Re: Modifier l'aspect visuel du backend et du fronted 16 Oct 2012 04:12 #4546

  • felichon
  • felichon's Avatar
  • Offline
  • Junior Member
  • Hello world :-)
  • Posts: 39
  • Thank you received: 7
  • Karma: 0
Re-Hello,

Juste une question rapide au passage :

C'est quoi la difference entre le Builder V2 et le Builder "Normal" la V2 semble pas mal buger quand on se ballade dans le sandbox...

Dans les choix du builder on a le choix entre Joomla!1.6, 1.7 et 2.5 et juste a coté on a que la 2.5Beta.

Si j'ai bien compris, la 2.5Beta ne code que pour cette version et la 1ere les 3 précédente en même temps ?

Et, qu'en est-il de Joomla!3.0 ce qui est crée chez Cook c'est compatible avec Joomla!3.0 ?

Merci :)
Check out my extensions for Joomla! eliopro.fr
Last Edit: 16 Oct 2012 04:13 by felichon.
The administrator has disabled public write access.

Re: Modifier l'aspect visuel du backend et du fronted 16 Oct 2012 09:28 #4549

  • VeCrea
  • VeCrea's Avatar
  • Offline
  • Platinum Member
  • Absolute JCook fan
  • Posts: 473
  • Thank you received: 100
  • Karma: 30
Pour le control panel, ce n'est pas quelque chose qui est directement disponible dans Cook, effectivement.
Mais tu as ceci :
j-cook.pro/forum/9-coding-inside-your-co...trol-panel-easy#4214

Il faut utiliser la v2.beta, elle permet plus de choses que la version précédente et s'il reste des bugs, il ne doivent pas être très nombreux vu le travail de fou de notre cher admin et les nombreux retours qu'il reçoit des membres de cette communauté.
Certains ont déjà essayé leur composant sur J3.0 et ça fonctionne.
Last Edit: 16 Oct 2012 09:36 by VeCrea.
The administrator has disabled public write access.
The following user(s) said Thank You: admin

Re: Modifier l'aspect visuel du backend et du fronted 16 Oct 2012 09:42 #4550

  • felichon
  • felichon's Avatar
  • Offline
  • Junior Member
  • Hello world :-)
  • Posts: 39
  • Thank you received: 7
  • Karma: 0
Salut,

Ok merci de ses précisions, je vais voir ça de ce pas.

Amicalement. B)
Check out my extensions for Joomla! eliopro.fr
The administrator has disabled public write access.

Re: Modifier l'aspect visuel du backend et du fronted 16 Oct 2012 12:21 #4554

  • felichon
  • felichon's Avatar
  • Offline
  • Junior Member
  • Hello world :-)
  • Posts: 39
  • Thank you received: 7
  • Karma: 0
Hello, B)

Juste 3 petites questions si t'a 5 minutes de ton temps :

1.) J'ai mis les réglages comme tu m’as suggéré dans la configuration, à présent dans la sandbox une grosse paire de ciseaux apparait, est-ce que ça signifie quelque chose en particulier ?

2.) Peu-tu m'enlever d'un doute : Il faut bien créer autant de tables qu'on à de collections, c'est bien ça ? Je procède ainsi et tout fonctionne bien, mais si je ne créé qu'une table pour 2 collections, il y a des conflits avec la toolbar, non seulement il faut alors préciser pour qu'elle Layout elle est destiné mais elle se comporte tout a fait anormalement alors.

En créent une table par collection, tout deviens logique alors, ais-je raison de procéder ainsi ? :huh:

3.) Quand on crée une collection, il est possible d'ajouter des pages dans cette collection, jusqu'là aucun soucis tout fonctionne bien si j'en rajoute une, ça me permet d'éditer ce qui apparait dans la grille.

Mais je n'ai pas très bien saisi le "pourquoi" de l'option d'en ajouter plusieurs dans la même collection ?
En effet, la ou sa deviens chaud c'est quand on veut ajouter une page supplémentaire à celle déjà présente dans cette même collection, comment y accéder à cette (ou ses pages) supplémentaires dans la sandbox ?

Peux-tu m'éclairer à ce sujet ?

J'ai bien remarqué qu'on pouvait assigner d'y accéder depuis le bouton "nouveau" de la tool bar, mais une fois cette nouvelle page édité et sauvegarder la toolbar ne réagit plus normalement de plus le composant ne se comporte plus comme attendu.

Si j'ai bien compris, et sauf erreur de ma part, il ne faut ajouter qu'une seul page par collection, c'est bien ça ?

Merci, j'apprécie t'es conseils :cheer:
Check out my extensions for Joomla! eliopro.fr
Last Edit: 16 Oct 2012 12:25 by felichon. Reason: Correction de coquilles et mise en page plus clair
The administrator has disabled public write access.

Re: Modifier l'aspect visuel du backend et du fronted 16 Oct 2012 12:50 #4555

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Chef
  • Posts: 3677
  • Thank you received: 965
  • Karma: 141
Pour les ciseaux, c'est simplement pour toi et pour pouvoir te souvenir facilement quels fichiers de template tu a déjà personalisé.

En principe, toutes les pages de templates (tmpl/) doivent être personalisées. Une fois que tu est satisfait, supprime les ciseaux.

Les ciseaux t'indiquent également quel fichier de template tu est en train de regarder.
Si tu ne veux pas ces ciseaux, change l'option dans la config (Help ToDo)

Concernant la V3.0, j'ai du retard, mais celles et ceux qui veulent m'aider, cela ira plus vite...

La V2.0 ne buggue plus trop à ce qu'il me semble, je vais bientôt pouvoir la passer en prod.

Il faut passer en V2.0. Ce n'est pas anodin.
Coding is now a piece of cake
Last Edit: 27 Apr 2013 17:20 by admin.
The administrator has disabled public write access.

Re: Modifier l'aspect visuel du backend et du fronted 16 Oct 2012 14:28 #4564

  • felichon
  • felichon's Avatar
  • Offline
  • Junior Member
  • Hello world :-)
  • Posts: 39
  • Thank you received: 7
  • Karma: 0
Hello Admin,

Merci pour ses précisions, c'est vraiment sympa. B)

Je l'aisse les ciseaux, c'est très utile et puis c'est plutôt jolie.

Je suis vraiment impressionné par la puissance de COOK et encore plus admiratif de ton travail.

A ce jour, je crois que c'est ce que j'ai vue de plus abouti dans le domaine de la conception d'extension pour Joomla!

Rien que l'idée même est novatrice en soit. :woohoo:

Félicitation à tout ton staff et je te souhaite une bonne continuation.

Amicalement. :)
Check out my extensions for Joomla! eliopro.fr
Last Edit: 16 Oct 2012 14:30 by felichon.
The administrator has disabled public write access.

Re: Modifier l'aspect visuel du backend et du fronted 16 Oct 2012 14:47 #4566

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Chef
  • Posts: 3677
  • Thank you received: 965
  • Karma: 141
Merci pour les retours positifs.
Je me souviens de toi tu t'étais inscrit dans les premiers utilisateurs, et te voici de retour.

Appellons le staff, tous les utilisateurs chevronnés qui répondent passionément sur le forum. Sinon, il n'y a pas d'autre staff, j'ai commencé à écrire Cook il y a 4 ans et demi maintenant.

Bonne continuation et bon codage.
Coding is now a piece of cake
The administrator has disabled public write access.

Re: Modifier l'aspect visuel du backend et du fronted 16 Oct 2012 14:59 #4567

  • felichon
  • felichon's Avatar
  • Offline
  • Junior Member
  • Hello world :-)
  • Posts: 39
  • Thank you received: 7
  • Karma: 0
Hello,

Oui, en ce moment j'ai décidé de cuisiner un peu :)

T'es 4 ans d'efforts on fait de toi un homme respéctable et respécté, en tout cas moi je te remerci pour ton travail.

Amicalement.
Check out my extensions for Joomla! eliopro.fr
The administrator has disabled public write access.
The following user(s) said Thank You: admin

Re: Modifier l'aspect visuel du backend et du fronted 27 Apr 2013 17:24 #7096

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Chef
  • Posts: 3677
  • Thank you received: 965
  • Karma: 141
Salut félichon.

Me voici de retour sur le forum avec la beta de 2.5.

>> www.j-cook.pro/forum/14-news-a-chillout/...the-starting-blocks- <<

Tu peux essayer les nouvelles fonctionalités en exclu... et me donner tes retours.
Coding is now a piece of cake
The administrator has disabled public write access.
Time to create page: 0.083 seconds

Get Started