Vtiger CRM bilten za programere

Koristeći App Creator, možete:

Izradite specijalizirane web aplikacije u oblaku za klijente.
Koristite bogate web aplikacije na strani klijenta koristeći bilo koji okvir.

Molimo Vas provjerite pažljivo tablicu sa mjerama prije kupnje proizvoda, a ukoliko ne znate kako odabrati veličinu proizvoda kontaktirajte našu Službu za kupce. pročitajte naš članak kako biste naučili koristiti App Creator.

Želite li pristupiti App Creatoru? Pošaljite upit na [e-pošta zaštićena].

Primjer prijave - Flipbook

Ovdje je primjer aplikacije koji možete isprobati!

Slijedi skripta za web aplikaciju - Flipbook:

views/index.html


  <!DOCTYPE html>
<html>
    <head>
        <title>VTAP Flipbook</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="resources/index.css">
        <script 
        src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js">
        </script>
        <script
        src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/9729/turn.min.js">
        </script>
    </head>
    <body>
        <div id="flipbook" class="sample-flipbook">
            <div class="hard"> Vtiger Platform </div>
            <div class="hard"></div>
            <div> Build creative apps </div>
            <div> to business much easily </div>
            <div> than ever before. </div>
            <div> Thank you! </div>
            <div class="hard"></div>
            <div class="hard"></div>
        </div>
        <script src="resources/vcap.js"></script>
        <script src="resources/index.js"></script>
    </body>
</html>


  <!DOCTYPE html>
<html>
    <head>
        <title>VTAP Flipbook</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="resources/index.css">
        <script 
        src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js">
        </script>
        <script
        src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/9729/turn.min.js">
        </script>
    </head>
    <body>
        <div id="flipbook" class="sample-flipbook">
            <div class="hard"> Vtiger Platform </div>
            <div class="hard"></div>
            <div> Build creative apps </div>
            <div> to business much easily </div>
            <div> than ever before. </div>
            <div> Thank you! </div>
            <div class="hard"></div>
            <div class="hard"></div>
        </div>
        <script src="resources/vcap.js"></script>
        <script src="resources/index.js"></script>
    </body>
</html>

resursi/index.js


  CAP.event.on('app.loaded', function(){
    $("#flipbook").turn({
    width: 400,
    height: 300,
    autoCenter: true
  });
});


  CAP.event.on('app.loaded', function(){
    $("#flipbook").turn({
    width: 400,
    height: 300,
    autoCenter: true
  });
});

resursi/index.css


  .sample-flipbook{
      width:400px;
      height:200px;
      -webkit-transition:margin-left 0.2s;
      -moz-transition:margin-left 0.2s;
      -ms-transition:margin-left 0.2s;
      -o-transition:margin-left 0.2s;
      transition:margin-left 0.2s;
}
.sample-flipbook .page{
      width:200px;
      height:200px;
      background-color:white;
      line-height:300px;
      font-size:20px;
}
.sample-flipbook .page-wrapper{
      -webkit-perspective:2000px; 
      -moz-perspective:2000px;
      -ms-perspective:2000px;
      -o-perspective:2000px;
      perspective:2000px;
}
.sample-flipbook .hard{
      background:#ccc !important;
      color:#333;
      -webkit-box-shadow:inset 0 0 5px #666;
      -moz-box-shadow:inset 0 0 5px #666;
      -o-box-shadow:inset 0 0 5px #666;
      -ms-box-shadow:inset 0 0 5px #666;
      box-shadow:inset 0 0 5px #666;
      font-weight:bold;
}
.sample-flipbook.odd{
        background:-webkit-gradient(linear, right top, left top,
        color-stop(0.95, #FFF), color-stop(1, #DADADA));
        background-image:-webkit-linear-gradient(right, #FFF 95%, #C4C4C4 100%);
        background-image:-moz-linear-gradient(right, #FFF 95%, #C4C4C4 100%);
        background-image:-ms-linear-gradient(right, #FFF 95%, #C4C4C4 100%);
        background-image:-o-linear-gradient(right, #FFF 95%, #C4C4C4 100%);
        background-image:linear-gradient(right, #FFF 95%, #C4C4C4 100%);
        -webkit-box-shadow:inset 005px#666;
        -moz-box-shadow:inset 005px#666;
        -o-box-shadow:inset 005px#666;
        -ms-box-shadow:inset 005px#666;
        box-shadow:inset 005px#666;
}
.sample-flipbook.even{
        background:-webkit-gradient(linear, left top, right top,
        color-stop(0.95, #fff), color-stop(1, #dadada));
        background-image:-webkit-linear-gradient(left, #fff 95%, #dadada 100%);
        background-image:-moz-linear-gradient(left, #fff 95%, #dadada 100%);
        background-image:-ms-linear-gradient(left, #fff 95%, #dadada 100%);
        background-image:-o-linear-gradient(left, #fff 95%, #dadada 100%);
        background-image:linear-gradient(left, #fff 95%, #dadada 100%);
        -webkit-box-shadow:inset 005px#666;
        -moz-box-shadow:inset 005px#666;
        -o-box-shadow:inset 005px#666;
        -ms-box-shadow:inset 005px#666;
        box-shadow:inset 005px#666;
}


  .sample-flipbook{
      width:400px;
      height:200px;
      -webkit-transition:margin-left 0.2s;
      -moz-transition:margin-left 0.2s;
      -ms-transition:margin-left 0.2s;
      -o-transition:margin-left 0.2s;
      transition:margin-left 0.2s;
}
.sample-flipbook .page{
      width:200px;
      height:200px;
      background-color:white;
      line-height:300px;
      font-size:20px;
}
.sample-flipbook .page-wrapper{
      -webkit-perspective:2000px; 
      -moz-perspective:2000px;
      -ms-perspective:2000px;
      -o-perspective:2000px;
      perspective:2000px;
}
.sample-flipbook .hard{
      background:#ccc !important;
      color:#333;
      -webkit-box-shadow:inset 0 0 5px #666;
      -moz-box-shadow:inset 0 0 5px #666;
      -o-box-shadow:inset 0 0 5px #666;
      -ms-box-shadow:inset 0 0 5px #666;
      box-shadow:inset 0 0 5px #666;
      font-weight:bold;
}
.sample-flipbook.odd{
        background:-webkit-gradient(linear, right top, left top,
        color-stop(0.95, #FFF), color-stop(1, #DADADA));
        background-image:-webkit-linear-gradient(right, #FFF 95%, #C4C4C4 100%);
        background-image:-moz-linear-gradient(right, #FFF 95%, #C4C4C4 100%);
        background-image:-ms-linear-gradient(right, #FFF 95%, #C4C4C4 100%);
        background-image:-o-linear-gradient(right, #FFF 95%, #C4C4C4 100%);
        background-image:linear-gradient(right, #FFF 95%, #C4C4C4 100%);
        -webkit-box-shadow:inset 005px#666;
        -moz-box-shadow:inset 005px#666;
        -o-box-shadow:inset 005px#666;
        -ms-box-shadow:inset 005px#666;
        box-shadow:inset 005px#666;
}
.sample-flipbook.even{
        background:-webkit-gradient(linear, left top, right top,
        color-stop(0.95, #fff), color-stop(1, #dadada));
        background-image:-webkit-linear-gradient(left, #fff 95%, #dadada 100%);
        background-image:-moz-linear-gradient(left, #fff 95%, #dadada 100%);
        background-image:-ms-linear-gradient(left, #fff 95%, #dadada 100%);
        background-image:-o-linear-gradient(left, #fff 95%, #dadada 100%);
        background-image:linear-gradient(left, #fff 95%, #dadada 100%);
        -webkit-box-shadow:inset 005px#666;
        -moz-box-shadow:inset 005px#666;
        -o-box-shadow:inset 005px#666;
        -ms-box-shadow:inset 005px#666;
        box-shadow:inset 005px#666;
}

Spremi i objavi i pokrenite aplikaciju da je vidite na djelu.

VTAPIT - Alat za naredbeni redak

VTAPIT - Uvod

VTAPIT je alat naredbenog retka koji vam omogućuje da razvijate i upravljate VTAP aplikacijama kreiranim iz App Creator-a (Platforma > Aplikacije). Ima podnaredbe slične alatu GIT, što olakšava učenje i početak.

Početak

Izradite novu aplikaciju (testap) na Vtiger CRM > Platforma > App Creator (Apps)
Preuzmite svoj OS kompatibilan s izvršnom datotekom - https://extend.vtiger.com/vtap/vtapit/dist Podnaredbe

VTAPIT - Uvod

Početak

Izradite novu aplikaciju (testap) na Vtiger CRM > Platforma > App Creator (Apps)
Preuzmite svoj OS kompatibilan s izvršnom datotekom - https://extend.vtiger.com/vtap/vtapit/dist Podnaredbe

klon	Napravite kopiju aplikacije stvorene u CRM-u u svoj lokalni radni imenik.
trčanje	Omogućuje izvođenje u lokalnom radnom direktoriju, koji koristi lokalne datoteke i CRM Apis za podatke.
dodati	Novostvorene lokalne datoteke mogu se dodati u CRM aplikaciju.
Gurati	Prenosi sve lokalne promjene (dodajte ili izmijenite funkcije) napravljene na datotekama u CRM aplikaciju.
Vuci	Preuzima sve promjene iz CRM aplikacije natrag u lokalni radni imenik. Ako je datoteka promijenjena u CRM-u, ali ne i u lokalnom imeniku, stvara se datoteka markera sukoba. Morate upotrijebiti diff alat za usporedbu promjena, a zatim upotrijebiti podnaredbu Razriješi.
riješiti	Označava sukob (diff) promjene koje ste uspjeli pregledati.
Objaviti	Kada su sve lokalne promjene gurnute - koristite ovu podnaredbu da biste je učinili dostupnom.

klon

vtapit klon --crmapp=testap --crmurl=https://your.odx.vtiger.crm --crmuser=[e-pošta zaštićena] --crmpass=******** lokalni_dir/testapp

trčanje

cd lokalni_dir/testap

vtapit trčati --crmurl=https://your.odx.vtiger.crm --crmuser=[e-pošta zaštićena] --crmpass=********

dodati

cd lokalni_dir/testap

vtapit dodati put_do_nove_datoteke

Gurati

cd lokalni_dir/testap

vtapit gurati --crmurl=https://your.odx.vtiger.crm --crmuser=[e-pošta zaštićena] --crmpass=********

Vuci

cd lokalni_dir/testap

vtapit povući --crmurl=https://your.odx.vtiger.crm --crmuser=[e-pošta zaštićena] --crmpass=********

riješiti

cd lokalni_dir/testap

vtapit riješiti put_do_datoteke

Objaviti

cd lokalni_dir/testap

vtapit objaviti --crmurl=https://your.odx.vtiger.crm --crmuser=[e-pošta zaštićena] --crmpass=********

Bilješka: Možete postaviti CRM varijable okruženja kako biste izbjegli ponavljanje u naredbenom retku.

CRM_URL=https://crm.url.tld

[e-pošta zaštićena]

CRM_PASSWORD=prolaz

CRM_APP=naziv aplikacije

klon

vtapit klon --crmapp=testap --crmurl=https://your.odx.vtiger.crm --crmuser=[e-pošta zaštićena] --crmpass=******** lokalni_dir/testapp

trčanje

cd lokalni_dir/testap

vtapit trčati --crmurl=https://your.odx.vtiger.crm --crmuser=[e-pošta zaštićena] --crmpass=********

dodati

cd lokalni_dir/testap

vtapit dodati put_do_nove_datoteke

Gurati

cd lokalni_dir/testap

vtapit gurati --crmurl=https://your.odx.vtiger.crm --crmuser=[e-pošta zaštićena] --crmpass=********

Vuci

cd lokalni_dir/testap

vtapit povući --crmurl=https://your.odx.vtiger.crm --crmuser=[e-pošta zaštićena] --crmpass=********

riješiti

cd lokalni_dir/testap

vtapit riješiti put_do_datoteke

Objaviti

cd lokalni_dir/testap

vtapit objaviti --crmurl=https://your.odx.vtiger.crm --crmuser=[e-pošta zaštićena] --crmpass=********

Bilješka: Možete postaviti CRM varijable okruženja kako biste izbjegli ponavljanje u naredbenom retku.

CRM_URL=https://crm.url.tld

[e-pošta zaštićena]

CRM_PASSWORD=prolaz

CRM_APP=naziv aplikacije

Uskoro - Module Designer 2.0

Dizajner modula 2.0 doći će s jednostavnijim pristupom korisničkom sučelju. Omogućuje vam dodavanje prilagođenih gumba i radnji pomoću moda dizajnera.

Jednom omogućen način rada Dizajner će istaknuti sva rezervirana mjesta na stranicama gdje se mogu dodati prilagođeni gumbi, ikone i widgeti. Vi samo trebate kliknuti i odabrati naziv i napisati radnu javascript funkciju.

Dizajner modula 2.0 doći će s jednostavnijim pristupom korisničkom sučelju. Omogućuje vam dodavanje prilagođenih gumba i radnji pomoću moda dizajnera.

Prijavite se za primanje najnovijih ažuriranja!

Dajem pristanak Vtigeru za slanje ažuriranja o novostima i drugim zanimljivim sadržajima.

Pročitao sam Izjava o privatnosti od Vtigera.