Module development: Difference between revisions

Jump to navigation Jump to search
m
Line 335: Line 335:
= [[File:Art.png]] Define your CSS styles (optionnal) =
= [[File:Art.png]] Define your CSS styles (optionnal) =
'''When''': If in your PHP pages, you use class styles that are not defined inside Dolibarr themes CSS (not recommanded).
'''When''': If in your PHP pages, you use class styles that are not defined inside Dolibarr themes CSS (not recommanded).
{{ToTranslate}}
Cette fonctionnalité est décrite mais pas encore opérationnel en 2.4


== Créer et déclarer votre feuille de style ==
== Create and declare your style sheet ==
Créer un fichier de style css nommé '''monmodule.css''' et le placer dans le répertoire '''''monmodule''''' dans '''htdocs'''. Il ne peut y avoir qu'un fichier css propre à chaque module.
Create a style sheet CSS named '''mymodule.css''' and put it into directory '''htdocs/mymodule'''. You can have only one CSS file per module.
Rappelons qu'il vaut mieux utiliser les styles déjà existant de Dolibarr (le fichier css utilisé par Dolibarr étant le fichier '''themes/nomtheme/''nomtheme''.php.css'''. Ne créer un fichier css propre à votre module que si vous devez absolument gérer des styles non déjà existants.
Remember it's better to use existing styles already available by default into Dolibarr (The CSS file used by Dolibarr is file '''themes/mytheme/''themename''.php.css'''. Create your own CSS file only if you need absolutely to add not already existing styles.
Une fois votre feuille de style prête, déclarer la dans votre fichier descripteur de module en modifiant la propriété '''$this->style_sheet'''.
Once your style sheet is ready, declare it into your module descriptor file by modifying the property '''$this->style_sheet'''.
La valeur à renseigner ici doit être le chemin relatif de l'URL de votre fichier css.
Value to put here must be a relative URL to your CSS file.
Par exemple '/monmodule/monfichier.css'.
For example '/mymodule/myfile.css'.


== Tester votre feuille de style ==
== Test your style sheet ==
Assurez vous que votre module est actif.
Disable and enable your module.
Appelez la page d'accueil de Dolibarr. Afficher la source de la page HTML.
Go on home page (index.php). Show the HTML source of the page.
Vous devriez voir dans l'entête HTML, une ligne déclarant votre feuille de style.
You should see into the HTML header, a ligne that declare your style sheet.


= [[File:Art.png]] Define you Javascript functions (optionnal) =
= [[File:Art.png]] Define you Javascript functions (optionnal) =

Navigation menu