Skip to Content
This question has been flagged
2 Replies
6427 Views
Avatar
Ràm Kumár

// options.xml

<template id="testobox_opt" name="Testobox" inherit_id="website.snippet_options">

<xpath expr="//div[@data-js='background']" position="after">

<div data-selector=".snippet_testobox"> <!-- Options group -->

<li class="dropdown-submenu">

<a href="#">Your Option</a>

<ul class="dropdown-menu"> <!-- Options list -->

<li data-select_class="opt_shadow"><a>Shadow Images</a></li>

<li data-select_class="opt_grey_bg"><a>Grey Bg</a></li>

<li data-select_class="opt_border"><a>Border</a></li>

<li data-select_class=""><a>None</a></li>

</ul>

</li>

</div>

</xpath>

</template>

Avatar
Discard
Hilar Andikkadavath

you can improve your question by following the coding standards. use the code option in editor to highlight the code.

Avatar
Mohanraj
Best Answer

Use this link, try to install this addon, then you get the custom color picker option is activated.

To use this module, you need to:

  1. Install any module that makes use of the web editor, such as mass_mailing or website.
  2. Use that module's facilities to edit some web content.
  3. Drag & drop any snippet into the web editor body.
  4. Click on Customize > Text-Image > Background Color > </> icon.
  5. Choose a custom color by either: * Writing any valid HTML color code in the text input. * Selecting a color from the color picker.


https://apps.odoo.com/apps/modules/10.0/web_editor_background_color/


Avatar
Discard