MuK Grid Snippets

by
Odoo          
v 12.0 Third Party 829
Download for 12.0 series Deploy on Odoo.sh Live Preview
You bought this module and need support ? Click here !
Technical name muk_website_snippet_grid
LicenseAGPL-3
Websitehttp://www.mukit.at
Repositoryhttps://github.com/muk-it/muk_website.git#12.0
Read description for v 11.0
Required Apps Website (website)
Included Dependencies
Technical name muk_website_snippet_grid
LicenseAGPL-3
Websitehttp://www.mukit.at
Repositoryhttps://github.com/muk-it/muk_website.git#12.0
Read description for v 11.0
Required Apps Website (website)
Included Dependencies

MuK Grid Snippets

Bootstrap Grid System

MuK IT GmbH - www.mukit.at

Overview

Bootstrap includes a responsive, mobile first fluid grid system that appropriately scales up to 12 columns as the device or viewport size increases.

The grid systems can be used to create page layouts through a series of rows and columns that house your content.

  • Rows must be placed within a .container (fixed-width) or .container-fluid (full-width) for proper alignment and padding.
  • Use rows to create horizontal groups of columns.
  • Content should be placed within columns, and only columns may be immediate children of rows.
  • Grid columns are created by specifying the number of twelve available columns you wish to span. For example, three equal columns would use three .col-4.
  • If more than 12 columns are placed within a single row, each group of extra columns will, as one unit, wrap onto a new line.
  • Grid classes apply to devices with screen widths greater than or equal to the breakpoint sizes, and override grid classes targeted at smaller devices. Therefore, e.g. applying any .col-md-* class to an element will not only affect its styling on medium devices but also on large devices if a .col-lg-* class is not present.

Snippets

Four new snippets are available, which can be placed on the website. The Container, Row and Column snippets represent the corresponding Bootstrap classes. The container must be dropped into the snippet Section. The fifth snippet break allows you to interrupt the natural flow of columns and start a new line.

Options

Change the grid by selecting different options. Keep in mind that a column can have a different span for every viewport. All available options and their effects can be found on the Bootstrap website.

Help and Support

Feel free to contact us, if you need any help with your Odoo integration or addiontal features.

MuK Grid Snippets

Bootstrap includes a responsive, mobile first fluid grid system that appropriately scales up to 12 columns as the device or viewport size increases. The grid systems can be used to create page layouts through a series of rows and columns that house your content.

Installation

To install this module, you need to:

Download the module and add it to your Odoo addons folder. Afterward, log on to your Odoo server and go to the Apps menu. Trigger the debug mode and update the list by clicking on the "Update Apps List" link. Now install the module by clicking on the install button.

Another way to install this module is via the package management for Python (PyPI).

To install our modules using the package manager make sure odoo-autodiscover is installed correctly. Then open a console and install the module by entering the following command:

pip install --extra-index-url https://nexus.mukit.at/repository/odoo/simple <module>

The module name consists of the Odoo version and the module name, where underscores are replaced by a dash.

Module:

odoo<version>-addon-<module_name>

Example:

sudo -H pip3 install --extra-index-url https://nexus.mukit.at/repository/odoo/simple odoo11-addon-muk-utils

Once the installation has been successfully completed, the app is already in the correct folder. Log on to your Odoo server and go to the Apps menu. Trigger the debug mode and update the list by clicking on the "Update Apps List" link. Now install the module by clicking on the install button.

The biggest advantage of this variant is that you can now also update the app using the "pip" command. To do this, enter the following command in your console:

pip install --upgrade --extra-index-url https://nexus.mukit.at/repository/odoo/simple <module>

When the process is finished, restart your server and update the application in Odoo. The steps are the same as for the installation only the button has changed from "Install" to "Upgrade".

You can also view available Apps directly in our repository and find a more detailed installation guide on our website.

For modules licensed under OPL-1, you will receive access data when you purchase the module. If the modules were not purchased directly from MuK IT please contact our support (support@mukit.at) with a confirmation of purchase to receive the corresponding access data.

Upgrade

To upgrade this module, you need to:

Download the module and add it to your Odoo addons folder. Restart the server and log on to your Odoo server. Select the Apps menu and upgrade the module by clicking on the upgrade button.

If you installed the module using the "pip" command, you can also update the module in the same way. Just type the following command into the console:

pip install --upgrade --extra-index-url https://nexus.mukit.at/repository/odoo/simple <module>

When the process is finished, restart your server and update the application in Odoo, just like you would normally.

Configuration

No additional configuration is needed to use this module.

Usage

Switch to your website and switch to the edit mode. Now four new snippets will appear in your sidebar.

Credits

Contributors

Images

Some pictures are based on or inspired by the icon set of Font Awesome:

Author & Maintainer

This module is maintained by the MuK IT GmbH.

MuK IT is an Austrian company specialized in customizing and extending Odoo. We develop custom solutions for your individual needs to help you focus on your strength and expertise to grow your business.

If you want to get in touch please contact us via mail (sale@mukit.at) or visit our website (https://mukit.at).

Please log in to comment on this module

Please choose a rating from 1 to 5 for this module.