Komponenty VDS

VDS je skratka pre Vtiger Design Systems, ktorá definuje základné komponenty HTML ponúkané platformou VTAP. VDS poskytuje komponenty, ktoré sú opakovane použiteľnými blokmi používateľského rozhrania.

Komponenty môžete použiť na zostavenie a prispôsobenie aplikácií. Môžu byť použité kdekoľvek – na vlastných stránkach, widgetoch, kontextových oknách alebo v iných vlastných komponentoch.

Nižšie je uvedený zoznam komponentov, ktoré VTAP poskytuje:

vds-text

Použitie: Používa sa pre vstupné pole. Umožňuje používateľom zadávať informácie.

syntax:

Podrobnosti o atribútoch:
názov nastaviť ľubovoľný názov vstupného prvku
invalidný true/false, aby sa to deaktivovalo
miesto-držiteľ zobraziť akúkoľvek nápovedu pre vstup
vstupný typ Akékoľvek platné typy vstupu HTML, ako je e-mail, číslo atď. (Podrobnosti nájdete nižšie.)
povinné aby bolo toto pole povinné 
v-model Toto je vue (reaktívna) dátová väzba, môže sa použiť na nastavenie alebo čítanie hodnoty.

Spolu s textom podporuje VDS aj iné typy vstupu. Napríklad: 

  • vds-e-mail
  • vds-číslo
  • vds-percento
  • vds-desiatkové
  • vds-telefón
  • vds-date
  • vds-time
  • vds-url

Všetky tieto komponenty sú rôzneho typu vstupu. Majú vlastnosti typu vds-text, ale prichádzajú s vlastným overením typu vstupu. 

Vds-rozbaľovací zoznam

Použitie: Ak chcete zobraziť rozbaľovaciu ponuku s daným zoznamom položiek

syntaxe:

Podporované atribúty:
možnosti Pole rozbaľovacích položiek
násobok true/false, ak chcete zobraziť rozbaľovaciu ponuku s viacerými možnosťami výberu
prázdna možnosť Ak chcete najskôr zobraziť prázdnu možnosť
invalidný pravda lož
povinné pravda lož

majiteľ vds

Použitie: Ide o interaktívny komponent, ktorý zobrazí používateľov a skupiny ako rozbaľovaciu ponuku. Bude rovnaké ako pole Assigned-to v ktoromkoľvek module v CRM.

syntaxe:

Podporované atribúty:
jediní užívatelia Ak chcete v rozbaľovacej ponuke vidieť iba používateľov
iba-skupiny Ak chcete v rozbaľovacej ponuke zobraziť iba skupiny

začiarkavacie políčko vds

Použitie: Ak chcete zobraziť vstup začiarkavacieho políčka

syntaxe:

prepínač vds

Použitie: Ak chcete zobraziť prepínač

syntaxe:

vds-datepicker

Použitie: Ak chcete zobraziť výber dátumu pre ľubovoľné polia dátumu.

syntaxe:

Podporovaný atribút:
formát dátumu Formát dátumu, ktorý sa má zobraziť ako DD-MM-RRRR, MM-DD-RRRR, RRRR-MM-DD

vds-daterange-picker

Použitie: Ak chcete zobraziť nástroj na výber dátumu na výber rozsahu dátumov

syntaxe:

Podporovaný atribút:
formát dátumu Formát dátumu, ktorý sa má zobraziť ako DD-MM-RRRR, MM-DD-RRRR, RRRR-MM-DD

vds-timepicker

Použitie: Ak chcete zobraziť nástroj na výber času

syntaxe:

Podporovaný atribút:
formát 12 alebo 24-hodinový formát 

vds-rte

Použitie: Ak chcete zobraziť CKEditor, používateľské rozhranie poľa, ktoré vidíte v poli editora formátovaného textu 

syntaxe:

vds-rating

Použitie: Ak chcete zobraziť pole s hviezdičkou hodnotenia. Zobrazí sa maximálne 5 hviezdičiek.

syntaxe:

Podporovaný atribút:
rozsah Hodnota od 1 do 5

vds-iframe

Použitie: Ak chcete zobraziť prvok iframe s daným obsahom HTML

syntaxe:

vds-progress

Použitie: Na zobrazenie percenta pokroku

syntaxe:

Podporované atribúty:
hodnotu % farby
custom-color-code v predvolenom nastavení sa priebeh zobrazí modrou farbou, môžete zadať ľubovoľný platný názov farby
 
 
 

Prípad použitia zákazníka VTAP

 
 

Jeden z našich zákazníkov používa inú aplikáciu na sledovanie svojich projektov a pokroku. 

Chceli začať používať Vtiger Projects, ale užívateľské rozhranie bolo jedinou prekážkou pri používaní Vtiger Projects. Rozhranie neposkytovalo úplné podrobnosti o míľnikoch a úlohách na jednej obrazovke projektu, ako si zákazník želal.

Aby sme prekonali túto prekážku, navrhli sme nasledujúce riešenie.

Na návrh stránky, ktorá by bola rozdelená na 3 časti, by mohli použiť našu platformu s nízkym kódom Module Designer. 

Prvá časť zobrazuje zoznam projektov, ďalšia časť zobrazuje míľniky spojené s vybraným projektom a tretia časť zobrazuje úlohy spojené s vybraným projektom a míľniky. Vyzeralo by to podobne ako poštová schránka programu Outlook, ktorá zobrazuje e-maily a ich obsah na pravej strane. V tomto prípade jeho 3-úroveň zobrazuje detaily úlohy na konci.

Na vybudovanie tejto schopnosti by sme vytvorili vlastnú stránku zoznamu, ktorú by bolo možné pridať pomocou 'LIST_ADD_VIEWTYPEkomponent. Pozri tu napríklad. 

Potom by sa funkcia VTAP.API.Get použila na načítanie údajov projektu, míľniku projektu a úloh. Boli by zobrazené v samostatných stĺpcoch, ale stále by boli spojené. Kód môžete skopírovať z tu vidieť to v akcii.
 

Jeden z našich zákazníkov používa inú aplikáciu na sledovanie svojich projektov a pokroku. 

Chceli začať používať Vtiger Projects, ale užívateľské rozhranie bolo jedinou prekážkou pri používaní Vtiger Projects. Rozhranie neposkytovalo úplné podrobnosti o míľnikoch a úlohách na jednej obrazovke projektu, ako si zákazník želal.

Aby sme prekonali túto prekážku, navrhli sme nasledujúce riešenie.

Na návrh stránky, ktorá by bola rozdelená na 3 časti, by mohli použiť našu platformu s nízkym kódom Module Designer. 

Prvá časť zobrazuje zoznam projektov, ďalšia časť zobrazuje míľniky spojené s vybraným projektom a tretia časť zobrazuje úlohy spojené s vybraným projektom a míľniky. Vyzeralo by to podobne ako poštová schránka programu Outlook, ktorá zobrazuje e-maily a ich obsah na pravej strane. V tomto prípade jeho 3-úroveň zobrazuje detaily úlohy na konci.

Na vybudovanie tejto schopnosti by sme vytvorili vlastnú stránku zoznamu, ktorú by bolo možné pridať pomocou 'LIST_ADD_VIEWTYPEkomponent. Pozri tu napríklad. 

Potom by sa funkcia VTAP.API.Get použila na načítanie údajov projektu, míľniku projektu a úloh. Boli by zobrazené v samostatných stĺpcoch, ale stále by boli spojené. Kód môžete skopírovať z tu vidieť to v akcii.
 
 

Vtiger APPtitude 

 

Nástroje, ktoré sa nám páčia

 
 

ElasticSearch je skvelý projekt s otvoreným zdrojom, do ktorého môžete prispieť, ak sa zaujímate o vedu o údajoch. Dokáže analyzovať, vyhľadávať a ukladať veľké objemy údajov v reálnom čase. Elasticsearch pomáha svojim používateľom využívať dáta mnohými rôznymi spôsobmi.
 

ElasticSearch je skvelý projekt s otvoreným zdrojom, do ktorého môžete prispieť, ak sa zaujímate o vedu o údajoch. Dokáže analyzovať, vyhľadávať a ukladať veľké objemy údajov v reálnom čase. Elasticsearch pomáha svojim používateľom využívať dáta mnohými rôznymi spôsobmi.
 
 

Onedlho

 
 

Návrhár aplikácií 

Vtiger's App Designer vám umožní vytvárať vlastné aplikácie, ktoré môžu alebo nemusia závisieť od CRM. Poskytne vám flexibilitu pri písaní aplikácií v akomkoľvek rámci JavaScript, v ktorom máte odborné znalosti.

S výkonnými VTAP JavaScript API sa môžete tiež pripojiť k CRM a push/pull dáta z neho na jednoduché vytváranie vlastných aplikácií.
 

Návrhár aplikácií 

Vtiger's App Designer vám umožní vytvárať vlastné aplikácie, ktoré môžu alebo nemusia závisieť od CRM. Poskytne vám flexibilitu pri písaní aplikácií v akomkoľvek rámci JavaScript, v ktorom máte odborné znalosti.

S výkonnými VTAP JavaScript API sa môžete tiež pripojiť k CRM a push/pull dáta z neho na jednoduché vytváranie vlastných aplikácií.
 
 

Prihláste sa a získajte najnovšie aktualizácie!

 
 

Autorské práva 2024 Vtiger. Všetky práva vyhradené. Rôzne ochranné známky vlastnené ich príslušnými vlastníkmi.