Componenti VDS

VDS è l'acronimo di Vtiger Design Systems, che definisce i componenti HTML principali offerti dalla piattaforma VTAP. VDS fornisce componenti che sono blocchi dell'interfaccia utente riutilizzabili.

Puoi utilizzare i componenti per creare e personalizzare le tue applicazioni. Possono essere utilizzati ovunque: pagine personalizzate, widget, popup o all'interno di altri componenti personalizzati.

Di seguito è riportato l'elenco dei componenti forniti da VTAP:

vds-testo

Usa il : Usato per una casella di input. Consente agli utenti di inserire informazioni.

Sintassi:

Dettagli attributi:
Nome per impostare qualsiasi nome sull'elemento di input
disabile true/false, per disabilitarlo
segnaposto per mostrare qualsiasi suggerimento per l'input
tipo di ingresso Qualsiasi tipo di input HTML valido come e-mail, numero, ecc. (Leggi sotto per i dettagli).
obbligatorio per rendere questo campo obbligatorio 
modello v Questa è l'associazione dati vue (reattiva), può essere utilizzata per impostare o leggere il valore.

Oltre al testo, VDS supporta anche altri tipi di input. Per esempio: 

  • vds-e-mail
  • numero vds
  • vds-percentuale
  • vds-decimale
  • telefono vds
  • vds-data
  • vds-time
  • vds-url

Tutti questi componenti sono diversi tipi di input. Hanno le proprietà di un tipo vds-text ma vengono fornite con le proprie convalide del tipo di input. 

Vds-discesa

Utilizzo: Per mostrare un elenco a discesa con un determinato elenco di elementi

Sintassi:

Attributi supportati:
Opzioni Array di elementi a discesa
multiplo vero/falso, per mostrare il menu a discesa a selezione multipla
opzione vuota Se vuoi mostrare un'opzione vuota all'inizio
disabile vero falso
obbligatorio vero falso

proprietario di vds

Utilizzo: È un componente interattivo che mostrerà utenti e gruppi come menu a discesa. Sarà uguale al campo Assegnato a in qualsiasi modulo del CRM.

Sintassi:

Attributi supportati:
solo-utenti Se vuoi vedere solo gli utenti nel menu a discesa
solo-gruppi Se vuoi vedere solo i gruppi nel menu a discesa

casella di controllo vds

Utilizzo: Per mostrare un ingresso casella di controllo

Sintassi:

switch vds

Utilizzo: Per mostrare un interruttore

Sintassi:

vds-datepicker

Utilizzo: Per mostrare un selettore di data per qualsiasi campo data.

Sintassi:

Attributo supportato:
formato data Formato della data da mostrare come GG-MM-AAAA, MM-GG-AAAA, AAAA-MM-GG

vds-daterange-selettore

Utilizzo: Per mostrare un selettore di date per selezionare un intervallo di date

Sintassi:

Attributo supportato:
formato data Formato della data da mostrare come GG-MM-AAAA, MM-GG-AAAA, AAAA-MM-GG

vds-timepicker

Utilizzo: Per mostrare un selettore orario

Sintassi:

Attributo supportato:
formato Formato 12 o 24 ore 

vds-rte

Utilizzo: Per mostrare un CKEditor, l'interfaccia utente del campo che vedi nel campo dell'editor di testo RTF 

Sintassi:

valutazione vds

Utilizzo: Per mostrare un campo con stelle di valutazione. Mostrerà un massimo di 5 stelle.

Sintassi:

Attributo supportato:
gamma Valore compreso tra 1 e 5

iframe vds

Utilizzo: Per mostrare un iframe con un determinato contenuto HTML

Sintassi:

vds-progress

Utilizzo: Per mostrare la percentuale di avanzamento

Sintassi:

Attributi supportati:
APPREZZIAMO % del colore
codice colore personalizzato per impostazione predefinita, l'avanzamento verrà visualizzato in blu, puoi passare qualsiasi nome di colore valido
 
 
 

Caso d'uso del cliente VTAP

 
 

Uno dei nostri clienti utilizza un'applicazione diversa per tenere traccia dei propri progetti e progressi. 

Volevano iniziare a utilizzare Vtiger Projects, ma l'interfaccia utente era l'unico ostacolo all'utilizzo di Vtiger Projects. L'interfaccia non forniva i dettagli completi delle attività cardine e delle attività su un'unica schermata per un progetto, come desiderava il cliente.

Per superare questo ostacolo, abbiamo suggerito la seguente soluzione.

Potrebbero usare la nostra piattaforma Low Code Module Designer per progettare una pagina che sarebbe divisa in 3 parti. 

La prima parte mostrerebbe un elenco di progetti, la parte successiva mostrerebbe le pietre miliari collegate al progetto selezionato e la terza parte mostrerebbe le attività collegate al progetto selezionato e le pietre miliari. Sembrerebbe simile alla casella di posta di Outlook, che mostra le e-mail e il loro contenuto sul lato destro. In questo caso, il suo livello 3 mostra i dettagli dell'attività alla fine.

Per sviluppare questa capacità, creeremmo una pagina di elenco personalizzata che potrebbe essere aggiunta utilizzando il 'LIST_ADD_VIEWTYPE' componente. Vedere qui per un esempio. 

Quindi la funzione VTAP.API.Get verrebbe utilizzata per recuperare i dati del progetto, della pietra miliare del progetto e delle attività. Sarebbero mostrati in colonne separate ma sarebbero comunque collegati insieme. Puoi copiare il codice da qui per vederlo in azione.
 

Uno dei nostri clienti utilizza un'applicazione diversa per tenere traccia dei propri progetti e progressi. 

Volevano iniziare a utilizzare Vtiger Projects, ma l'interfaccia utente era l'unico ostacolo all'utilizzo di Vtiger Projects. L'interfaccia non forniva i dettagli completi delle attività cardine e delle attività su un'unica schermata per un progetto, come desiderava il cliente.

Per superare questo ostacolo, abbiamo suggerito la seguente soluzione.

Potrebbero usare la nostra piattaforma Low Code Module Designer per progettare una pagina che sarebbe divisa in 3 parti. 

La prima parte mostrerebbe un elenco di progetti, la parte successiva mostrerebbe le pietre miliari collegate al progetto selezionato e la terza parte mostrerebbe le attività collegate al progetto selezionato e le pietre miliari. Sembrerebbe simile alla casella di posta di Outlook, che mostra le e-mail e il loro contenuto sul lato destro. In questo caso, il suo livello 3 mostra i dettagli dell'attività alla fine.

Per sviluppare questa capacità, creeremmo una pagina di elenco personalizzata che potrebbe essere aggiunta utilizzando il 'LIST_ADD_VIEWTYPE' componente. Vedere qui per un esempio. 

Quindi la funzione VTAP.API.Get verrebbe utilizzata per recuperare i dati del progetto, della pietra miliare del progetto e delle attività. Sarebbero mostrati in colonne separate ma sarebbero comunque collegati insieme. Puoi copiare il codice da qui per vederlo in azione.
 
 

Vtiger APPtitude 

 

Strumenti che ci piacciono

 
 

elasticsearch è un ottimo progetto open source a cui contribuire se sei interessato alla scienza dei dati. Può analizzare, cercare e archiviare grandi volumi di dati in tempo reale. Elasticsearch aiuta i suoi utenti a far funzionare i dati in molti modi diversi.
 

elasticsearch è un ottimo progetto open source a cui contribuire se sei interessato alla scienza dei dati. Può analizzare, cercare e archiviare grandi volumi di dati in tempo reale. Elasticsearch aiuta i suoi utenti a far funzionare i dati in molti modi diversi.
 
 

presto disponibile

 
 

Designer di app 

L'App Designer di Vtiger ti consentirà di creare app personalizzate che possono o meno dipendere dal CRM. Ti darà la flessibilità di scrivere app in qualsiasi framework JavaScript su cui hai esperienza.

Con le potenti API JavaScript VTAP, puoi anche connetterti al CRM ed eseguire il push/pull dei dati da esso per creare facilmente applicazioni personalizzate.
 

Designer di app 

L'App Designer di Vtiger ti consentirà di creare app personalizzate che possono o meno dipendere dal CRM. Ti darà la flessibilità di scrivere app in qualsiasi framework JavaScript su cui hai esperienza.

Con le potenti API JavaScript VTAP, puoi anche connetterti al CRM ed eseguire il push/pull dei dati da esso per creare facilmente applicazioni personalizzate.
 
 

Iscriviti per ricevere gli ultimi aggiornamenti!

 
 

Copyright 2024 Vtiger. Tutti i diritti riservati. Vari marchi registrati dai rispettivi proprietari.