OpenERP

Cargar Hojas de Estilo y Scripts en Odoo 8 (OpenERP)

Anteriormente, en OpenERP 7, cargar hojas de estilo y javascript personalizados era solo incluirlos en sus correspondientes llaves, dentro del archivo manifiesto openerp.py, esto ha cambiado un poco, aunque tampoco es tan difícil, me tomo un poco pillar el truco:

En el archivo manifiesto debemos incluir un archivo xml que vendría  a ser nuestro template.

Sin nombre

El archivo template debería tener la siguiente estructura:

<?xml version="1.0" encoding="UTF-8"?>

<openerp>
    <data>
        <template id="assets_backend" name="workshop_multimages assets" inherit_id="web.assets_backend">
            <xpath expr="." position="inside">
                <!-- Interfaz -->
                <link rel="stylesheet" href="/workshop_multimages/static/src/css/custom_styles.css"/>
                <link rel="stylesheet" href="/workshop_multimages/static/src/css/hoverbox.css"/>
                <script type="text/javascript" src="/workshop_multimages/static/src/js/workshop_multi_image.js"/>
                <!-- lightbox -->
                <link rel="stylesheet" href="/workshop_multimages/static/lib/lightbox/css/lightbox.css"/>
                <script type="text/javascript" src="/workshop_multimages/static/lib/lightbox/js/jquery.lightbox.js"/>
            </xpath>
        </template>

    </data>
</openerp>

En la etiqueta template el id no lo cambies, solo cambia el contenido de la etiqueta “name” por el nombre de tu modulo de forma que si tu modulo se llama “boludeces” quedaría así, name=”boludeces assets”.
La explicación a todo esto es que en Odoo, a diferencia de la versión anterior, para añadir nuestros estilos, necesitamos heredar de la plantilla css para poder incluir nuestros modificaciones

Anuncios
Estándar

10 thoughts on “Cargar Hojas de Estilo y Scripts en Odoo 8 (OpenERP)

    • Hola, si tengo muchísima, ya te habrás dado cuenta de que la documentación oficial es escasa, insuficiente o desactualizada he descubierto muchas cosas a base prueba y error y quisiera evitarselo a todo el que le interese, solo que siempre ando corto de tiempo para ponerlo en el blog, pero esta semana prometo registrar lo que tengo hasta ahora en el blog, gracias por el interes!

      Me gusta

  1. Jocelyn O´Hara dice:

    Hola, gracias por la información, quiero cambiar la apariencia interna de mi ODOO, creo que está es la mejor opción, o sea tendría que crear un modulo con mi estilo css, correcto? y crear mi archivo template y mi modulo sería la plantilla que crearía, si me puedes guiar un poco más, te lo agradecería:)

    Me gusta

  2. yamaha dice:

    Hay un problema con eso, al poner xpath así lo añade al final del documento, y carga una vez mostrada la página, imaginemos que queremos sobreescribir alguno de los estilos por defecto, cuyos css se cargan en el header. El efecto es que se carga toda la página, se muestra con los estilos por defecto y unos segundos después se cambian.
    He visto por ahí utilizar el //header, pero no me funciona en odoo 8, alguien sabe como meterlos en el header?

    Le gusta a 1 persona

    • No entiendo cual es el problema, cada modulo tiene su propio espacio de nombres, puede cargar sus propios estilos y scripts, esto significa que inevitablemente se va cargar lo original para luego ser sobreescrito por los modificados, ademas eso solo va suceder una vez, cuando cargues el cliente web por primera vez…

      Me gusta

  3. carlos dice:

    tengo algunos problemas en odoo solo se puede cargar un codigo de barra de 13 digitos y quiera poner 16 y no he podido lo veo muy dificil podrias ayudarme
    y mi ticket imprime mas la derecha y se pierden las 2 ultimas lineas pero me preocupa mas lo de los codigos de barra.

    Me gusta

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s