Convert Bootstrap AdminLTE to an Odoo Theme
Advanced video that shows you how to convert AdminLTE Bootstrap Theme into Odoo. Subscribers have access to the converted Odoo AdminLTE theme source code.
Part of a new Odoo Themes Collection at OdooClass.com
Why convert the AdminLTE Bootstrap theme to Odoo?
Learn to integrate widgets into an Odoo theme
How do I get the source code for the AdminLTE bootstrap theme?
You can get the standard AdminLTE bootstrap theme for free by downloading it here. This video shows you how to convert that theme into Odoo. We do make the source code for the Odoo AdminLTE bootstrap theme you see converted in the video available for free to current Odoo subscribers. Please watch the video for details on how to access the AdminLTE theme in Odoo.
What are some uses for the AdminLTE bootstrap theme inside of Odoo?
One of the great things about the AdminLTE theme is that it provides many widgets that are valuable for displaying data from Odoo's modules. While many Odoo themes are simple data containers, AdminLTE provides easy to use widgets that for an experienced Odoo developer can create complex dashboards that are both attractive and functional. You simply won't find a better free dashboard bootstrap theme than AdminLTE. Now learn how to get it into Odoo.
Note: This video shows how to convert the theme and bring three functional widgets from the theme into Odoo. It is not a full conversion of every widget in AdminLTE but instead a foundation for those who wish to use AdminLTE's many widgets.
Please read before viewing - Notice on this specific video / theme
NOTE: This video is provided as-is and is not intended to be a full Odoo Class tutorial
The video for the Odoo AdminLTE bootstrap theme was not produced internally at OdooClass.com but instead this video was a byproduct of the theme conversion performed by an expert Odoo developer. Instead of this being a video only product, it is instead the foundation for a theme conversion with source code... consider the video as a extra bonus. If you need a tutorial on converting Bootstrap themes to Odoo then you will want to see How to Import Bootstrap themes into Odoo.
Why are you including this video?
While this is primarily a theme product and not just a video and we are aware the video does not contain the quality of tutorial and training aspects that is typical with OdooClass.com videos, we are still providing this video to subscribers as it does contain value for advanced developers who can follow along with the developer who is converting the theme.
Future videos on converting Odoo themes
We are working on new Odoo tutorials for converting themes from bootstrap to Odoo CMS. This is an ongoing effort and depending on feedback from subscribers we will continue to provide additional tutorial resources on converting Odoo themes.
Tips to converting the AdminLTE theme over to Odoo v8
How do you begin to convert a bootstrap theme over to Odoo?
At the bottom of this page you can see some associated vidoes that are essential for having the basic knowledge required to convert an Odoo theme. This is an advanced video that was put together by an expert Odoo developer. While it does start at the beginning, it doesn't take a step by step approach the same as many of the other Odoo videos. Instead this video is provided for those that want insight into what it really takes to do a complex theme conversion. So don't expect if you are a beginning developer to learn from this video or the provided source code.
Odoo themes still use a structure similar to other Odoo modules
- Static/src folder - this folder contains css files, images, fonts, and other static files.
- My_theme.xml - Maintains the basic meta data for the Odoo theme
- Snippets.xml - This contains the structures for the snippets that can be used within the Odoo theme
- options.xml - When you drop a widget/snippet on a page there can be options associated. This file maintains these available options.
- pages.xml - This maintains static pages for the theme.
Basic Odoo structure for pages.XML
<template id="website.homepage" name="Homepage" page="True"> <html> <head> <title>Page Title</title> </head> <body> <h1> Here you can build your web page. </h1> </body> </html> </template>