#COstum Personnalize your own social network

• Personnalize your design
• Show only the data of interest
• Use all the benefits of CO with specific objectives
• Can contribute to the common
• Create specialised features
• Can be linked to coforms and cobservatory

Costum Index Loading

both use app/welcome first Render, renders everything with ->render

for any costum simple declare

welcomeTpl : costum.views.custom.yourProject.home 

for CMS costum like costumize

welcomeTpl : costum.views.custom.costumize.home 
    renderPartial("costum.views.tpls.tplsEngine", $params,true );
        renderPartial("costum.views.tpls.blockCms.cmsEngine",$param); 

on ajax reload co2/app/index is called by LoadbyHash in co.js if($hash=="welcome"){ $hash="welcomeAjax"; } echo $controller->renderPartial($hash, $params, true);

Page Element / DEtail

/home/oceatoon/d7/modules/co2/views/element/profilSocial.php

### based on json configs 
$elementParams=@$this->appConfig["element"];
### overload js and css 
if(isset($elementParams["js"]))
    array_push($cssJsCostum, '/js/'.$slugContext.'/pageProfil.js');
if(isset($elementParams["css"]))
    array_push($cssJsCostum, '/css/'.$slugContext.'/pageProfil.css');
### build elements of the page 
renderPartial('co2.views.element.header
menuTop, menuLeft > renderPartial('co2.views.element.menus.construct
    - buttonList
    - connected
    - restricted
    - HTML 
        - "construct" : $menuButtonHtml .= Menu::{$v["construct"]}($v, $commonButtonClass, $element);
        - render : $this->renderPartial($v["render"], 
        - $menuButtonHtml.= Menu::elementButtonHtml($v, $commonButtonClass)

centralSection > 
dda.views.co.pod.modals
../element/confirmDeleteModal
co2.views.element.confirmDeletePendingModal
co2.views.pod.confidentiality
co2.views.pod.qrcode
$layoutPath.'forms.'.Yii::app()->params["CO2DomainName"].'.formContact
co2.views.admin.costumize

JS 
pageProfil.params={
typeObj.buildCreateButton(".elementCreateButton",

Présentation des COstum

Votre COmmunecter personnalisé

⥅ [[/Images/costum-title.png]]

COstum est conçu pour vous permettre de créer un COmmunecter spécifique à vos besoins. Par défaut nous hébergeons votre COstum, mais il est bien sûr possible d’[installer communecter sur votre propre serveur](/4 - Documentation technique/Installer Communecter).

Vous bénéficiez de toutes les nouveautés développées pour Communecter.org, tout en ayant la main sur de nombreux paramètres permettant de personnaliser votre plateforme :

• thème du réseau (biodiversité, social, déchets, emploi, …)
• territoire (ville·s, département, région ou pays)
• fonctionnalités proposées (agenda, moteur de recherche, messagerie, …) -> [liste complète](/2 - Utiliser l’outil/Fonctionnalités/liste.md)
• charte graphique (logo, couleurs, …)
• lien personnalisé

Les possibilités sont nombreuses. Voici des exemples de réseaux qu’il est possible de créer :

• Réseau social local et thématique : Emploi à la Ville du Port, Numérique à La Réunion, Haute Vallée de l’Aude
• Plateforme de consultation citoyenne : Pacte pour la Transition
• Moteur de recherche et cartographie de filière : Tiers-Lieux du Nord, Meuse Campagnes
• Plateforme d’appel à projets et de valorisation des acteurs pour un dispositif déployable dans plusieurs territoires : Contrat de Transition Écologique
• Liste pour les municipales : Mayenne Demain, Tepoz en Comùn
• Jeu de contribution : Chtitube
• Tiers-lieu : Raffinerie
• Journal : Insoumis de Chambéry

Vous trouverez d’autres exemples de COstum sur notre plateforme COstum des COstums.

⥅ [[/Images/costum-leport.png]]

Solution 1 - Générer un COstum à partir d’un exemple

Un COstum générique est un COstum qui est déjà pré-configuré et de le personnaliser à votre image. Importer vos couleurs et vos images, utiliser des modules d’applications qui vous avez besoin et créer de nouvelles pages statiques. Il existe 3 COstums génériques :

• Filière : qui se base sur le COstum filière numérique
• Candidat : qui se base sur le COstum Mayenne Demain
• TCO : qui se base sur le COstum smarterritoire

Découvrez comment générer un COstum dans la documentation dédiée.

Solution 2 - Demander la réalisation de votre COstum

Vous pouvez envoyer votre projet à l’équipe d’[Open Atlas](/1 - Le Projet/openatlas.md). Un devis vous sera ensuite envoyé.

Solution 3 - Créer son COstum de A à Z

Vous avez des compétences en développement web et souhaitez créer votre propre COstum de A à Z, nous expliquons les étapes pour mettre en place votre COstum : [lire la documentation technique](/4 - Documentation technique/creercostum.md).

Export your costum

allows you to save to disk any costum configs to install and reuse the costum on another machine. Can be practical to work on the same costum as someone else without having to rebuild all the configs. [more details](/home/oceatoon/d7/modules/codoc/04 - Documentation technique/process/export.md) about the export process.

Run export script

https://www.communecter.org/costum/co/export/slug/laRaffinerie3

save to modules/costumexport

https://www.communecter.org/costum/co/export/slug/laRaffinerie3/mode/json/save/1

request a commit and push the result to share on gitlab/costumexport

update costumexport

if you dont have the module installed git clone https://gitlab.adullact.net/pixelhumain/costumexport otherwise cd yourWorkingFolder/modules/costumexport git pull

install on your machine

http://communecterLocal/costum/co/export/slug/laRaffinerie3 click check install or goto http://communecterLocal/costum/co/export/slug/laRaffinerie3/install/1 Click to install or update each data type

Costum Index Loading

both use app/welcome first Render, renders everything with ->render

for any costum simple declare

welcomeTpl : costum.views.custom.yourProject.home 

for CMS costum like costumize

welcomeTpl : costum.views.custom.costumize.home 
    renderPartial("costum.views.tpls.tplsEngine", $params,true );
        renderPartial("costum.views.tpls.blockCms.cmsEngine",$param); 

on ajax reload co2/app/index is called by LoadbyHash in co.js if($hash=="welcome"){ $hash="welcomeAjax"; } echo $controller->renderPartial($hash, $params, true);

Page Element / DEtail

/home/oceatoon/d7/modules/co2/views/element/profilSocial.php

### based on json configs 
$elementParams=@$this->appConfig["element"];
### overload js and css 
if(isset($elementParams["js"]))
    array_push($cssJsCostum, '/js/'.$slugContext.'/pageProfil.js');
if(isset($elementParams["css"]))
    array_push($cssJsCostum, '/css/'.$slugContext.'/pageProfil.css');
### build elements of the page 
renderPartial('co2.views.element.header
menuTop, menuLeft > renderPartial('co2.views.element.menus.construct
    - buttonList
    - connected
    - restricted
    - HTML 
        - "construct" : $menuButtonHtml .= Menu::{$v["construct"]}($v, $commonButtonClass, $element);
        - render : $this->renderPartial($v["render"], 
        - $menuButtonHtml.= Menu::elementButtonHtml($v, $commonButtonClass)

centralSection > 
dda.views.co.pod.modals
../element/confirmDeleteModal
co2.views.element.confirmDeletePendingModal
co2.views.pod.confidentiality
co2.views.pod.qrcode
$layoutPath.'forms.'.Yii::app()->params["CO2DomainName"].'.formContact
co2.views.admin.costumize

JS 
pageProfil.params={
typeObj.buildCreateButton(".elementCreateButton",

Présentation des COstum

Votre COmmunecter personnalisé

⥅ [[/Images/costum-title.png]]

COstum est conçu pour vous permettre de créer un COmmunecter spécifique à vos besoins. Par défaut nous hébergeons votre COstum, mais il est bien sûr possible d’[installer communecter sur votre propre serveur](/4 - Documentation technique/Installer Communecter).

Vous bénéficiez de toutes les nouveautés développées pour Communecter.org, tout en ayant la main sur de nombreux paramètres permettant de personnaliser votre plateforme :

• thème du réseau (biodiversité, social, déchets, emploi, …)
• territoire (ville·s, département, région ou pays)
• fonctionnalités proposées (agenda, moteur de recherche, messagerie, …) -> [liste complète](/2 - Utiliser l’outil/Fonctionnalités/liste.md)
• charte graphique (logo, couleurs, …)
• lien personnalisé

Les possibilités sont nombreuses. Voici des exemples de réseaux qu’il est possible de créer :

• Réseau social local et thématique : Emploi à la Ville du Port, Numérique à La Réunion, Haute Vallée de l’Aude
• Plateforme de consultation citoyenne : Pacte pour la Transition
• Moteur de recherche et cartographie de filière : Tiers-Lieux du Nord, Meuse Campagnes
• Plateforme d’appel à projets et de valorisation des acteurs pour un dispositif déployable dans plusieurs territoires : Contrat de Transition Écologique
• Liste pour les municipales : Mayenne Demain, Tepoz en Comùn
• Jeu de contribution : Chtitube
• Tiers-lieu : Raffinerie
• Journal : Insoumis de Chambéry

Vous trouverez d’autres exemples de COstum sur notre plateforme COstum des COstums.

⥅ [[/Images/costum-leport.png]]

Solution 1 - Générer un COstum à partir d’un exemple

Un COstum générique est un COstum qui est déjà pré-configuré et de le personnaliser à votre image. Importer vos couleurs et vos images, utiliser des modules d’applications qui vous avez besoin et créer de nouvelles pages statiques. Il existe 3 COstums génériques :

• Filière : qui se base sur le COstum filière numérique
• Candidat : qui se base sur le COstum Mayenne Demain
• TCO : qui se base sur le COstum smarterritoire

Découvrez comment générer un COstum dans la documentation dédiée.

Solution 2 - Demander la réalisation de votre COstum

Vous pouvez envoyer votre projet à l’équipe d’[Open Atlas](/1 - Le Projet/openatlas.md). Un devis vous sera ensuite envoyé.

Solution 3 - Créer son COstum de A à Z

Vous avez des compétences en développement web et souhaitez créer votre propre COstum de A à Z, nous expliquons les étapes pour mettre en place votre COstum : [lire la documentation technique](/4 - Documentation technique/creercostum.md).

Export your costum

allows you to save to disk any costum configs to install and reuse the costum on another machine. Can be practical to work on the same costum as someone else without having to rebuild all the configs. [more details](/home/oceatoon/d7/modules/codoc/04 - Documentation technique/process/export.md) about the export process.

Run export script

https://www.communecter.org/costum/co/export/slug/laRaffinerie3

save to modules/costumexport

https://www.communecter.org/costum/co/export/slug/laRaffinerie3/mode/json/save/1

request a commit and push the result to share on gitlab/costumexport

update costumexport

if you dont have the module installed git clone https://gitlab.adullact.net/pixelhumain/costumexport otherwise cd yourWorkingFolder/modules/costumexport git pull

install on your machine

http://communecterLocal/costum/co/export/slug/laRaffinerie3 click check install or goto http://communecterLocal/costum/co/export/slug/laRaffinerie3/install/1 Click to install or update each data type

#COstum Personnalize your own social network

• Personnalize your design
• Show only the data of interest
• Use all the benefits of CO with specific objectives
• Can contribute to the common
• Create specialised features
• Can be linked to coforms and cobservatory