Skin customization with eXo Platform 5.0
Defining a skin and creating a graphical chart of a site is an important phase in any project. eXo Platform 5.0 comes with two predefined skins (Default and Enterprise) you can draw inspiration from or use with some minor changes. To define a new skin, follow the steps described in the documentation site (direct link).
To customize one of the predefined eXo Platform skins, you can redefine an existing skin or customize some CSS classes.
1- Redefine an existing skin
If you’d like to change a generic CSS behavior defined in a less variable, you could create a new Maven module based on this sample project and add your customizations:
- Use customVariables.less to change predefined less variables. You can find a description of the predefined variables on the documentation site.
- Use customStyle.less to define custom CSS classes. This will allow you to redefine existing CSS classes or define new ones.
2- Customize some CSS classes
To redefine predefined CSS classes, use this maven project example and add your customizations:
- Use myStyle.css to redefine eXo Platform CSS classes.
- Use favicon.ico to change your site’s favicon.
If you want to apply those customizations to the Enterprise skin, you will have to change this parameter from “Default” to “Enterprise”.
To make the new custom style file loaded at the end of Pages DOM (with the top CSS priority), rename the skin module to start with “customModule” (this is an improvement made on eXo Platform 5.0.1+).
Brahim Jaouane
I am a Digital Marketing specialist specialized in SEO at eXo Platform. Passionate about new technologies and Digital Marketing. With 10 years' experience, I support companies in their digital communication strategies and implement the tools necessary for their success. My approach combines the use of different traffic acquisition levers and an optimization of the user experience to convert visitors into customers. After various digital experiences in communication agencies as well as in B2B company, I have a wide range of skills and I am able to manage the digital marketing strategy of small and medium-sized companies.