thirdparty
/
CybroAddons
mirror of https://github.com/CybroOdoo/CybroAddons.git
5
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

[UPDT] Responsive 'code_backend_theme'

pull/175/head
Ajmal Cybro 4 years ago
parent
a11e169cf1
commit
b334a87ee6
14 changed files with 599 additions and 250 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 40
      code_backend_theme/README.rst
  2. 3
      code_backend_theme/__manifest__.py
  3. 11
      code_backend_theme/doc/RELEASE_NOTES.md
  4. 190
      code_backend_theme/hooks.py
  5. BIN
      code_backend_theme/static/description/assets/resp-gif.gif
  6. BIN
      code_backend_theme/static/description/assets/responsive.png
  7. 389
      code_backend_theme/static/description/index.html
  8. BIN
      code_backend_theme/static/src/img/icons/close.png
  9. 36
      code_backend_theme/static/src/js/chrome/sidebar_menu.js
  10. 21
      code_backend_theme/static/src/scss/sidebar.scss
  11. 124
      code_backend_theme/static/src/scss/theme.scss
  12. 21
      code_backend_theme/static/src/xml/sidebar.xml
  13. 6
      code_backend_theme/views/icons.xml
  14. 8
      code_backend_theme/views/layout.xml

40
code_backend_theme/README.rst
View File

@ -0,0 +1,40 @@
Code Backend Theme
==================
* Code Backend Theme module for Odoo 14 community editions
Installation
============
- www.odoo.com/documentation/14.0/setup/install.html
- Install our custom addon
License
-------
General Public License, Version 3 (LGPL v3).
(https://www.odoo.com/documentation/user/14.0/legal/licenses/licenses.html)
Company
-------
* 'Cybrosys Techno Solutions <https://cybrosys.com/>'__
Credits
-------
* 'Cybrosys Techno Solutions <https://cybrosys.com/>'__
Contacts
--------
* Mail Contact : odoo@cybrosys.com
Bug Tracker
-----------
Bugs are tracked on GitHub Issues. In case of trouble, please check there if your issue has already been reported.
Maintainer
==========
This module is maintained by Cybrosys Technologies.
For support and more information, please visit https://www.cybrosys.com
Further information
===================
HTML Description: `<static/description/index.html>`__

3
code_backend_theme/__manifest__.py
View File

@ -25,7 +25,7 @@
"description": """Minimalist and elegant backend theme for Odoo 14, Backend Theme, Theme""", "description": """Minimalist and elegant backend theme for Odoo 14, Backend Theme, Theme""",
"summary": "Code Backend Theme V14 is an attractive theme for backend", "summary": "Code Backend Theme V14 is an attractive theme for backend",
"category": "Theme/Backend", "category": "Theme/Backend",
"version": "14.0.1.0.0", "version": "14.0.1.1.0",
'author': 'Cybrosys Techno Solutions', 'author': 'Cybrosys Techno Solutions',
'company': 'Cybrosys Techno Solutions', 'company': 'Cybrosys Techno Solutions',
'maintainer': 'Cybrosys Techno Solutions', 'maintainer': 'Cybrosys Techno Solutions',
@ -34,6 +34,7 @@
"data": [ "data": [
'assets/assets.xml', 'assets/assets.xml',
'views/icons.xml', 'views/icons.xml',
'views/layout.xml',
], ],
"qweb": [ "qweb": [
'static/src/xml/styles.xml', 'static/src/xml/styles.xml',

11
code_backend_theme/doc/RELEASE_NOTES.md
View File

@ -0,0 +1,11 @@
## Module <code_backend_theme>
#### 09.06.2021
#### Version 14.0.1.0.0
#### ADD
Initial Commit
#### 18.06.2021
#### Version 14.0.1.1.0
#### UPDT
Made Responsive

190
code_backend_theme/hooks.py
View File

@ -1,3 +1,4 @@
"""Hooks for Changing Menu Web_icon"""
# -*- coding: utf-8 -*- # -*- coding: utf-8 -*-
############################################################################# #############################################################################
# #
@ -19,7 +20,6 @@
# If not, see <http://www.gnu.org/licenses/>. # If not, see <http://www.gnu.org/licenses/>.
# #
############################################################################# #############################################################################
import base64 import base64
from odoo import api, SUPERUSER_ID from odoo import api, SUPERUSER_ID
@ -27,202 +27,266 @@ from odoo.modules import get_module_resource
def test_pre_init_hook(cr): def test_pre_init_hook(cr):
"""pre init hook"""
env = api.Environment(cr, SUPERUSER_ID, {}) env = api.Environment(cr, SUPERUSER_ID, {})
menu_item = env['ir.ui.menu'].search([('parent_id', '=', False)]) menu_item = env['ir.ui.menu'].search([('parent_id', '=', False)])
for menu in menu_item: for menu in menu_item:
if menu.name == 'Contacts': if menu.name == 'Contacts':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Contacts.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Contacts.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Link Tracker': if menu.name == 'Link Tracker':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Link Tracker.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Link Tracker.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Dashboards': if menu.name == 'Dashboards':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Dashboards.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Dashboards.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Sales': if menu.name == 'Sales':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Sales.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Sales.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Invoicing': if menu.name == 'Invoicing':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Invoicing.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Invoicing.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Inventory': if menu.name == 'Inventory':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Inventory.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Inventory.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Purchase': if menu.name == 'Purchase':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Purchase.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Purchase.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Calendar': if menu.name == 'Calendar':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Calendar.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Calendar.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'CRM': if menu.name == 'CRM':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'CRM.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'CRM.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Note': if menu.name == 'Note':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Note.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Note.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Website': if menu.name == 'Website':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Website.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Website.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Point of Sale': if menu.name == 'Point of Sale':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Point of Sale.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Point of Sale.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Manufacturing': if menu.name == 'Manufacturing':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Manufacturing.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Manufacturing.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Repairs': if menu.name == 'Repairs':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Repairs.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Repairs.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Email Marketing': if menu.name == 'Email Marketing':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Email Marketing.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Email Marketing.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'SMS Marketing': if menu.name == 'SMS Marketing':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'SMS Marketing.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'SMS Marketing.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Project': if menu.name == 'Project':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Project.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Project.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Surveys': if menu.name == 'Surveys':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Surveys.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Surveys.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Employees': if menu.name == 'Employees':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Employees.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Employees.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Recruitment': if menu.name == 'Recruitment':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Recruitment.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Recruitment.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Attendances': if menu.name == 'Attendances':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Attendances.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Attendances.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Time Off': if menu.name == 'Time Off':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Time Off.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Time Off.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Expenses': if menu.name == 'Expenses':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Expenses.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Expenses.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Maintenance': if menu.name == 'Maintenance':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Maintenance.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Maintenance.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Live Chat': if menu.name == 'Live Chat':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Live Chat.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Live Chat.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Lunch': if menu.name == 'Lunch':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Lunch.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Lunch.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Fleet': if menu.name == 'Fleet':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Fleet.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Fleet.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Timesheets': if menu.name == 'Timesheets':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Timesheets.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Timesheets.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Events': if menu.name == 'Events':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Events.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Events.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'eLearning': if menu.name == 'eLearning':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'eLearning.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'eLearning.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Members': if menu.name == 'Members':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Members.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Members.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
def test_post_init_hook(cr, registry): def test_post_init_hook(cr, registry):
"""post init hook"""
env = api.Environment(cr, SUPERUSER_ID, {}) env = api.Environment(cr, SUPERUSER_ID, {})
menu_item = env['ir.ui.menu'].search([('parent_id', '=', False)]) menu_item = env['ir.ui.menu'].search([('parent_id', '=', False)])
for menu in menu_item: for menu in menu_item:
if menu.name == 'Contacts': if menu.name == 'Contacts':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Contacts.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Contacts.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Link Tracker': if menu.name == 'Link Tracker':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Link Tracker.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Link Tracker.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Dashboards': if menu.name == 'Dashboards':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Dashboards.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Dashboards.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Sales': if menu.name == 'Sales':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Sales.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Sales.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Invoicing': if menu.name == 'Invoicing':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Invoicing.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Invoicing.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Inventory': if menu.name == 'Inventory':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Inventory.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Inventory.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Purchase': if menu.name == 'Purchase':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Purchase.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Purchase.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Calendar': if menu.name == 'Calendar':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Calendar.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Calendar.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'CRM': if menu.name == 'CRM':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'CRM.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'CRM.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Note': if menu.name == 'Note':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Note.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Note.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Website': if menu.name == 'Website':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Website.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Website.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Point of Sale': if menu.name == 'Point of Sale':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Point of Sale.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Point of Sale.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Manufacturing': if menu.name == 'Manufacturing':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Manufacturing.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Manufacturing.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Repairs': if menu.name == 'Repairs':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Repairs.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Repairs.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Email Marketing': if menu.name == 'Email Marketing':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Email Marketing.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Email Marketing.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'SMS Marketing': if menu.name == 'SMS Marketing':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'SMS Marketing.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'SMS Marketing.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Project': if menu.name == 'Project':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Project.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Project.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Surveys': if menu.name == 'Surveys':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Surveys.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Surveys.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Employees': if menu.name == 'Employees':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Employees.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Employees.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Recruitment': if menu.name == 'Recruitment':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Recruitment.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Recruitment.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Attendances': if menu.name == 'Attendances':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Attendances.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Attendances.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Time Off': if menu.name == 'Time Off':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Time Off.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Time Off.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Expenses': if menu.name == 'Expenses':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Expenses.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Expenses.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Maintenance': if menu.name == 'Maintenance':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Maintenance.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Maintenance.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Live Chat': if menu.name == 'Live Chat':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Live Chat.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Live Chat.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Lunch': if menu.name == 'Lunch':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Lunch.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Lunch.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Fleet': if menu.name == 'Fleet':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Fleet.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Fleet.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Timesheets': if menu.name == 'Timesheets':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Timesheets.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Timesheets.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Events': if menu.name == 'Events':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Events.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Events.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'eLearning': if menu.name == 'eLearning':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'eLearning.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'eLearning.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
if menu.name == 'Members': if menu.name == 'Members':
img_path = get_module_resource('code_backend_theme', 'static', 'src', 'img', 'icons', 'Members.png') img_path = get_module_resource(
'code_backend_theme', 'static', 'src', 'img', 'icons', 'Members.png')
menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())}) menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})

BIN
code_backend_theme/static/description/assets/resp-gif.gif
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.1 MiB

BIN
code_backend_theme/static/description/assets/responsive.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 292 KiB

389
code_backend_theme/static/description/index.html
View File

@ -7,7 +7,7 @@
Code Backend Theme Code Backend Theme
</h1> </h1>
<p class="my-1 text-center text-uppercase" <p class="my-1 text-center text-uppercase"
style="letter-spacing: 4px !important; color: #74788D !important;">Minimalist and Elegant Backend style="letter-spacing: 4px !important; color: #74788D !important;">Minimalist and Elegant Backend
Theme for Odoo 14</p> Theme for Odoo 14</p>
</div> </div>
<div class="col-lg-12 d-flex justify-content-center align-items-center" style="margin: 2rem 0;"> <div class="col-lg-12 d-flex justify-content-center align-items-center" style="margin: 2rem 0;">
@ -22,20 +22,21 @@
<div class="row" style="padding: 0rem 2.5rem !important; background-color: #fff !important;"> <div class="row" style="padding: 0rem 2.5rem !important; background-color: #fff !important;">
<div class="col-lg-12 d-flex flex-column justify-content-center"> <div class="col-lg-12 d-flex flex-column justify-content-center">
<p class="my-1 text-center" <p class="my-1 text-center"
style="font-family: Montserrat, 'sans-serif' !important; color: #212121 !important;"> style="font-family: Montserrat, 'sans-serif' !important; color: #212121 !important;">
The Code Backend Theme V14 Gives You The Fully Modified View with a Full Screen Display. The Code Backend Theme V14 Gives You a Fully Modified View with a Full Screen Display.
This is a Minimalist and Elegant Backend Theme for Odoo 14. This is a Minimalist and Elegant Backend Theme for Odoo 14.
This Theme Will Change Your Old Experience to a New Experience With Odoo. This Theme Will Change Your Old Experience to a New Experience With Odoo.
It is a Perfect Choice for Your Odoo Backend and an Attractive Theme for Your Odoo 14. It is a Perfect Choice for Your Odoo Backend and an Attractive Theme for Your Odoo 14.
It will Give You a Clean Layout with the New Color Combination and a Modified Font. It Have a It will Give You a Clean Layout with a New Color Combination and a Modified Font. It has a
Sidebar with Sidebar with
New App Icons and Company Logo. This Will Change Your Old Kanban, List and Form Views to A Fully New App Icons and Company Logo. This Will Change Your Old Kanban, List and Form Views to A Fully
Modified Views. Modified View.
</p> </p>
</div> </div>
<div class="col-lg-12 mt-4"> <div class="col-lg-12 mt-4">
<div class="alert alert-warning text-center" role="alert"> <div class="alert alert-warning text-center" role="alert">
<i class="fa fa-exclamation-triangle mr-2" aria-hidden="true"></i>Please make sure that you install all <i class="fa fa-exclamation-triangle mr-2" aria-hidden="true"></i>Please make sure that you install
all
your apps prior to the installation of this theme. your apps prior to the installation of this theme.
</div> </div>
</div> </div>
@ -43,45 +44,105 @@
</div> </div>
<!-- END OF OVERVIEW--> <!-- END OF OVERVIEW-->
<!-- FEATURE --> <!-- FEATURE -->
<div class="container" style="margin-top: 3rem;"> <div class="container" style="margin-top: 3rem;">
<div class="row"> <div class="row">
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center"> <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center">
<hr class="position-absolute" style="border: 1px solid #c4c6cc !important; width: 40% !important;"> <hr class="position-absolute"
<h2 style="border: 1px solid #c4c6cc !important; width: 40% !important; z-index: 0 !important;">
style="font-weight: 300 !important; background-color: #fff !important; z-index: 1 !important; padding: 0 1rem !important;"> <h2 style="font-weight: 300 !important; background-color: #fff !important; z-index: 1 !important; padding: 0 1rem !important;">
Features</h2> Features</h2>
</div> </div>
</div> </div>
<!-- RESPONSIVE -->
<div class="container" style="margin-top: 3rem;"> <div class="container" style="margin-top: 3rem;">
<div class="row shadow" <div class="row shadow"
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #556EE6 !important; min-width: 100% !important;"> style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #556EE6 !important; min-width: 100% !important;">
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/responsive.png" width="100%" height="auto" class="img-responsive">
</div>
<div class="row">
<div class="col-lg-4 d-flex justify-content-center align-items-center"
style="padding: 1.5rem !important; margin: 0rem 0rem 3rem !important;">
<img src="assets/resp-gif.gif" width="80%" height="auto" class="img-responsive rounded">
</div>
<div class="col-lg-8" style="padding: 2.5rem 1.5rem!important;">
<div class="text-center"
style="font-size: 0.9rem !important; background-color: #556EE6 !important; padding: 0.5 1.5rem !important; width: 60px; color: #ffffff !important; font-weight: 700; border-radius: 0.2rem !important; margin: 10px 0 !important;">
New
</div>
<h3 style="font-weight: 700 !important;">Fully Responsive Layout</h3>
<h6 style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;">
Now take advantage of everything your dashboard has to offer even on the go. Our design are
now
fully responsive enabling you to view and manage everything from the comfort of your mobile
device. Everything
has been designed in a meticulous fashion so that every view snaps itself to fit the size of
the
device you are using, be it smartphones, tablet or any other portables, our theme adjusts
itself
to fit the screen size.
</h6>
<span class="d-flex" style="margin-top: 2rem !important;">
<i class="fa fa-check-square mr-2"
style="color:#556EE6 !important; margin-top: 5px !important;"></i>
<p>Fully responsive</p>
</span>
<span class="d-flex">
<i class="fa fa-check-square mr-2"
style="color:#556EE6 !important; margin-top: 5px !important;"></i>
<p>Fly-out hamburger menu on the left</p>
</span>
<span class="d-flex">
<i class="fa fa-check-square mr-2"
style="color:#556EE6 !important; margin-top: 5px !important;"></i>
<p>Fits perfectly to all screen sizes</p>
</span>
<span class="d-flex">
<i class="fa fa-check-square mr-2"
style="color:#556EE6 !important; margin-top: 5px !important;"></i>
<p>Quick access menu at the bottom in discuss</p>
</span>
</div>
</div>
</div>
</div>
<!-- END OF RESPONSIVE -->
<!-- FEATURE -->
<div class="container" style="margin-top: 3rem;">
<div class="row shadow"
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #556EE6 !important; min-width: 100% !important;">
<div class="col-lg-12" style="padding: 2.5rem 1.5rem!important;"> <div class="col-lg-12" style="padding: 2.5rem 1.5rem!important;">
<h3 style="font-weight: 700 !important;">Kanban Group View</h3> <h3 style="font-weight: 700 !important;">Kanban Group View</h3>
<h6 <h6 style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;">
style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;"> The Code Backend Theme V14 Gives You a Fully Modified Kanban View and Kanban Group View.
The Code Backend Theme V14 Gives You The Fully Modified Kanban View and Kanban Group View. The Section Wise Separated Stages give a Pleasant Experience And an Extraordinary Design
The Section Wise Separated Stages are have a Good Looking Experience And a Extra Ordinary Design To Your Content Tiles Making The Tiles Look Great.
for Your Content Tiles is Looking Great.
It will Give You a Clean Layout with the New Color Combination and a Modified Font. It will Give You a Clean Layout with the New Color Combination and a Modified Font.
</h6> </h6>
<div class="row mt-4"> <div class="row mt-4">
<div class="col-lg-6"> <div class="col-lg-6">
<span class="d-flex"> <span class="d-flex">
<i class="fa fa-check-square mr-2" <i class="fa fa-check-square mr-2"
style="color:#556EE6 !important; margin-top: 5px !important;"></i> style="color:#556EE6 !important; margin-top: 5px !important;"></i>
<p>Modified Font</p> <p>Modified Font</p>
</span> </span>
<span class="d-flex"> <span class="d-flex">
<i class="fa fa-check-square mr-2" <i class="fa fa-check-square mr-2"
style="color:#556EE6 !important; margin-top: 5px !important;"></i> style="color:#556EE6 !important; margin-top: 5px !important;"></i>
<p>New Color Combination</p> <p>New Color Combination</p>
</span> </span>
<span class="d-flex"> <span class="d-flex">
<i class="fa fa-check-square mr-2" <i class="fa fa-check-square mr-2"
style="color:#556EE6 !important; margin-top: 5px !important;"></i> style="color:#556EE6 !important; margin-top: 5px !important;"></i>
<p>Full Screen View</p> <p>Full Screen View</p>
</span> </span>
</div> </div>
@ -89,19 +150,19 @@
<div class="col-lg-6"> <div class="col-lg-6">
<span class="d-flex"> <span class="d-flex">
<i class="fa fa-check-square mr-2" <i class="fa fa-check-square mr-2"
style="color:#556EE6 !important; margin-top: 5px !important;"></i> style="color:#556EE6 !important; margin-top: 5px !important;"></i>
<p>Stages are Seperated in View</p> <p>Stages are Separated in View</p>
</span> </span>
<span class="d-flex"> <span class="d-flex">
<i class="fa fa-check-square mr-2" <i class="fa fa-check-square mr-2"
style="color:#556EE6 !important; margin-top: 5px !important;"></i> style="color:#556EE6 !important; margin-top: 5px !important;"></i>
<p>Clean Layout</p> <p>Clean Layout</p>
</span> </span>
<span class="d-flex"> <span class="d-flex">
<i class="fa fa-check-square mr-2" <i class="fa fa-check-square mr-2"
style="color:#556EE6 !important; margin-top: 5px !important;"></i> style="color:#556EE6 !important; margin-top: 5px !important;"></i>
<p>Buttons with New Colors</p> <p>Buttons with New Colors</p>
</span> </span>
</div> </div>
@ -117,11 +178,10 @@
<!-- FEATURE --> <!-- FEATURE -->
<div class="container" style="margin-top: 3rem;"> <div class="container" style="margin-top: 3rem;">
<div class="row shadow" <div class="row shadow"
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #556EE6 !important; min-width: 100% !important;"> style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #556EE6 !important; min-width: 100% !important;">
<div class="col-lg-12" style="padding: 2.5rem 1.5rem!important;"> <div class="col-lg-12" style="padding: 2.5rem 1.5rem!important;">
<h3 style="font-weight: 700 !important;">List View</h3> <h3 style="font-weight: 700 !important;">List View</h3>
<h6 <h6 style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;">
style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;">
The All new Code Backend Theme V14 Gives You The Fully Modified List View and This Table Design The All new Code Backend Theme V14 Gives You The Fully Modified List View and This Table Design
is Also Have Awesome Design and it Gives You More Beauty for Your Odoo Backend. is Also Have Awesome Design and it Gives You More Beauty for Your Odoo Backend.
It will Give You a Clean Layout with the New Color Combination and a Modified Font. It will Give You a Clean Layout with the New Color Combination and a Modified Font.
@ -130,19 +190,19 @@
<div class="col-lg-6"> <div class="col-lg-6">
<span class="d-flex"> <span class="d-flex">
<i class="fa fa-check-square mr-2" <i class="fa fa-check-square mr-2"
style="color:#556EE6 !important; margin-top: 5px !important;"></i> style="color:#556EE6 !important; margin-top: 5px !important;"></i>
<p>Modified Table Style</p> <p>Modified Table Style</p>
</span> </span>
<span class="d-flex"> <span class="d-flex">
<i class="fa fa-check-square mr-2" <i class="fa fa-check-square mr-2"
style="color:#556EE6 !important; margin-top: 5px !important;"></i> style="color:#556EE6 !important; margin-top: 5px !important;"></i>
<p>New Color Combination</p> <p>New Color Combination</p>
</span> </span>
<span class="d-flex"> <span class="d-flex">
<i class="fa fa-check-square mr-2" <i class="fa fa-check-square mr-2"
style="color:#556EE6 !important; margin-top: 5px !important;"></i> style="color:#556EE6 !important; margin-top: 5px !important;"></i>
<p>New Scroll Bar</p> <p>New Scroll Bar</p>
</span> </span>
</div> </div>
@ -150,19 +210,19 @@
<div class="col-lg-6"> <div class="col-lg-6">
<span class="d-flex"> <span class="d-flex">
<i class="fa fa-check-square mr-2" <i class="fa fa-check-square mr-2"
style="color:#556EE6 !important; margin-top: 5px !important;"></i> style="color:#556EE6 !important; margin-top: 5px !important;"></i>
<p>New Status Tag</p> <p>New Status Tag</p>
</span> </span>
<span class="d-flex"> <span class="d-flex">
<i class="fa fa-check-square mr-2" <i class="fa fa-check-square mr-2"
style="color:#556EE6 !important; margin-top: 5px !important;"></i> style="color:#556EE6 !important; margin-top: 5px !important;"></i>
<p>New Scrollbar</p> <p>New Scrollbar</p>
</span> </span>
<span class="d-flex"> <span class="d-flex">
<i class="fa fa-check-square mr-2" <i class="fa fa-check-square mr-2"
style="color:#556EE6 !important; margin-top: 5px !important;"></i> style="color:#556EE6 !important; margin-top: 5px !important;"></i>
<p>Buttons with New Colors</p> <p>Buttons with New Colors</p>
</span> </span>
</div> </div>
@ -178,11 +238,10 @@
<!-- FEATURE --> <!-- FEATURE -->
<div class="container" style="margin-top: 3rem;"> <div class="container" style="margin-top: 3rem;">
<div class="row shadow" <div class="row shadow"
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #556EE6 !important; min-width: 100% !important;"> style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #556EE6 !important; min-width: 100% !important;">
<div class="col-lg-12" style="padding: 2.5rem 1.5rem!important;"> <div class="col-lg-12" style="padding: 2.5rem 1.5rem!important;">
<h3 style="font-weight: 700 !important;">Form View</h3> <h3 style="font-weight: 700 !important;">Form View</h3>
<h6 <h6 style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;">
style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;">
Code Backend Theme Gives You The Fully Modified Form View with a Full Screen Experience. It will Code Backend Theme Gives You The Fully Modified Form View with a Full Screen Experience. It will
Give You a Clean Layout with the New Color Combination Give You a Clean Layout with the New Color Combination
and a Modified Font. and a Modified Font.
@ -191,19 +250,19 @@
<div class="col-lg-6"> <div class="col-lg-6">
<span class="d-flex"> <span class="d-flex">
<i class="fa fa-check-square mr-2" <i class="fa fa-check-square mr-2"
style="color:#556EE6 !important; margin-top: 5px !important;"></i> style="color:#556EE6 !important; margin-top: 5px !important;"></i>
<p>Modified Form Style</p> <p>Modified Form Style</p>
</span> </span>
<span class="d-flex"> <span class="d-flex">
<i class="fa fa-check-square mr-2" <i class="fa fa-check-square mr-2"
style="color:#556EE6 !important; margin-top: 5px !important;"></i> style="color:#556EE6 !important; margin-top: 5px !important;"></i>
<p>Full Screen Form View</p> <p>Full Screen Form View</p>
</span> </span>
<span class="d-flex"> <span class="d-flex">
<i class="fa fa-check-square mr-2" <i class="fa fa-check-square mr-2"
style="color:#556EE6 !important; margin-top: 5px !important;"></i> style="color:#556EE6 !important; margin-top: 5px !important;"></i>
<p>New Looks for Tabs</p> <p>New Looks for Tabs</p>
</span> </span>
</div> </div>
@ -211,19 +270,19 @@
<div class="col-lg-6"> <div class="col-lg-6">
<span class="d-flex"> <span class="d-flex">
<i class="fa fa-check-square mr-2" <i class="fa fa-check-square mr-2"
style="color:#556EE6 !important; margin-top: 5px !important;"></i> style="color:#556EE6 !important; margin-top: 5px !important;"></i>
<p>New Style for Required Field</p> <p>New Style for Required Field</p>
</span> </span>
<span class="d-flex"> <span class="d-flex">
<i class="fa fa-check-square mr-2" <i class="fa fa-check-square mr-2"
style="color:#556EE6 !important; margin-top: 5px !important;"></i> style="color:#556EE6 !important; margin-top: 5px !important;"></i>
<p>New Chatter Style Under Form View</p> <p>New Chatter Style Under Form View</p>
</span> </span>
<span class="d-flex"> <span class="d-flex">
<i class="fa fa-check-square mr-2" <i class="fa fa-check-square mr-2"
style="color:#556EE6 !important; margin-top: 5px !important;"></i> style="color:#556EE6 !important; margin-top: 5px !important;"></i>
<p>New Looks for Status Button</p> <p>New Looks for Status Button</p>
</span> </span>
</div> </div>
@ -242,64 +301,61 @@
<div class="col-lg-8" style="padding: 1rem 1rem 1rem 0rem !important;"> <div class="col-lg-8" style="padding: 1rem 1rem 1rem 0rem !important;">
<div class=" shadow" <div class=" shadow"
style="background-color: #fff !important; border-top: 3px solid #556EE6 !important; padding: 2.5rem 0rem 0rem 0rem !important;"> style="background-color: #fff !important; border-top: 3px solid #556EE6 !important; padding: 2.5rem 0rem 0rem 0rem !important;">
<h3 class="mx-4 mt-3" style="font-weight: 700 !important;">Overview</h3> <h3 class="mx-4 mt-3" style="font-weight: 700 !important;">Overview</h3>
<h6 class="mx-4" <h6 class="mx-4"
style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;"> style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;">
Code Backend Theme V14 is an Attractive Theme for Your Odoo 14. This Theme Will Change Your Code Backend Theme V14 is an Attractive Theme for Your Odoo 14.
All Experience With Odoo. This Theme Will Change Improve Your Experience With Odoo.
The Minimalist and Elegant Backend Theme for Odoo 14. This Theme is a Perfect Choice for This is a Minimalist and Elegant Backend Theme for Odoo 14 And Can Offer a Perfect Choice
Your Odoo Backend." for
Your Odoo Backend.
</h6> </h6>
<div class="mx-4 my-4"> <div class="mx-4 my-4">
<span class="d-flex"> <span class="d-flex">
<i class="fa fa-check-square mr-2" <i class="fa fa-check-square mr-2"
style="color:#556EE6 !important; margin-top: 5px !important;"></i> style="color:#556EE6 !important; margin-top: 5px !important;"></i>
<p>Modifed Structure for All Type Views</p> <p>Modified Structure for All Type Views</p>
</span> </span>
<span class="d-flex"> <span class="d-flex">
<i class="fa fa-check-square mr-2" <i class="fa fa-check-square mr-2"
style="color:#556EE6 !important; margin-top: 5px !important;"></i> style="color:#556EE6 !important; margin-top: 5px !important;"></i>
<p>New Style for Active Menus, Radio Buttons and Checkboxes</p> <p>New Style for Active Menus, Radio Buttons and Checkboxes</p>
</span> </span>
<span class="d-flex"> <span class="d-flex">
<i class="fa fa-check-square mr-2" <i class="fa fa-check-square mr-2"
style="color:#556EE6 !important; margin-top: 5px !important;"></i> style="color:#556EE6 !important; margin-top: 5px !important;"></i>
<p>New Color Combination</p> <p>New Color Combination</p>
</span> </span>
<span class="d-flex"> <span class="d-flex">
<i class="fa fa-check-square mr-2" <i class="fa fa-check-square mr-2"
style="color:#556EE6 !important; margin-top: 5px !important;"></i> style="color:#556EE6 !important; margin-top: 5px !important;"></i>
<p>New Look for All Applications</p> <p>New Look for All Applications</p>
</span> </span>
<span class="d-flex"> <span class="d-flex">
<i class="fa fa-check-square mr-2" <i class="fa fa-check-square mr-2"
style="color:#556EE6 !important; margin-top: 5px !important;"></i> style="color:#556EE6 !important; margin-top: 5px !important;"></i>
<p>A Clean layout and New Font Style</p> <p>A Clean layout and New Font Style</p>
</span> </span>
<span class="d-flex"> <span class="d-flex">
<i class="fa fa-check-square mr-2" <i class="fa fa-check-square mr-2"
style="color:#556EE6 !important; margin-top: 5px !important;"></i> style="color:#556EE6 !important; margin-top: 5px !important;"></i>
<p>Sidebar with New Menu Icons</p> <p>Sidebar with New Menu Icons</p>
</span> </span>
</div> </div>
<img src="./assets/all_screens.png" class="img-responsive" width="100% !important" <img src="./assets/all_screens.png" class="img-responsive" width="100% !important"
height="auto !important"> height="auto !important">
</div> </div>
</div> </div>
<div class="col-lg-4" style="padding: 1rem 0rem 1rem 1rem!important;"> <div class="col-lg-4" style="padding: 1rem 0rem 1rem 1rem!important;">
<div class="shadow" <div class="shadow"
style="background-color: #fff !important; border-top: 3px solid #556EE6 !important; padding: 2.5rem 0rem 0rem 1.5rem !important; position: relative; overflow: hidden !important;"> style="background-color: #fff !important; border-top: 3px solid #556EE6 !important; padding: 2.5rem 0rem 0rem 1.5rem !important; position: relative; overflow: hidden !important;">
<div class="text-center"
style="background-color: #556EE6 !important; color: #fff !important; font-size: 10px !important; font-weight: 500 !important; width: 100px !important; padding: 3px 0px 3px 20px !important; white-space: nowrap !important; position: absolute !important; transform: rotate(40deg) !important; top: 0px !important; right: -20px !important; ">
New</div>
<h3 class="mt-3" style="font-weight: 700 !important;">All-New Menu Design</h3> <h3 class="mt-3" style="font-weight: 700 !important;">All-New Menu Design</h3>
<h6 <h6 style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important; padding-bottom: 6.7rem !important;">
style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important; padding-bottom: 6.7rem !important;">
The All-New Menu Design is Main Attractive Section for the Code Backend Theme. The Sidebar The All-New Menu Design is Main Attractive Section for the Code Backend Theme. The Sidebar
have New Minimalist have New Minimalist
Icons for Applications in Odoo. Also the Sidebar Have Closing and Opening Option. Icons for Applications in Odoo. Also the Sidebar Have Closing and Opening Option.
@ -307,7 +363,7 @@
That is Automatically Fetch Your Company Logo. That is Automatically Fetch Your Company Logo.
</h6> </h6>
<img src="./assets/menu_focus.png" class="img-responsive" width="100% !important" <img src="./assets/menu_focus.png" class="img-responsive" width="100% !important"
height="auto !important"> height="auto !important">
</div> </div>
</div> </div>
@ -319,14 +375,15 @@
<!-- FEATURE --> <!-- FEATURE -->
<div class="container" style="margin-top: 3rem;"> <div class="container" style="margin-top: 3rem;">
<div class="row shadow" <div class="row shadow"
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #556EE6 !important; min-width: 100% !important;"> style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #556EE6 !important; min-width: 100% !important;">
<div class="col-lg-12" style="padding: 2.5rem 1.5rem!important;"> <div class="col-lg-12" style="padding: 2.5rem 1.5rem!important;">
<h3 style="font-weight: 700 !important;">Easily Access Sidebar Menu</h3> <h3 style="font-weight: 700 !important;">Easily Access Sidebar Menu</h3>
<h6 <h6 style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;">
style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;"> Reveal the sidebar menu with just a click. Sidebar menu features all the relevant links to
Reveal the sidebar menu with just a click. Sidebar menu features all the relevant links to navigate navigate
through the application. through the application.
Hiding the sidebar leaves more space on the main area offering a distraction-free view that lets you Hiding the sidebar leaves more space on the main area offering a distraction-free view that lets
you
focus on what matters the most. focus on what matters the most.
</h6> </h6>
</div> </div>
@ -341,19 +398,19 @@
<div class="container" style="margin-top: 3rem;"> <div class="container" style="margin-top: 3rem;">
<div class="row"> <div class="row">
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center"> <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center">
<hr class="position-absolute" style="border: 1px solid #c4c6cc !important; width: 40% !important;"> <hr class="position-absolute"
<h2 style="border: 1px solid #c4c6cc !important; width: 40% !important; z-index: 0 !important;">
style="font-weight: 300 !important; background-color: #fff !important; z-index: 1 !important; padding: 0 1rem !important;"> <h2 style="font-weight: 300 !important; background-color: #fff !important; z-index: 1 !important; padding: 0 1rem !important;">
Screenshots</h2> Screenshots</h2>
</div> </div>
</div> </div>
<div class="row shadow" <div class="row shadow"
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #74788D !important; min-width: 100% !important;"> style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #74788D !important; min-width: 100% !important;">
<div class="col-lg-12" style="padding: 2rem 1.5rem!important;"> <div class="col-lg-12" style="padding: 2rem 1.5rem!important;">
<div class="d-flex my-3"> <div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center" <div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;"> style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">1</h6> <h6 style="margin-top: 0.3rem; color: #fff !important;">1</h6>
</div> </div>
<h6 class="mt-2 ml-2">Login Page</h6> <h6 class="mt-2 ml-2">Login Page</h6>
@ -365,11 +422,11 @@
</div> </div>
<div class="row shadow" <div class="row shadow"
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #74788D !important; min-width: 100% !important;"> style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #74788D !important; min-width: 100% !important;">
<div class="col-lg-12" style="padding: 2rem 1.5rem!important;"> <div class="col-lg-12" style="padding: 2rem 1.5rem!important;">
<div class="d-flex my-3"> <div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center" <div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;"> style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">2</h6> <h6 style="margin-top: 0.3rem; color: #fff !important;">2</h6>
</div> </div>
<h6 class="mt-2 ml-2">Group By View</h6> <h6 class="mt-2 ml-2">Group By View</h6>
@ -381,11 +438,11 @@
</div> </div>
<div class="row shadow" <div class="row shadow"
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #74788D !important; min-width: 100% !important;"> style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #74788D !important; min-width: 100% !important;">
<div class="col-lg-12" style="padding: 2rem 1.5rem!important;"> <div class="col-lg-12" style="padding: 2rem 1.5rem!important;">
<div class="d-flex my-3"> <div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center" <div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;"> style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">3</h6> <h6 style="margin-top: 0.3rem; color: #fff !important;">3</h6>
</div> </div>
<h6 class="mt-2 ml-2">Settings Page</h6> <h6 class="mt-2 ml-2">Settings Page</h6>
@ -397,11 +454,11 @@
</div> </div>
<div class="row shadow" <div class="row shadow"
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #74788D !important; min-width: 100% !important;"> style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #74788D !important; min-width: 100% !important;">
<div class="col-lg-12" style="padding: 2rem 1.5rem!important;"> <div class="col-lg-12" style="padding: 2rem 1.5rem!important;">
<div class="d-flex my-3"> <div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center" <div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;"> style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">4</h6> <h6 style="margin-top: 0.3rem; color: #fff !important;">4</h6>
</div> </div>
<h6 class="mt-2 ml-2">Discuss Page</h6> <h6 class="mt-2 ml-2">Discuss Page</h6>
@ -413,11 +470,11 @@
</div> </div>
<div class="row shadow" <div class="row shadow"
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #74788D !important; min-width: 100% !important;"> style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #74788D !important; min-width: 100% !important;">
<div class="col-lg-12" style="padding: 2rem 1.5rem!important;"> <div class="col-lg-12" style="padding: 2rem 1.5rem!important;">
<div class="d-flex my-3"> <div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center" <div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;"> style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">5</h6> <h6 style="margin-top: 0.3rem; color: #fff !important;">5</h6>
</div> </div>
<h6 class="mt-2 ml-2">Product Kanban View</h6> <h6 class="mt-2 ml-2">Product Kanban View</h6>
@ -429,11 +486,11 @@
</div> </div>
<div class="row shadow" <div class="row shadow"
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #74788D !important; min-width: 100% !important;"> style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #74788D !important; min-width: 100% !important;">
<div class="col-lg-12" style="padding: 2rem 1.5rem!important;"> <div class="col-lg-12" style="padding: 2rem 1.5rem!important;">
<div class="d-flex my-3"> <div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center" <div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;"> style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">6</h6> <h6 style="margin-top: 0.3rem; color: #fff !important;">6</h6>
</div> </div>
<h6 class="mt-2 ml-2">Purchase List View</h6> <h6 class="mt-2 ml-2">Purchase List View</h6>
@ -445,11 +502,11 @@
</div> </div>
<div class="row shadow" <div class="row shadow"
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #74788D !important; min-width: 100% !important;"> style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #74788D !important; min-width: 100% !important;">
<div class="col-lg-12" style="padding: 2rem 1.5rem!important;"> <div class="col-lg-12" style="padding: 2rem 1.5rem!important;">
<div class="d-flex my-3"> <div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center" <div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;"> style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">7</h6> <h6 style="margin-top: 0.3rem; color: #fff !important;">7</h6>
</div> </div>
<h6 class="mt-2 ml-2">Product View with Smart Buttons</h6> <h6 class="mt-2 ml-2">Product View with Smart Buttons</h6>
@ -460,14 +517,15 @@
</div> </div>
</div> </div>
<div class="row shadow" <div class="row shadow"
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #74788D !important; min-width: 100% !important;"> style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #74788D !important; min-width: 100% !important;">
<div class="col-lg-12" style="padding: 2rem 1.5rem!important;"> <div class="col-lg-12" style="padding: 2rem 1.5rem!important;">
<div class="d-flex my-3"> <div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center" <div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;"> style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">8</h6> <h6 style="margin-top: 0.3rem; color: #fff !important;">8</h6>
</div> </div>
<h6 class="mt-2 ml-2">Modified Alert Notification are Placed on Right Bottom of Display</h6> <h6 class="mt-2 ml-2">Modified Alert Notifications are Placed on the Right Bottom of Display
</h6>
</div> </div>
</div> </div>
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;"> <div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;">
@ -476,11 +534,11 @@
</div> </div>
<div class="row shadow" <div class="row shadow"
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #74788D !important; min-width: 100% !important;"> style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #74788D !important; min-width: 100% !important;">
<div class="col-lg-12" style="padding: 2rem 1.5rem!important;"> <div class="col-lg-12" style="padding: 2rem 1.5rem!important;">
<div class="d-flex my-3"> <div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center" <div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;"> style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">9</h6> <h6 style="margin-top: 0.3rem; color: #fff !important;">9</h6>
</div> </div>
<h6 class="mt-2 ml-2">Wizards and User Error Popups</h6> <h6 class="mt-2 ml-2">Wizards and User Error Popups</h6>
@ -492,11 +550,11 @@
</div> </div>
<div class="row shadow" <div class="row shadow"
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #74788D !important; min-width: 100% !important;"> style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #74788D !important; min-width: 100% !important;">
<div class="col-lg-12" style="padding: 2rem 1.5rem!important;"> <div class="col-lg-12" style="padding: 2rem 1.5rem!important;">
<div class="d-flex my-3"> <div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center" <div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;"> style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">10</h6> <h6 style="margin-top: 0.3rem; color: #fff !important;">10</h6>
</div> </div>
<h6 class="mt-2 ml-2">New Looks for The Tabs</h6> <h6 class="mt-2 ml-2">New Looks for The Tabs</h6>
@ -508,11 +566,11 @@
</div> </div>
<div class="row shadow" <div class="row shadow"
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #74788D !important; min-width: 100% !important;"> style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #74788D !important; min-width: 100% !important;">
<div class="col-lg-12" style="padding: 2rem 1.5rem!important;"> <div class="col-lg-12" style="padding: 2rem 1.5rem!important;">
<div class="d-flex my-3"> <div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center" <div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;"> style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">11</h6> <h6 style="margin-top: 0.3rem; color: #fff !important;">11</h6>
</div> </div>
<h6 class="mt-2 ml-2">Recruitment Kanban View With Ribbons</h6> <h6 class="mt-2 ml-2">Recruitment Kanban View With Ribbons</h6>
@ -523,11 +581,11 @@
</div> </div>
</div> </div>
<div class="row shadow" <div class="row shadow"
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #74788D !important; min-width: 100% !important;"> style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #74788D !important; min-width: 100% !important;">
<div class="col-lg-12" style="padding: 2rem 1.5rem!important;"> <div class="col-lg-12" style="padding: 2rem 1.5rem!important;">
<div class="d-flex my-3"> <div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center" <div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;"> style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">12</h6> <h6 style="margin-top: 0.3rem; color: #fff !important;">12</h6>
</div> </div>
<h6 class="mt-2 ml-2">Sales Kanban View</h6> <h6 class="mt-2 ml-2">Sales Kanban View</h6>
@ -539,11 +597,11 @@
</div> </div>
<div class="row shadow" <div class="row shadow"
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #74788D !important; min-width: 100% !important;"> style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #74788D !important; min-width: 100% !important;">
<div class="col-lg-12" style="padding: 2rem 1.5rem!important;"> <div class="col-lg-12" style="padding: 2rem 1.5rem!important;">
<div class="d-flex my-3"> <div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center" <div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;"> style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">13</h6> <h6 style="margin-top: 0.3rem; color: #fff !important;">13</h6>
</div> </div>
<h6 class="mt-2 ml-2">Modified Kanban View for Employees With New Designed Category Section</h6> <h6 class="mt-2 ml-2">Modified Kanban View for Employees With New Designed Category Section</h6>
@ -555,11 +613,11 @@
</div> </div>
<div class="row shadow" <div class="row shadow"
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #74788D !important; min-width: 100% !important;"> style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #74788D !important; min-width: 100% !important;">
<div class="col-lg-12" style="padding: 2rem 1.5rem!important;"> <div class="col-lg-12" style="padding: 2rem 1.5rem!important;">
<div class="d-flex my-3"> <div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center" <div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;"> style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">14</h6> <h6 style="margin-top: 0.3rem; color: #fff !important;">14</h6>
</div> </div>
<h6 class="mt-2 ml-2">Newly Customised Chatter and Popup Chatter</h6> <h6 class="mt-2 ml-2">Newly Customised Chatter and Popup Chatter</h6>
@ -570,11 +628,11 @@
</div> </div>
</div> </div>
<div class="row shadow" <div class="row shadow"
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #74788D !important; min-width: 100% !important;"> style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #74788D !important; min-width: 100% !important;">
<div class="col-lg-12" style="padding: 2rem 1.5rem!important;"> <div class="col-lg-12" style="padding: 2rem 1.5rem!important;">
<div class="d-flex my-3"> <div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center" <div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;"> style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">15</h6> <h6 style="margin-top: 0.3rem; color: #fff !important;">15</h6>
</div> </div>
<h6 class="mt-2 ml-2">New Looks for Wizards and Buttons with New Colors</h6> <h6 class="mt-2 ml-2">New Looks for Wizards and Buttons with New Colors</h6>
@ -585,11 +643,11 @@
</div> </div>
</div> </div>
<div class="row shadow" <div class="row shadow"
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #74788D !important; min-width: 100% !important;"> style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #74788D !important; min-width: 100% !important;">
<div class="col-lg-12" style="padding: 2rem 1.5rem!important;"> <div class="col-lg-12" style="padding: 2rem 1.5rem!important;">
<div class="d-flex my-3"> <div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center" <div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;"> style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">16</h6> <h6 style="margin-top: 0.3rem; color: #fff !important;">16</h6>
</div> </div>
<h6 class="mt-2 ml-2">Sidebar with List View</h6> <h6 class="mt-2 ml-2">Sidebar with List View</h6>
@ -601,11 +659,11 @@
</div> </div>
<div class="row shadow" <div class="row shadow"
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #74788D !important; min-width: 100% !important;"> style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #74788D !important; min-width: 100% !important;">
<div class="col-lg-12" style="padding: 2rem 1.5rem!important;"> <div class="col-lg-12" style="padding: 2rem 1.5rem!important;">
<div class="d-flex my-3"> <div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center" <div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;"> style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">17</h6> <h6 style="margin-top: 0.3rem; color: #fff !important;">17</h6>
</div> </div>
<h6 class="mt-2 ml-2">Sidebar with Settings Page View</h6> <h6 class="mt-2 ml-2">Sidebar with Settings Page View</h6>
@ -617,11 +675,11 @@
</div> </div>
<div class="row shadow" <div class="row shadow"
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #74788D !important; min-width: 100% !important;"> style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #74788D !important; min-width: 100% !important;">
<div class="col-lg-12" style="padding: 2rem 1.5rem!important;"> <div class="col-lg-12" style="padding: 2rem 1.5rem!important;">
<div class="d-flex my-3"> <div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center" <div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;"> style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">18</h6> <h6 style="margin-top: 0.3rem; color: #fff !important;">18</h6>
</div> </div>
<h6 class="mt-2 ml-2">Attendance Pages</h6> <h6 class="mt-2 ml-2">Attendance Pages</h6>
@ -633,11 +691,11 @@
</div> </div>
<div class="row shadow" <div class="row shadow"
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #74788D !important; min-width: 100% !important;"> style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #74788D !important; min-width: 100% !important;">
<div class="col-lg-12" style="padding: 2rem 1.5rem!important;"> <div class="col-lg-12" style="padding: 2rem 1.5rem!important;">
<div class="d-flex my-3"> <div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center" <div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;"> style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">19</h6> <h6 style="margin-top: 0.3rem; color: #fff !important;">19</h6>
</div> </div>
<h6 class="mt-2 ml-2">Invoice Pages</h6> <h6 class="mt-2 ml-2">Invoice Pages</h6>
@ -649,11 +707,11 @@
</div> </div>
<div class="row shadow" <div class="row shadow"
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #74788D !important; min-width: 100% !important;"> style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #74788D !important; min-width: 100% !important;">
<div class="col-lg-12" style="padding: 2rem 1.5rem!important;"> <div class="col-lg-12" style="padding: 2rem 1.5rem!important;">
<div class="d-flex my-3"> <div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center" <div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;"> style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">20</h6> <h6 style="margin-top: 0.3rem; color: #fff !important;">20</h6>
</div> </div>
<h6 class="mt-2 ml-2">Graphs with Sidebar</h6> <h6 class="mt-2 ml-2">Graphs with Sidebar</h6>
@ -663,7 +721,6 @@
<img src="assets/screenshots/graph.png" width="100%" height="auto" class="img-responsive"> <img src="assets/screenshots/graph.png" width="100%" height="auto" class="img-responsive">
</div> </div>
</div> </div>
</div> </div>
<!-- END OF SCREENSHOTS --> <!-- END OF SCREENSHOTS -->
@ -672,15 +729,15 @@
<section class="container" style="margin-top: 6rem !important;"> <section class="container" style="margin-top: 6rem !important;">
<div class="row"> <div class="row">
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mb-4"> <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mb-4">
<hr class="position-absolute" style="border: 1px solid #c4c6cc !important; width: 40% !important;"> <hr class="position-absolute"
<h2 style="border: 1px solid #c4c6cc !important; width: 40% !important; z-index: 0 !important;">
style="font-weight: 300 !important; background-color: #fff !important; z-index: 1 !important; padding: 0 1rem !important;"> <h2 style="font-weight: 300 !important; background-color: #fff !important; z-index: 1 !important; padding: 0 1rem !important;">
Our Services</h2> Our Services</h2>
</div> </div>
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4"> <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
<div class="d-flex justify-content-center align-items-center mx-3 my-3" <div class="d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color: #1dd1a1 !important; border-radius: 15px !important; height: 80px; width: 80px;"> style="background-color: #1dd1a1 !important; border-radius: 15px !important; height: 80px; width: 80px;">
<img src="assets/icons/cogs.png" class="img-responsive" height="48px" width="48px"> <img src="assets/icons/cogs.png" class="img-responsive" height="48px" width="48px">
</div> </div>
<h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;"> <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
@ -690,7 +747,7 @@
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4"> <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
<div class="d-flex justify-content-center align-items-center mx-3 my-3" <div class="d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color: #ff6b6b !important; border-radius: 15px !important; height: 80px; width: 80px;"> style="background-color: #ff6b6b !important; border-radius: 15px !important; height: 80px; width: 80px;">
<img src="assets/icons/wrench.png" class="img-responsive" height="48px" width="48px"> <img src="assets/icons/wrench.png" class="img-responsive" height="48px" width="48px">
</div> </div>
<h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;"> <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
@ -700,7 +757,7 @@
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4"> <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
<div class="d-flex justify-content-center align-items-center mx-3 my-3" <div class="d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color: #6462CD !important; border-radius: 15px !important; height: 80px; width: 80px;"> style="background-color: #6462CD !important; border-radius: 15px !important; height: 80px; width: 80px;">
<img src="assets/icons/lifebuoy.png" class="img-responsive" height="48px" width="48px"> <img src="assets/icons/lifebuoy.png" class="img-responsive" height="48px" width="48px">
</div> </div>
<h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;"> <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
@ -708,10 +765,9 @@
Support</h6> Support</h6>
</div> </div>
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4"> <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
<div class="d-flex justify-content-center align-items-center mx-3 my-3" <div class="d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color: #ffa801 !important; border-radius: 15px !important; height: 80px; width: 80px;"> style="background-color: #ffa801 !important; border-radius: 15px !important; height: 80px; width: 80px;">
<img src="assets/icons/user.png" class="img-responsive" height="48px" width="48px"> <img src="assets/icons/user.png" class="img-responsive" height="48px" width="48px">
</div> </div>
<h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;"> <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
@ -722,7 +778,7 @@
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4"> <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
<div class="d-flex justify-content-center align-items-center mx-3 my-3" <div class="d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color: #54a0ff !important; border-radius: 15px !important; height: 80px; width: 80px;"> style="background-color: #54a0ff !important; border-radius: 15px !important; height: 80px; width: 80px;">
<img src="assets/icons/puzzle.png" class="img-responsive" height="48px" width="48px"> <img src="assets/icons/puzzle.png" class="img-responsive" height="48px" width="48px">
</div> </div>
<h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;"> <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
@ -732,7 +788,7 @@
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4"> <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
<div class="d-flex justify-content-center align-items-center mx-3 my-3" <div class="d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color: #6d7680 !important; border-radius: 15px !important; height: 80px; width: 80px;"> style="background-color: #6d7680 !important; border-radius: 15px !important; height: 80px; width: 80px;">
<img src="assets/icons/update.png" class="img-responsive" height="48px" width="48px"> <img src="assets/icons/update.png" class="img-responsive" height="48px" width="48px">
</div> </div>
<h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;"> <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
@ -740,10 +796,9 @@
Migration</h6> Migration</h6>
</div> </div>
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4"> <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
<div class="d-flex justify-content-center align-items-center mx-3 my-3" <div class="d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color: #786fa6 !important; border-radius: 15px !important; height: 80px; width: 80px;"> style="background-color: #786fa6 !important; border-radius: 15px !important; height: 80px; width: 80px;">
<img src="assets/icons/consultation.png" class="img-responsive" height="48px" width="48px"> <img src="assets/icons/consultation.png" class="img-responsive" height="48px" width="48px">
</div> </div>
<h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;"> <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
@ -753,7 +808,7 @@
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4"> <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
<div class="d-flex justify-content-center align-items-center mx-3 my-3" <div class="d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color: #f8a5c2 !important; border-radius: 15px !important; height: 80px; width: 80px;"> style="background-color: #f8a5c2 !important; border-radius: 15px !important; height: 80px; width: 80px;">
<img src="assets/icons/training.png" class="img-responsive" height="48px" width="48px"> <img src="assets/icons/training.png" class="img-responsive" height="48px" width="48px">
</div> </div>
<h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;"> <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
@ -763,7 +818,7 @@
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4"> <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
<div class="d-flex justify-content-center align-items-center mx-3 my-3" <div class="d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color: #e6be26 !important; border-radius: 15px !important; height: 80px; width: 80px;"> style="background-color: #e6be26 !important; border-radius: 15px !important; height: 80px; width: 80px;">
<img src="assets/icons/license.png" class="img-responsive" height="48px" width="48px"> <img src="assets/icons/license.png" class="img-responsive" height="48px" width="48px">
</div> </div>
<h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;"> <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
@ -778,18 +833,17 @@
<section class="container" style="margin-top: 6rem !important; background-color: #fff !important;"> <section class="container" style="margin-top: 6rem !important; background-color: #fff !important;">
<div class="row"> <div class="row">
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mb-4"> <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mb-4">
<hr class="position-absolute" style="border: 1px solid #c4c6cc !important; width: 40% !important;"> <hr class="position-absolute"
<h2 style="border: 1px solid #c4c6cc !important; width: 40% !important; z-index: 0 !important;">
style="font-weight: 300 !important; background-color: #fff !important; z-index: 1 !important; padding: 0 1rem !important;"> <h2 style="font-weight: 300 !important; background-color: #fff !important; z-index: 1 !important; padding: 0 1rem !important;">
Our Industries</h2> Our Industries</h2>
</div> </div>
<div class="col-lg-3"> <div class="col-lg-3">
<div class="my-4 d-flex flex-column justify-content-center" <div class="my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;"> style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
<img src="./assets/icons/trading-black.png" class="img-responsive mb-3" height="48px" width="48px"> <img src="./assets/icons/trading-black.png" class="img-responsive mb-3" height="48px" width="48px">
<h5 <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
Trading Trading
</h5> </h5>
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">Easily <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">Easily
@ -801,10 +855,9 @@
<div class="col-lg-3"> <div class="col-lg-3">
<div class="my-4 d-flex flex-column justify-content-center" <div class="my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;"> style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
<img src="./assets/icons/pos-black.png" class="img-responsive mb-3" height="48px" width="48px"> <img src="./assets/icons/pos-black.png" class="img-responsive mb-3" height="48px" width="48px">
<h5 <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
POS POS
</h5> </h5>
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">Easy <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">Easy
@ -815,11 +868,10 @@
<div class="col-lg-3"> <div class="col-lg-3">
<div class="my-4 d-flex flex-column justify-content-center" <div class="my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;"> style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
<img src="./assets/icons/education-black.png" class="img-responsive mb-3" height="48px" <img src="./assets/icons/education-black.png" class="img-responsive mb-3" height="48px"
width="48px"> width="48px">
<h5 <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
Education Education
</h5> </h5>
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">A <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">A
@ -830,11 +882,10 @@
<div class="col-lg-3"> <div class="col-lg-3">
<div class="my-4 d-flex flex-column justify-content-center" <div class="my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;"> style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
<img src="./assets/icons/manufacturing-black.png" class="img-responsive mb-3" height="48px" <img src="./assets/icons/manufacturing-black.png" class="img-responsive mb-3" height="48px"
width="48px"> width="48px">
<h5 <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
Manufacturing Manufacturing
</h5> </h5>
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">Plan, <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">Plan,
@ -842,13 +893,11 @@
schedule your operations</p> schedule your operations</p>
</div> </div>
</div> </div>
<div class="col-lg-3"> <div class="col-lg-3">
<div class="my-4 d-flex flex-column justify-content-center" <div class="my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;"> style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
<img src="./assets/icons/ecom-black.png" class="img-responsive mb-3" height="48px" width="48px"> <img src="./assets/icons/ecom-black.png" class="img-responsive mb-3" height="48px" width="48px">
<h5 <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
E-commerce &amp; Website E-commerce &amp; Website
</h5> </h5>
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">Mobile <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">Mobile
@ -856,13 +905,11 @@
awe-inspiring product pages</p> awe-inspiring product pages</p>
</div> </div>
</div> </div>
<div class="col-lg-3"> <div class="col-lg-3">
<div class="my-4 d-flex flex-column justify-content-center" <div class="my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;"> style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
<img src="./assets/icons/service-black.png" class="img-responsive mb-3" height="48px" width="48px"> <img src="./assets/icons/service-black.png" class="img-responsive mb-3" height="48px" width="48px">
<h5 <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
Service Management Service Management
</h5> </h5>
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">Keep <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">Keep
@ -870,14 +917,12 @@
services and invoice</p> services and invoice</p>
</div> </div>
</div> </div>
<div class="col-lg-3"> <div class="col-lg-3">
<div class="my-4 d-flex flex-column justify-content-center" <div class="my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;"> style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
<img src="./assets/icons/restaurant-black.png" class="img-responsive mb-3" height="48px" <img src="./assets/icons/restaurant-black.png" class="img-responsive mb-3" height="48px"
width="48px"> width="48px">
<h5 <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
Restaurant Restaurant
</h5> </h5>
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">Run <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">Run
@ -885,13 +930,11 @@
restaurant methodically</p> restaurant methodically</p>
</div> </div>
</div> </div>
<div class="col-lg-3"> <div class="col-lg-3">
<div class="my-4 d-flex flex-column justify-content-center" <div class="my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;"> style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
<img src="./assets/icons/hotel-black.png" class="img-responsive mb-3" height="48px" width="48px"> <img src="./assets/icons/hotel-black.png" class="img-responsive mb-3" height="48px" width="48px">
<h5 <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
Hotel Management Hotel Management
</h5> </h5>
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">An <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">An
@ -899,7 +942,6 @@
hotel management application</p> hotel management application</p>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
@ -910,39 +952,35 @@
<section class="container" style="margin: 5rem auto 2rem; background-color: #fff !important;"> <section class="container" style="margin: 5rem auto 2rem; background-color: #fff !important;">
<div class="row" style="max-width:1540px;"> <div class="row" style="max-width:1540px;">
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mb-4"> <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mb-4">
<hr class="position-absolute" style="border: 1px solid #c4c6cc !important; width: 40% !important;"> <hr class="position-absolute"
<h2 style="border: 1px solid #c4c6cc !important; width: 40% !important; z-index: 0 !important;">
style="font-weight: 300 !important; background-color: #fff !important; z-index: 1 !important; padding: 0 1rem !important;"> <h2 style="font-weight: 300 !important; background-color: #fff !important; z-index: 1 !important; padding: 0 1rem !important;">
Need Help?</h2> Need Help?</h2>
</div> </div>
</div> </div>
<!-- Contact Cards --> <!-- Contact Cards -->
<div class="row d-flex justify-content-center align-items-center" <div class="row d-flex justify-content-center align-items-center"
style="max-width:1540px; margin: 0 auto 2rem auto;"> style="max-width:1540px; margin: 0 auto 2rem auto;">
<div class="col-lg-12" style="padding: 0rem 3rem 2rem; border-radius: 10px; margin-right: 3rem; "> <div class="col-lg-12" style="padding: 0rem 3rem 2rem; border-radius: 10px; margin-right: 3rem; ">
<div class="row mt-4"> <div class="row mt-4">
<div class="col-lg-4"> <div class="col-lg-4">
<a href="mailto:odoo@cybrosys.com" target="_blank" class="btn btn-block mb-2 deep_hover" <a href="mailto:odoo@cybrosys.com" target="_blank" class="btn btn-block mb-2 deep_hover"
style="text-decoration: none; background-color: #4d4d4d; color: #FFF; border-radius: 4px;"><i style="text-decoration: none; background-color: #4d4d4d; color: #FFF; border-radius: 4px;"><i
class="fa fa-envelope mr-2"></i>odoo@cybrosys.com</a> class="fa fa-envelope mr-2"></i>odoo@cybrosys.com</a>
</div> </div>
<div class="col-lg-4"> <div class="col-lg-4">
<a href="https://api.whatsapp.com/send?phone=918606827707" target="_blank" <a href="https://api.whatsapp.com/send?phone=918606827707" target="_blank"
class="btn btn-block mb-2 deep_hover" class="btn btn-block mb-2 deep_hover"
style="text-decoration: none; background-color: #25D366; color: #FFF; border-radius: 4px;"><i style="text-decoration: none; background-color: #25D366; color: #FFF; border-radius: 4px;">
class="fa fa-whatsapp mr-2"></i>WhatsApp</a> <i class="fa fa-whatsapp mr-2"></i>WhatsApp</a>
</div> </div>
<div class="col-lg-4"> <div class="col-lg-4">
<a href="mailto:info@cybrosys.com" target="_blank" class="btn btn-block deep_hover" <a href="mailto:info@cybrosys.com" target="_blank" class="btn btn-block deep_hover"
style="text-decoration: none; background-color: #4d4d4d; color: #FFF; border-radius: 4px;"><i style="text-decoration: none; background-color: #4d4d4d; color: #FFF; border-radius: 4px;">
class="fa fa-envelope mr-2"></i>info@cybrosys.com</a> <i class="fa fa-envelope mr-2"></i>info@cybrosys.com</a>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- End of Contact Cards --> <!-- End of Contact Cards -->
</section> </section>
@ -951,9 +989,10 @@
<div class="row" style="max-width:1540px; margin: 0 auto; margin-right: 3rem; "> <div class="row" style="max-width:1540px; margin: 0 auto; margin-right: 3rem; ">
<!-- Logo --> <!-- Logo -->
<div class="col-lg-12 d-flex justify-content-center align-items-center" style="margin-top: 3rem;"> <div class="col-lg-12 d-flex justify-content-center align-items-center" style="margin-top: 3rem;">
<img src="https://www.cybrosys.com/images/logo.png" width="200px" height="auto" /> <img src="https://www.cybrosys.com/images/logo.png" width="200px" height="auto"/>
</div> </div>
<!-- End of Logo --> <!-- End of Logo -->
</div> </div>
</section> </section>
<!-- END OF FOOTER --> <!-- END OF FOOTER -->
</div>

BIN
code_backend_theme/static/src/img/icons/close.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 527 B

36
code_backend_theme/static/src/js/chrome/sidebar_menu.js
View File

@ -35,6 +35,18 @@ odoo.define('code_backend_theme.SidebarMenu', function (require) {
var navbar_id = navbar.data("id"); var navbar_id = navbar.data("id");
$("nav").addClass(navbar_id); $("nav").addClass(navbar_id);
navbar.addClass("small_nav"); navbar.addClass("small_nav");
//add class in action-manager
var action_manager = $(".o_action_manager");
var action_manager_id = action_manager.data("id");
$("div").addClass(action_manager_id);
action_manager.addClass("sidebar_margin");
//add class in top_heading
var top_head = $(".top_heading");
var top_head_id = top_head.data("id");
$("div").addClass(top_head_id);
top_head.addClass("sidebar_margin");
}); });
$(document).on("click", "#closeSidebar", function(event){ $(document).on("click", "#closeSidebar", function(event){
$("#sidebar_panel").css({'display':'none'}); $("#sidebar_panel").css({'display':'none'});
@ -46,6 +58,18 @@ odoo.define('code_backend_theme.SidebarMenu', function (require) {
var navbar_id = navbar.data("id"); var navbar_id = navbar.data("id");
$("nav").removeClass(navbar_id); $("nav").removeClass(navbar_id);
navbar.removeClass("small_nav"); navbar.removeClass("small_nav");
//remove class in action-manager
var action_manager = $(".o_action_manager");
var action_manager_id = action_manager.data("id");
$("div").removeClass(action_manager_id);
action_manager.removeClass("sidebar_margin");
//remove class in top_heading
var top_head = $(".top_heading");
var top_head_id = top_head.data("id");
$("div").removeClass(top_head_id);
top_head.removeClass("sidebar_margin");
}); });
$(document).on("click", ".sidebar a", function(event){ $(document).on("click", ".sidebar a", function(event){
@ -68,5 +92,17 @@ odoo.define('code_backend_theme.SidebarMenu', function (require) {
var navbar_id = navbar.data("id"); var navbar_id = navbar.data("id");
$("nav").removeClass(navbar_id); $("nav").removeClass(navbar_id);
navbar.removeClass("small_nav"); navbar.removeClass("small_nav");
//remove class in action-manager
var action_manager = $(".o_action_manager");
var action_manager_id = action_manager.data("id");
$("div").removeClass(action_manager_id);
action_manager.removeClass("sidebar_margin");
//remove class in top_heading
var top_head = $(".top_heading");
var top_head_id = top_head.data("id");
$("div").removeClass(top_head_id);
top_head.removeClass("sidebar_margin");
}); });
}); });

21
code_backend_theme/static/src/scss/sidebar.scss
View File

@ -8,7 +8,7 @@
overflow-y: scroll; overflow-y: scroll;
-ms-overflow-style: none; /* Hide scrollbar for IE and Edge */ -ms-overflow-style: none; /* Hide scrollbar for IE and Edge */
scrollbar-width: none; /* Hide scrollbar for Firefox */ scrollbar-width: none; /* Hide scrollbar for Firefox */
z-index: 2; z-index: 999;
} }
#sidebar_panel::-webkit-scrollbar { #sidebar_panel::-webkit-scrollbar {
display: none; /* Hide scrollbar for Chrome, Safari and Opera */ display: none; /* Hide scrollbar for Chrome, Safari and Opera */
@ -19,6 +19,25 @@
padding-bottom: 20px; padding-bottom: 20px;
padding-top: 5px; padding-top: 5px;
} }
.sidebar_panel .sidebar_close {
text-align: end;
display: none;
position: sticky;
height: 35px;
padding-top: 5px;
top: 0;
background: #2a3042;
z-index: 1;
}
.sidebar_panel .sidebar_close a#closeSidebar {
font-size: 18px;
margin-right: 10px;
color: #ffffff;
opacity: .3;
}
.sidebar_panel .sidebar_close a#closeSidebar img {
width: 15px;
}
.sidebar_panel .sidebar .sidebar_logo { .sidebar_panel .sidebar .sidebar_logo {
padding-top: 20px; padding-top: 20px;
text-align: center; text-align: center;

124
code_backend_theme/static/src/scss/theme.scss
View File

@ -629,6 +629,12 @@ th.o_list_record_selector {
.o_ThreadIcon_online { .o_ThreadIcon_online {
color: #34c38f; color: #34c38f;
} }
.o_Message_prettyBody table th {
color: $primary_accent !important;
}
.o_Message_prettyBody table thead tr td {
background-color: $primary_hover !important;
}
// Discuss End // Discuss End
//Chatter @form //Chatter @form
@ -1429,3 +1435,121 @@ div.dropdown-menu.bootstrap-datetimepicker-widget{
background-color: rgba(85,110,230,0.23); background-color: rgba(85,110,230,0.23);
} }
//groupby color ends //groupby color ends
//Responsive starts
@media (max-width:992px) {
.o_action_manager.sidebar_margin {
margin: 0 !important;
}
.top_heading.sidebar_margin {
margin: 0 !important;
}
.sidebar_panel .sidebar {
position: relative;
padding-top: 0px !important;
}
.sidebar_panel .sidebar_close {
display: block !important;
}
}
@media (max-width:480px) {
ul.o_menu_apps {
padding-left: 25px;
}
.o_control_panel {
margin: 15px 10px 0 10px;
}
.o_control_panel > div {
flex-wrap: wrap;
}
.o_cp_top_left, .o_cp_top_right,
.o_cp_bottom_left, .o_cp_bottom_right {
width: 100%;
}
.o_widget_Discuss .o_Discuss.o-mobile:not(.o-adding-item) {
border: none !important;
}
html .o_web_client > .o_action_manager {
overflow: auto !important;
}
ul.o_menu_systray.topbar_icon li:nth-child(1) {
margin-left: 20px;
}
.o_main_navbar .o_user_menu {
margin-left: 20px;
}
.sidebar_panel .sidebar .sidebar_logo img {
max-width: 112px;
}
.sidebar_panel .sidebar .sidebar_logo {
padding-top: 20px;
text-align: center;
padding-bottom: 5px;
}
li.o_switch_company_menu.show .dropdown-menu.dropdown-menu-right.show {
right: auto !important;
left: 0px;
}
ul.o_menu_systray.topbar_icon .dropdown-menu.show{
left: 0px !important;
right: auto !important;
}
ul.o_menu_systray.topbar_icon {
margin-left: 0;
}
.o_MessagingMenu_dropdownMenu.o-mobile {
top: 70px;
}
.o_control_panel .o_cp_bottom_right {
flex-wrap: wrap;
}
.o_form_view .o_form_statusbar {
flex-wrap: wrap;
}
.btn {
padding: 2px 10px !important;
height: 35px !important;
}
.o_form_view .o_form_statusbar > .o_statusbar_status > .o_arrow_button:not(:first-child):before,
.o_form_view .o_form_statusbar > .o_statusbar_status > .o_arrow_button:not(:first-child):after {
border-top: 17px solid transparent !important;
border-bottom: 16px solid transparent !important;
}
.o_statusbar_status.o_field_widget.o_readonly_modifier {
width: 100%;
justify-content: flex-end;
margin-top: 5px;
}
.o_form_view .o_form_statusbar > .o_statusbar_buttons > .btn {
margin: 1px 0px 4px 0;
}
.o_form_statusbar .o_statusbar_buttons .btn {
margin-right: 5px !important;
}
.o_control_panel .o_cp_bottom_left > .o_cp_action_menus .o_dropdown_toggler_btn {
margin-right: 3px;
}
.o_form_view .o_form_sheet_bg > .o_form_sheet {
min-width: auto;
}
.nav-tabs .nav-link {
padding: 8px;
}
.modal.o_technical_modal.o_modal_full .modal-dialog .modal-content .modal-header {
background: $primary_accent;
}
.o_form_view .o_group .o_group_col_6 {
width: 100%;
}
.o_kanban_view.o_kanban_ungrouped .o_kanban_record {
flex-wrap: wrap;
}
.o_kanban_view .o_kanban_record.o_kanban_record_has_image_fill .o_kanban_image_fill_left {
border-radius: 5px;
}
.o_field_widget.o_field_image .o_form_image_controls > .fa.o_select_file_button {
background: #74788d;
}
}
//Responsive ends

21
code_backend_theme/static/src/xml/sidebar.xml
View File

@ -5,22 +5,27 @@
<div class="sidebar_panel" id="sidebar_panel"/> <div class="sidebar_panel" id="sidebar_panel"/>
</t> </t>
</t> </t>
<t t-name="code_backend_theme.SideBar"> <t t-name="code_backend_theme.SideBar">
<div class="sidebar"> <div class="sidebar">
<div class="sidebar_close">
<a id="closeSidebar" style="cursor: pointer;">
<img src="/code_backend_theme/static/src/img/icons/close.png"/>
</a>
</div>
<div class="sidebar_logo"> <div class="sidebar_logo">
<img src="/web/binary/company_logo" class="logo_img"/> <img src="/web/binary/company_logo" class="logo_img"/>
</div> </div>
<h6 class="sidebar_head">MENU</h6> <h6 class="sidebar_head">MENU</h6>
<ul class="sidebar_menu"> <ul class="sidebar_menu">
<t t-foreach="widget.getApps()" t-as="app"> <t t-foreach="widget.getApps()" t-as="app">
<li> <li>
<a role="menuitem" t-attf-href="#menu_id=#{app.menuID}" <a role="menuitem" t-attf-href="#menu_id=#{app.menuID}"
class="nav-link" t-att-data-menu-id="app.menuID" class="nav-link" t-att-data-menu-id="app.menuID"
t-att-data-menu-xmlid="app.xmlID" t-att-data-menu-xmlid="app.xmlID"
t-att-data-action-id="app.actionID"> t-att-data-action-id="app.actionID">
<img class="sidebar_img" <img class="sidebar_img"
t-attf-src="data:image/png;base64,#{app.web_icon_data}"/> t-attf-src="data:image/png;base64,#{app.web_icon_data}"/>
<span class="sidebar_app_name"> <span class="sidebar_app_name">
<t t-esc="app.name"/> <t t-esc="app.name"/>
</span> </span>
</a> </a>

6
code_backend_theme/views/icons.xml
View File

@ -1,8 +1,10 @@
<?xml version="1.0" encoding="UTF-8" ?> <?xml version="1.0" encoding="UTF-8" ?>
<odoo> <odoo>
<data> <data>
<menuitem id="base.menu_administration" name="Settings" web_icon="code_backend_theme,static/src/img/icons/settings.png"/> <menuitem id="base.menu_administration" name="Settings"
web_icon="code_backend_theme,static/src/img/icons/settings.png"/>
<menuitem id="base.menu_management" name="Apps" web_icon="code_backend_theme,static/src/img/icons/apps.png"/> <menuitem id="base.menu_management" name="Apps" web_icon="code_backend_theme,static/src/img/icons/apps.png"/>
<menuitem id="mail.menu_root_discuss" name="Discuss" web_icon="code_backend_theme,static/src/img/icons/discuss.png"/> <menuitem id="mail.menu_root_discuss" name="Discuss"
web_icon="code_backend_theme,static/src/img/icons/discuss.png"/>
</data> </data>
</odoo> </odoo>

8
code_backend_theme/views/layout.xml
View File

@ -0,0 +1,8 @@
<?xml version="1.0" encoding="utf-8" ?>
<odoo>
<template id="code_custom_layout" inherit_id="web.layout" name="Custom Layout">
<xpath expr="//meta[@content='IE=edge,chrome=1']" position="after">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>
</xpath>
</template>
</odoo>
Write Preview
Loading…
Cancel
Save