How to add Colored List Views in Vtiger 6

How to add Colored List Views in Vtiger 6

With Vtiger crm 6, and especially with the forthcoming vtiger 6.1, every functionality in the CRM is easier and more comfortable to use.
In the previous post I wanted to enhance vtiger 6 GLOBAL SEARCH ; this time I’ll focus on enhancing vtiger lists.
The goal is to integrate colored list view management, based on fields content, to alert for example of something dire.

Let’s consider Leads detail view, or potential clients we are in contact, to verify the possibility to start some business with.

In detail view we find the “lead status” field which can be valued with cold, hot, contact in future, and so on; using this field we can know who is really interested to consider our business proposal and who, instead we’ll have to call sometime in the future.
lead's detail view

 

Let’s look at a lead list; rows don’t change color according to some field’s content in columns, for example should be useful to consider values in “Lead Status” column.

 

lead list

Lets’ set that every row which contains a status ending with “!!” have to be colored in violet.

Now we have to browse to vtiger 6 folder (it can be www or htdocs or something else based on our web server settings)

htdocs

From here we browse to the folder containing the files that set how vtiger screens look: layouts/vlayout/modules/Vtiger

Let’s open with a text editor the file  ListViewContents.tpl .

We now search  the code regarding how the rows look in list views, at row 75 in our file.

<tr class=”listViewEntries” data-id='{$LISTVIEW_ENTRY->getId()}’ data-recordUrl='{$LISTVIEW_ENTRY->getDetailViewUrl()}’ id=”{$MODULE}_listView_row_{$smarty.foreach.listview.index+1}”>

What we’ll do now  is to instruct vtiger to set background color to violet to a row, every time it contains a field with value ending with “!!”.

Let’s replace the previous code with the following code:

{foreach item=LISTVIEW_HEADER from=$LISTVIEW_HEADERS}
{if $LISTVIEW_ENTRY->get($LISTVIEW_HEADER->get(‘name’))|strstr:’!!’ }

{assign var=colorato value=’TRUE’}

<tr bgcolor=”violet” class=”listViewEntries” data-id='{$LISTVIEW_ENTRY->getId()}’ data-recordUrl='{$LISTVIEW_ENTRY->getDetailViewUrl()}’ id=”{$MODULE}_listView_row_{$smarty.foreach.listview.index+1}”>

{/if}

{/foreach}

{if $colorato neq ‘TRUE’}

<tr class=”listViewEntries” data-id='{$LISTVIEW_ENTRY->getId()}’ data-recordUrl='{$LISTVIEW_ENTRY->getDetailViewUrl()}’ id=”{$MODULE}_listView_row_{$smarty.foreach.listview.index+1}”>

{/if}

After saving the file, we’ll have the following result: a lead list view with colored rows each time a “lead status” field requires our attention!

Furthermore, it’s nice to know that this solution will be already valid to be used with every module in vtiger crm; if we really want, we could enhance it to consider multiple status values or fields… but this is an exercise left for the reader 😉

colored lead list view

If you appreciated this post please let me know with the facebook, twitter.. buttons and share it with your friends or followers, see you next time!

Contact me now for a quote on more advanced modifications to vtiger crm!
Come aggiungere List View colorate in Vtiger 6

Come aggiungere List View colorate in Vtiger 6

Con Vtiger crm 6, e soprattutto con l’imminente vtiger 6.1 è migliorata molto l’immediatezza e la comodità nell’uso del CRM.
Nel precedente articolo abbiamo puntato a migliorare vtiger 6 potenziando la RICERCA GLOBALE ; questa volta ci concentreremo sul miglioramento delle liste in vtiger.
L’obiettivo è integrare una gestione delle list view colorate in base al contenuto dei campi, in modo da segnalare per esempio le urgenze.

Consideriamo quindi l’anagrafica dei Lead, ossia dei potenziali clienti con cui si è in contatto per verificare la possibilità di avviare una trattativa commerciale.

Nelle informazioni di dettaglio troviamo il campo di status “Stato Lead” il quale può assumere vari valori tra cui  freddo, caldo, contattare in futuro; Con tale campo possiamo notare  chi è interessato a valutare una proposta commerciale e chi invece dobbiamo richiamare in futuro.
leadscheda

 

Guardiamo come appare una lista di “Lead”; le righe non cambiano colore in base ai valori nelle colonne, per esempio varrebbe la pena considerare i valori nella colonna “Stato Lead”.

 

listaleads

Stabiliamo quindi che tutte le righe contenenti uno status che finisce per “!!” sono da colorare di viola.

Dirigiamoci nella cartella dove sono contenuti i file di vtiger 6 (può essere www o htdocs o altro in base alle impostazioni del server web)

htdocs

Entriamo adesso nella cartella contenenti i file che determinano l’aspetto delle schermate in vtiger: layouts/vlayout/modules/Vtiger

Apriamo il file che ci interessa, ListViewContents.tpl con un editor di testi.

Cerchiamo verso la riga 75 il testo seguente che riguarda l’aspetto di una riga in list view.

<tr class=”listViewEntries” data-id='{$LISTVIEW_ENTRY->getId()}’ data-recordUrl='{$LISTVIEW_ENTRY->getDetailViewUrl()}’ id=”{$MODULE}_listView_row_{$smarty.foreach.listview.index+1}”>

Adesso quello che andremo a fare sarà di indicare a vtiger che ogni volta incontrerà una riga contenente un campo che finisce per “!!”, il colore di sfondo di tale riga sarà viola.

Rimpiazziamo quindi la riga prima citata  con il seguente codice:

{foreach item=LISTVIEW_HEADER from=$LISTVIEW_HEADERS}
{if $LISTVIEW_ENTRY->get($LISTVIEW_HEADER->get(‘name’))|strstr:’!!’ }

{assign var=colorato value=’TRUE’}

<tr bgcolor=”violet” data-id='{$LISTVIEW_ENTRY->getId()}’ data-recordUrl='{$LISTVIEW_ENTRY->getDetailViewUrl()}’ id=”{$MODULE}_listView_row_{$smarty.foreach.listview.index+1}”>

{/if}

{/foreach}

{if $colorato neq ‘TRUE’}

<tr data-id='{$LISTVIEW_ENTRY->getId()}’ data-recordUrl='{$LISTVIEW_ENTRY->getDetailViewUrl()}’ id=”{$MODULE}_listView_row_{$smarty.foreach.listview.index+1}”>

{/if}

Una volta salvato il file, avremo il seguente risultato: una lista di lead con le righe colorate se lo status richiede la nostra attenzione!

E’ da considerare inoltre che tale soluzione è già valida per ogni modulo del CRM e volendo potremmo espanderla per considerare valori di status multipli… ma questo è lasciato come esercizio al lettore 😉

listaleadscolorata

Se vi piace l’articolo mettete “mi piace” e  condividetelo, alla prossima!

Contattatemi subito per un preventivo su modifiche avanzate a vtiger crm!
Cellulare 338.6077866