Benvenuto, Ospite

ARGOMENTO: tutorial formattazione qweb

tutorial formattazione qweb 1 Anno 10 Mesi fa #27597

ndrini
Offline
Gold Boarder
Messaggi: 291
Ringraziamenti ricevuti 22
Karma: 0

Ciao,
sto modificando una fattura, andando per tentativi.
Non è molto soddisfacente.

Mi piacerebbe sapere se esiste una pagina web in cui leggere alcune informazioni, ad esempio:

come togliere il bordino attorno ad un <div class="panel panel-primary">

oppure come colorare lo sfondo di un div
non funzionano

                    <div style="color:#ffffff; background-color:#a5d228;">
                    <div style="color:#ffffff; background-color:#a5d228;" class="panel panel-primary">

o colorare i caratteri di una scritta
<div style="color:gray">
non funziona.

Grazie.

Andrea

Ultima modifica: 1 Anno 10 Mesi fa da ndrini.

L\'Amministratore ha disattivato l\'accesso in scrittura al pubblico.

tutorial formattazione qweb 1 Anno 10 Mesi fa #27599

Vinicius05 Offline Gold Boarder Messaggi: 194 Ringraziamenti ricevuti 58 Karma: 0	Questo è un esempio senza bordo, con uno sfondo grigio chiaro ed il colore del testo in rosso: <div class="col-xs-5 col-xs-offset-7" style="background-color: #e9ecee; margin-top: 50px; padding: 10px; color: #ff0000"> <strong>Spett.le</strong><br /> <span t-field="o.partner_id.name" /><br /> . . . </div>
	L\'Amministratore ha disattivato l\'accesso in scrittura al pubblico. Ringraziano per il messaggio: ndrini

tutorial formattazione qweb 1 Anno 9 Mesi fa #27817

ndrini
Offline
Gold Boarder
Messaggi: 291
Ringraziamenti ricevuti 22
Karma: 0

Vinicius05 ha scritto:

Questo è un esempio senza bordo, con uno sfondo grigio chiaro ed il colore del testo in rosso:

<div class="col-xs-5 col-xs-offset-7" style="background-color: #e9ecee; margin-top: 50px; padding: 10px; color: #ff0000">
   <strong>Spett.le</strong><br />
   <span t-field="o.partner_id.name" /><br />
    .
    .
    .
</div>

Grazie.

Io trovo strano che per colorare il testo o lo sfondo di una tabella, pur all'interno di una divisione div, debba ripetere

<table style="background-color: #e9ecee;">

Una ulteriore cosa:
como posso colorare tutto lo sfondo di questo testo

Ora è:
<div class="panel panel-primary">
<span style="color:#ffffff; background-color:#a5d228;"> Datos del cliente</span>
</div>

Ma ho provato inutilmente.

<tr class="" style="color:#ffffff; background-color:#a5d228; border:0px">

<div style="color:#ffffff; background-color:#a5d228;">
<div style="color:#ffffff; background-color:#a5d228;" class="panel panel-primary">

Andrea

L\'Amministratore ha disattivato l\'accesso in scrittura al pubblico.

tutorial formattazione qweb 1 Anno 9 Mesi fa #27820

Antoniov
Online
Administrator
Messaggi: 1555
Ringraziamenti ricevuti 283
Karma: -115

Credo che tu ti stia scontrando con la formattazione web piuttosto che con Odoo.
Ci sono generazioni di sviluppatori e grafici, vittime di questo problema,

Detto questo, nell'ultimo esempio vuoi colorare il fondo di un elemento non concreto.
Mi spiego meglio: sia le tag

<div>  <span>

non sono elementi della videata ma sono raggruppamenti.

Tutti gli elementi all'interno di queste tag ereditano le caratteristiche, ad esempio il colore.
Nel tuo caso hai dichiarato il colore fondo in span ma all'interno di span non esiste nessun elemento tipo

table tr td

che possano ricevere l'attributo di colore

Per capire qualcosa di più leggi le varie guide su html5 e css, w3cschool ha un bellissimo sito, ci passi intere giornate.

Questo indirizzo email è protetto dagli spambots. È necessario abilitare JavaScript per vederlo. - Presidente eletto dell'associazione
Questo indirizzo email è protetto dagli spambots. È necessario abilitare JavaScript per vederlo.

L\'Amministratore ha disattivato l\'accesso in scrittura al pubblico.

Ringraziano per il messaggio: ndrini

tutorial formattazione qweb 1 Anno 9 Mesi fa #27823

Vinicius05
Offline
Gold Boarder
Messaggi: 194
Ringraziamenti ricevuti 58
Karma: 0

Considerando la qweb classica della fattura (le prime righe di codice), se ad esempio vuoi ottenere il risultato come tu hai descritto, ho inserito lo style solo sullo span che visualizza la PIVA (se esiste in anagrafica partner) e funziona egregiamente.

<?xml version="1.0"?>
<t t-name="account.report_invoice_document">
    <t t-call="report.external_layout">
        <div class="page">
            <div class="row">
                <div class="col-xs-5 col-xs-offset-7" >
                    <address t-field="o.partner_id" t-field-options="{&quot;widget&quot;: &quot;contact&quot;, &quot;fields&quot;: [&quot;address&quot;, &quot;name&quot;], &quot;no_marker&quot;: true}"/>
                    <span t-if="o.partner_id.vat">TIN: <span t-field="o.partner_id.vat" style="color:#ffffff; background-color:#a5d228;"/></span>
                </div>
            </div>

L\'Amministratore ha disattivato l\'accesso in scrittura al pubblico.

Ringraziano per il messaggio: ndrini

tutorial formattazione qweb 1 Anno 9 Mesi fa #27828

ndrini Offline Gold Boarder Messaggi: 291 Ringraziamenti ricevuti 22 Karma: 0	Antoniov ha scritto: Credo che tu ti stia scontrando con la formattazione web piuttosto che con Odoo. Assolutamente. Ma mi piace questo forum perché la risposta, pur definendo l'ambito della fattispecie, non è "spiacenti: non è Odoo quindi chiedi da altre parti!".
	L\'Amministratore ha disattivato l\'accesso in scrittura al pubblico. Ringraziano per il messaggio: Vinicius05

Forum

Avvisi, Associazione e Nuove Iscrizioni

Eventi (... ex Pianificazione Attività)

tutorial formattazione qweb