Quello che segue è l'elenco degli attributi più usati nel linguaggio Giotto.
| Nome | Descrizione | Esempio |
|---|---|---|
| mn:attr-* | Si usa per ottenere una preview fedele nello strumento di design con il quale si sta editando il codice o nel browser offline. | <table bgcolor="#0000ff" mn:attr-bgcolor="[param:mycolor]"> |
| mn:checkmin | Criterio per definire se la comunicazione ha abbastanza content. | <span mn:container> < meta mn:checkmin mn:type="TypeA" mn:min="5"> <span mn:container mn:repeatable mn:type='TypeA'></span> |
| mn:container | I container si usano per definire oggetti configurabili e ripetibili. | |
| mn:conversionlink | Trasforma un link semplice in un link di coversione semplice. | |
| mn:default | Permette di configurare il valore di default di un oggetto. | <meta mn:param mn:name="mytext" mn:type="text" mn:default="Sono un testo" mn:label="Testo"/> <meta mn:param mn:name="myhtml" mn:type="html" mn:default="Sono un <strong>html</strong>" mn:label="Contenuto"/> |
| mn:editable | Rende modificabili gli oggetti a cui è associato. | <div mn:editable>Questo testo è <strong>modificabile</strong></div> |
| mn:editparam | Permette di collegare il contenuto di un testo editabile ad un parametro (va usato quando si devono aggiugere testi modificabili con contenuti salvati sul database). | <span mn:editable mn:editparam="testo"></span> |
| mn:else | Applica una condizione se non sono verificate quelle dell'if e dell'elseif. | <span mn:if="contact.stats.lasttags contains 'mylastTags'"> Hai cliccato mylastTags</span> <span mn:else> Non hai cliccato mylastTag </span> |
| mn:elseif | Applica una condizione se non è verificata quella dell'if. | <span mn:if="contact.stats.lasttags contains 'mylastTags'"> Hai cliccato mylastTags</span> <span mn:elseif> Non hai cliccato mylastTag </span> |
| mn:enableactions | Abilita la possibilità di far scaturire delle azioni da un typedef. Di default questo parametro è false. |
<span mn:typedef mn:enableactions="true" mn:name="linkaction" mn:extends="link"> |
| mn:extends | Permette di creare dei sottotipi di un oggetto. In questo modo per il sottotipo non sarà necessario dichiarare nuovamente i parametri dell'oggetto iniziale. | <div mn:typedef mn:name="product" mn:label="Product">...</div> <div mn:typedef mn:name="productdiscount" mn:extends="product" mn:label="Discounted product">...<div> |
| mn:feed | Consente di creare articoli provenienti da Feed Rss. | <div mn:container mn:repeatable mn:type='article' mn:feed; |
| mn:feedurl | Usato con mn:feed ne specifica l'URL di default. | <div mn:container mn:repeatable mn:type='article' mn:feed mn:feedurl='https://www.magnews.it/feed/'></div> |
| mn:foreach | Consente di inserire in maniera ciclica e ripetuta contenuti o articoli. | <span mn:foreach='temp.prodotti' > <meta mn:param mn:name='title' > <meta mn:param mn:name='link' mn:type='url'> <meta mn:param mn:name='image' mn:type='image' > <h2>[param:title]</h2> <img src=[param:img] width=100> <a href='[param:link]'>landing page!</a> </span> |
| mn:from | Ordina una lista di contenuti sulla base di un criterio personalizzato. | |
| mn:function | Permette di richiamare una funzione. | <meta mn:tempvar mn:name="oggi" mn:function="setdatenow" /> |
| mn:help | Consente di aggiungere un help contestuale. | <meta mn:param mn:name="param1" mn:label="Param 1" mn:section="Section 1" mn:tab="Tab 1" mn:help="Testo di spiegazione" /> |
| mn:hideable | Nasconde una porzione di HTML. La possibilità di nasconderla o mostrarla può essere gestita anche mediante interfaccia. | <span mn:hideable>Questo testo si può nascondere</span> e questo <span mn:editable mn:hideable>si può nascondere e modificare</span> |
| mn:htmlversion | Verifica se si sta visualizzando la versione HTML di una comunicazione. | |
| mn:id | Assegna un Id ad un contenuto in modo da garantirne l'univocità. | <div mn:editable mn:id="zone1">Zona con id zone1 (template1)</div> |
| mn:if | Consente di scrivere delle condizioni di tipo If. | <div mn:if="contact.values.SESSO eq 'M' and param.offer" style="background-color:#CCFFFF;">Offerta speciale per gli uomini</div> |
| mn:import | Consente di importare il contenuto di un template di contenuto definito all'esterno del suo contesto. | |
| mn:importtarget | Definisce dove inserire il template importato. | |
| mn:key | Definisce una variabile che potrà essere tradotta nella lingua del contatto che la visualizza. | <meta mn:localize mn:key='hello' mn:ita='Ciao' mn:eng='Hello' mn:fra='Salut' /> |
| mn:label | Consente di associare un'etichetta (visibile dagli utenti) al contenuto che si sta creando. | <div mn:typedef mn:name="article2" mn:label="Articolo con testo "> |
| mn:linkable | Vieta di applicare (se false) un link su un'immagine. Di default il suo valore è true. |
<img mn:editable width="100" height="100" mn:resize="false" mn:label="Logo" alt="Testo alternativo" mn:linkable="false"/> |
| mn:list | Consente di assegnare un nome ad una lista. | |
| mn:localize | Consente di definire delle variabili che saranno sostituite a seconda della lingua del contatto. | <meta mn:localize mn:key='hello' mn:ita='Ciao' mn:eng='Hello' mn:fra='Salut' /> [translate:hello] |
| mn:max | Definisce il numero massimo di elementi che è possibile aggiungere ad un container. | <div mn:container mn:repeatable mn:min="2" mn:max="4"> |
| mn:max-height | Permette di indicare l'altezza massima dell'immagine. Se l'immagine è stata riadattata in larghezza e supera il limite massimo configurato, verrà tagliata. | <img mn:editable width="100" mn:min-width="60" mn:min-height="60" mn:max-height="100" > |
| mn:max-width | Riadatta la larghezza massima dell'immagine al valore configurato. | |
| mn:min | Numero di oggetti minimo che è possibile inserire in un container. | <div mn:container mn:repeatable mn:min="2" mn:max="4"> <div mn:editable> Questo contenuto può essere ripetuto tra 2 e 4 volte </div> |
| mn:min-height | Impedisce all'utente di selezionare un valore di altezza troppo piccolo per un'immagine. | <img mn:editable width="100" mn:min-width="60" mn:min-height="60" mn:max-height="100" > |
| mn:min-width | Impedisce all'utente di selezionare un'immagine più stretta del valore configurato. | <img mn:editable width="100" mn:min-width="60" mn:min-height="60" mn:max-height="100" > |
| mn:name | Consente di assegnare un nome ad un parametro. | <meta mn:param mn:name=" myparam"/> |
| mn:noimport | Di default le immagini usate sono memorizzate sulla piattaforma. Questo attributo, applicato ai tag <img>, permette di forzare la non importazione delle immagini. Inoltre, l'attributo può essere applicato ai tag <link> che referenziano un CSS esterno per non importare nel template il CSS, lasciando quindi il tag inalterato. | Esempio per tag <img>: <img mn:noimport src="myimageurl" > Esempio per tag <link>: <link mn:noimport rel="stylesheet" href="mycssurl" > |
| mn:notrack | Impedisce il tracciamento di un link che in questo modo non sarà considerato nella reportistica. | <a href="http://doubleclick.com/pub/" mn:notrack>Do not track me</a> |
| mn:onclickaction | Permette di impostare l'esecuzione di un'azione precedentemente creata, al click dell'utente. | <a mn:editable="" mn:onclickaction='nomeaction' target="blank">link che esegue l’azione nomeaction</a> |
| mn:onlyhtmlversion | Consente di renderizzare il contenuto del tag solo nella versione HTML. | <span mn:onlyhtmlversion>Questo testo NON si vede nella versione txt generata automaticamente</span> |
| mn:orderby | Ordina una serie di oggetti secondo un criterio. | <meta mn:listdef mn:name="mylist " mn:mode='query' mn:library='global' mn:contenttype='article' mn:max='10' mn:where="taglist like 'music'" mn:rendertype='myrendertype' mn:orderby="creationdate desc"/> |
| mn:output | Serve per visualizzare un esempio al posto di un parametro. | <meta mn:param mn:name="description" mn:type="text" mn:default="Lorem ipsum" /> <div><span mn:useparam="description">Lorem ipsum</span></div> <div><span mn:output="[param:description left='2']">Lorem ipsum</span></div> |
| mn:panel | Consente di creare un pannello di tipo drag and drop di oggetti che possono essere trascinati nell'area di lavoro della piattaforma. | <div mn:typedef mn:name="myarticle" mn:label="My article" mn:extends="article" mn:panel > |
| mn:panelorder | Permette di disporre gli oggetti disponibili in un pannello di tipo drag and drop secondo un ordine. | |
| mn:panelsection | Mostra un parametro in una specifica sezione di un pannello di tipo Drag and drop. | |
| mn:param | Consente di aggiungere un parametro. Se il parametro è definito nel body allora sarà valido per l'intero documento. Se è definito nel container allora la sua validità sarà limitata a quel container. | <div mn:container> <meta mn:param mn:name="Color" mn:type="color" mn:default="#E5E5E5" /> <meta mn:param mn:name="showtext" mn:type="boolean" mn:default="true" mn:tab="Opzioni" mn:section="Opzioni di visualizzazione" mn:label="Mostrare il testo pippo" mn:help="E opzionale" > <div style="background-color:[param:color];"> Container con parametri <span mn:if="param.showtext">Pippo</span> </div> |
| mn:rankedby | Ordina i contenuti di una comunicazione in base alle preferenze del contatto. | <span mn:container mn:repeatable mn:rankedby='lasttags' mn:type='article' mn:from='5' mn:to='10' ></span> |
| mn:repeatable | Consente di rendere ripetibile il contenuto di un Container. | <div mn:container mn:repeatable> |
| mn:required | Rende un parametro obbligatorio. | <meta mn:param mn:name="param" mn:label="Param " mn:required /> |
| mn:resize | Vincola il valore di default. | <img mn:editable width="100" mn:resize="false"> |
| mn:section | Mostra un parametro in una sezione specifica dell'interfaccia. | <meta mn:param mn:name="param1" mn:label="Param 1" mn:section="Section 1" mn:tab="Tab 1" mn:help="Testo di spiegazione" /> |
| mn:servicelink | Fa sì che un link venga trattato come link di servizio. | <a href="http://mysite.com/" mn:servicelink>Link di servizio</a> |
| mn:showafter | Usato per definire l'ordine di renderizzazione dei parametri. | |
| mn:showbefore | Usato per definire l'ordine di renderizzazione dei parametri. | |
| mn:showif | Condiziona la visibilità di alcuni parametri al valore di altri. | <meta mn:param mn:type="text" mn:name="testo" mn:showif="param.option" mn:label="Testo" /> |
| mn:tab | Mostra un parametro in una tab specifica. | <meta mn:param mn:name="param1" mn:label="Param 1" mn:section="Section 1" mn:tab="Tab 1" mn:help="Testo di spiegazione" /> |
| mn:taglist | Pre-assegna dei tag a un link. | <a mn:editable href="http://www.magnews.it" mn:taglist="tag1,tag2">Link con mn:tag</a> |
| mn:tempvar | La Tempvar consente di assegnare un valore ad una variabile (e non ad un parametro). | <meta mn:tempvar mn:name="mystring" mn:value="'Text'" mn:type="string"> Per utilizzare il valore della tempvar in un where: Variabile: <meta mn:tempvar mn:name='nome' mn:value='contact.values.name' /> Uso di where: mn:where="'testo' like @temp.nome" |
| mn:thumbnail | Icona visualizzata nel designer nel pannello dei contenuti. | |
| mn:to | In associazione con mn:from, ordina una lista di contenuti sulla base di un criterio personalizzato. |
<span mn:container mn:repeatable mn:rankedby='lasttags' mn:type='article' mn:from='5' mn:to='10' ></span> |
| mn:txtversion | Specifica cosa mostrare nella versione testuale della comunicazione. | <span mn:txtversion>Questo testo rappresenta la versione txt generata automaticamente</span> |
| mn:type | Specifica il tipo di contenuto di un oggetto testo (se text o html). | Mi chiamo <span mn:editable mn:type="text" mn:label="Il tuo nome">Immetti qui il tuo nome</span> |
| mn:typedef | Definisce un tipo di contenuto al di fuori di un contenitore. | <div mn:typedef mn:name="type1" mn:label="Tipo 1"> <meta mn:param mn:name="param1" mn:type="text"> Questo é di tipo 1 con un parametro:[param:param1] </div> |
| mn:useparam | Può essere usato per mostrare un valore di esempio senza usare un parametro specifico. | <span mn:useparam="description">Lorem ipsum</span> |
| mn:userif | Consente di creare una condizione di visibilità personalizzata. | <div mn:userif="">L'utente può applicare una condizione su questo testo</div> |
| mn:value | Assegna un valore ad un parametro. | <meta mn:tempvar mn:name="newprice" mn:value="param.price - param.price * param.discount /100" mn:type="int" > |