Formulare-Versiune Intermediară

Proiect cofinanţat din FSE prin Program Operațional Capital Uman 2014 - 2020
Axa Prioritară 6 - Educație și competențe

Acțiune: OS6.7, OS6.9, OS6.10
Titlu proiect: Antreprenor UBB!
Acronim proiect: AUBB
Cod proiect: POCU/379/6/21/124662
Beneficiar: Universitatea Babeș-Bolyai din Cluj-Napoca
Formulare
(Forms)*
Notă: Conținutul acestui document a fost preluat din manualul platformei JobRouter
(Workflow Design – Create Processes – Forms) și a fost modificat conform viziunii autorilor.
Conţinutul acestui document nu reprezintă în mod obligatoriu poziţia oficială a JobRouter
AG
ROMÂNIA
UNIVERSITATEA BABEŞ-BOLYAI DIN CLUJ-NAPOCA
Universitatea Babeș-Bolyai Tel.: (00) 40 - 740 – 077521
din Cluj-Napoca
Cuprins
Introducere .......................................................................................... 3
Interfața de prezentarea a formularelor (Forms overview) ................. 4
Crearea unui formular (Create a form)................................................. 5
Ștergerea unui formular (Delete a form).............................................. 8
Editorul interfeței unui formular (Form Dialog Editor) ......................... 9
Butoane cu simboluri în editorul interfeței unui formular (Symbol buttons în
Form Dialog Editor) ........................................................................... 11
Adăugarea unei pagini (Add page) ....................................................... 13
Inserarea unei secțiunii (Insert section) ............................................... 15
Inserare unui rând (Insert row) .......................................................... 18
Inserarea unei coloane (Insert column) ................................................ 20
Adăugarea unui element de fomular (Add form element) ........................ 22
Modificarea tipului unui element de formular (Change element type) ....... 27
Particularități ale editorului pentru o interfață de tip desktop – clipboard-ul
...................................................................................................... 29
Tipuri de elemente de formular pentru o interfață de tip desktop (Form
element types for desktop view) ........................................................ 34
ATTACHMENT – afișare fișier anexat .................................................... 34
BLANK - câmp spațiu ......................................................................... 37
BUTTON - buton ................................................................................ 37
CHECKBOX - casetă de validare .......................................................... 39
DATE - câmp de editare de tip dată calendaristică ................................. 41
DECIMAL - câmp de editare de tip număr real ....................................... 45
DESCRIPTION - descriere ................................................................... 47
FILE - fişier anexat ............................................................................ 49
HIDDEN - câmp ascuns ...................................................................... 53
IFRAME – cadru integrat .................................................................... 53
IMAGE - imagine ............................................................................... 54
JOBFUNCTIONS - listă de selecție roluri ............................................... 55
LINK – referință ................................................................................ 58
LIST - listă de selecție ....................................................................... 59
PASSWORD - câmp de editare de tip parolă .......................................... 62
RADIO –buton radio .......................................................................... 66
1
SQL_CHECKBOX - casetă de validare SQL ............................................ 68
SQL_LIST - listă de selecție SQL ......................................................... 70
SQL_TABLE - tabel SQL...................................................................... 82
SQL_TEXTBOX - câmp de editare de tip text SQL .................................. 86
SUBTABLE_VIEW - vizualizare subtabel ................................................ 89
TEXT - câmp de tip text ..................................................................... 95
TEXTAREA - câmp de editare multi-linie ............................................... 96
TEXTBOX - câmp de editare de tip text ................................................ 99
USERS - listă de selecție utilizatori .................................................... 104
2
Introducere
Un formular este o interfață între platforma JobRouter și utilizator, prin

intermediul căreia un utilizator adaugă, modifică, șterge și/sau vizualizează date.
Un formular are:
• mai multe proprietăți asociate și
• 2 tipuri de interfețe asociate formularului respectiv, în funcție dis-

pozitivul de pe care se accesează: o interfață de tip desktop (care se
accesează de pe un calculator și/sau laptop) și o interfață de tip mobile
(care se accesează de pe un telefon mobil).
O interfață are o anumită structură: ea conține una sau mai multe pagini, o
pagină conține una sau mai multe secțiuni, o secțiune conține unul sau mai multe
rânduri, un rând conține una sau mai multe coloane iar o coloană conține unul
sau mai multe elemente de formular.
În funcție de tipul interfeței unui formular, desktop sau mobile, ea va avea un

anumit aspect. Nu doar aspectul unei interfețe a unui formular depinde de
dispozitivul de pe care se accesează formularul ci și tipurile de elemente de
formular care pot fi adăugate în cadrul interfeței unui formular depind de
dispozitivul de accesare al formularului.
3
Interfața de prezentarea a formularelor
(Forms overview)
Selectând opțiunea Forms (Formulare) din submeniul Workflow (Flux de lucru)

a meniului de navigare Designer (Designer navigation menu) se va vizualiza o
interfață de prezentare a formularelor anterior create.
Interfata de prezentare a formularelor
În interfața de prezentare a formularelor sunt afișate, pentru fiecare formular,

următoarele proprietăți,:
Property Proprietate Explicaţie
Indică denumirea formularului. Dacă se dă

click pe denumirea unui formular se deschide
Name Denumire
interfața pentru editarea proprietăților
formularului respectiv.
Label Etichetă Indică eticheta formularui.
Acționând butonul având simbolul se va

deschide editorul interfeței unui formular
pentru a edita interfața formularului
respectiv.
4
Crearea unui formular (Create a form)
Pentru crearea unui formular se accesează interfața de prezentare a formularelor

anterior create, selectând opțiunea Forms (Formulare), din submeniul Workflow
(Flux de lucru) a meniului de navigare Designer (Designer navigation menu), și
se acționează butonul New Form (Formular nou) din bara de acțiuni.
Crearea unui formular
În urma acestei acțiuni se afișează interfața pentru editarea proprietăților unui

formular (Edit Form) care permite crearea unui formular nou sau editarea
proprietăților unui formular anterior creat.
5
Crearea și editarea proprietăților unui formular
În interfeța de editare a proprietăților unui formular (Edit Form) se pot specifica

următoarele proprietăți ale unui formular:
Secțiunea Detalii (Details Section)
Indică denumirea formularului.

Forms Denumire De reținut: denumirea unui formular
nu poate fi ulterior modificată.
Indică un titlu al formularului.
Această proprietate este disponibilă
Label Etichetă
doar pentru o interfață de tip desktop
a unui formular.
Indică o descriere a formularului în

Documentați care se pot introduce informații
Documentation
e
suplimentare despre formular.
6
Indică denumirea unui formular
anterior creat pe baza căruia se poate
realiza formularul actual.
Dacă se alege din lista de selecție
denumirea unui formular existent
Template Șablon atunci formular actual se va crea ca o
copie a formularului selectat. Cele
două formulare (cel actual care se
creaza și cel cel existent selectat) vor
fi independente, nefiind corelate între
ele.
Secțiunea Scripturi (Scripts Section)
Pentru mai multe detalii referitoare la evenimentele generate de un
formular și la funcțiile script asociate evenimentelor respective (script
event) se recomandă consultarea manualului JobRouter JavaScript API.
De reținut: Nu toate evenimentele generate de o interfață de tip desktop
sunt generate și de o interfață de tip mobile.
Acționând butonul având simbolul pentru un eveniment din secțiunea Scripts
(Scripturi) se va afișa o fereastră pop-up care va prezenta toate funcțiile script
asociate local formularului sau asociate global procesului. Selectând o funcție
script din această listă ea va fi adăugată evenimentului respectiv pentru a fi
apelată în momentul generarii evenimentului de către formular (în urma unei
acțiuni a utilizatorului).
După ce s-au realizat toate modificările dorite în interfața de editare a proprie-

tăților unui formular (Edit Form) se acționează butonul Save (Salvare) pentru a
salva modificările și pentru a reveni la interfața de prezentare a formularelor
anterior create.
Acționând butonul Modification Log (Jurnalul modificărilor) din bara de acțiuni se

va putea vizualiza un istoric al tuturor modificărilor efectuate asupra formularui.
Acționând butonul Comments (Comentarii) din bara de acțiuni se vor putea

introduce și vizualiza o serie de informații suplimentare referitoare la formular.
7
Ștergerea unui formular (Delete a form)
Pentru stergerea unui formular se accesează interfața de prezentare a

formularelor anterior create, selectând opțiunea Forms (Formulare), din
submeniul Workflow (Flux de lucru) a meniului de navigare Designer (Designer
navigation menu), se selectează formularul dorit, prin bifarea casetei din stânga
denumirii formularului respectiv, și se acționează butonul Delete (Ștergere) din
bara de acțiuni.
Ștergerea unui formular
În urma acestei acțiuni va apărea o fereastră pop-up prin care se va solicita

confirmarea ștergerii, prin acționarea butonului Delete (Ștergere), sau anularea
ștergerii, prin acționarea butonului Cancel (Anulare).
8
Editorul interfeței unui formular (Form
Dialog Editor)
Accesarea editorului interfeței unui formular se poate realiza fie folosind editorul
de diagrame (flowchart editor) fie folosind interfața de prezentare a formularelor
(forms overview).
Dacă se utilizează editorul de diagrame (flowchar editor) pentru accesarea edi-

torului interfeței unui formular atunci fie se acționează, prin dublu click, pasul al
cărui formular dorim să-l edităm fie se alege opțiunea Form Editor din meniul
contextual asociat pasului al cărui formular dorim să-l edităm (meniul contextual
asociat unui pas se accesează folosind butonul secundar al mouse-ului).
Notă: Dacă formularul asociat pasului respective nu a fost creat anterior atunci
se creează mai întâi formularul și apoi se accesează editorul interfeței pentru
formularul respectiv.
Dacă se utilizează interfața de prezentare a formularelor (forms overview)

pentru accesarea editorului interfeței unui formular atunci se acționează butonul
avînd simbolul și care este situat în partea stângă a denumirii formularului
care se dorește a fi editat.
În mod implicit editorul interfeței unui formular se va deschide pentru a edita

interfața de tip desktop asociată formularului respectiv.
9
Editorul interfetei de tip desktop view al unui formular
Dacă se dorește editarea interfeței de tip mobile asociată formularului respectiv

se va acționa butonul având simbolul situat în partea dreaptă jos a editorului
interfeței unui formular, mai exact în partea dreaptă a etichetei Desktop View
(interfață de tip desktop). În urma acestei acțiuni se va afișa interfața de tip
mobile asociată formularului respectiv.
Editorul interfetei de tip mobile view al unui formular
Comutarea între cele 2 tipuri interfețe asociate unui formular se realizează ușor
prin acționarea butonului având simbolul situat in parte dreaptă jos a
editorului interfeței unui formular, mai exact în partea dreaptă a etichetei
Desktop View (interfață de tip desktop) sau în partea stângă a etichetei Mobile
View (interfață de tip mobile).
De reținut:Dacă pentru un anumit formular s-a comutat de pe editarea

interfeței de tip desktop pe cea de tip mobile atunci această modificare va fi
salvată pentru întreaga sesiune a utilizatorului și se va reflecta la nivelul tuturor
formularelor. În mod similar se va întâmpla și pentru comutarea inversă. În
funcție de modul de editare ales eticheta corespunzătoare tipului de interfața va
fi deja preselectată la nivelul tuturor formularelor.
10
Butoane cu simboluri în editorul interfeței unui formular
(Symbol buttons în Form Dialog Editor)
În editorul interfeței unui formular sunt disponibile o serie de butoane cu

simboluri care pot fi folosite pentru a realiza diverse acțiuni (precum inserare,
ștergere, mutare, editare etc.) sau pentru a modifica anumite proprietăți
(precum read-only (element care poate fi doar citit) sau required field (element
obligatoriu)).
Butoanele cu simbolurile din editorul interfeței unui formular sunt enumerate în

tabelul următor:
Buton - Explicaţie
Name Nume
simbol
Butoane cu simboluri din cadrul unui formular
Acționând butonul cu acest
simbol se poate insera o nouă
Insert Inserare secțiune, un rând nou, o nouă
coloană sau un nou element de
formular.

simbol se șterge o pagină, o
Delete Ștergere
secțiune, un rând, o coloană sau
un element de formular.

simbol se deplasează în jos o
Move down Mutare în jos
secțiune, un rând sau un
element de formular.

simbol se deplasează în sus o
Move up Mutare în sus
secțiune, un rând sau un
element de formular.

simbol se deschide o interfață
pentru editarea proprietăților
Edit Editare componentei respective a
formularului (o pagină, o
secțiune, un rând, o coloană sau
un element de formular).
11
Buton - Explicaţie
Name Nume
simbol
simbol se ascunde sau se
Hide Ascundere afișează o pagină, o secțiune, un
rând, o coloană sau un element
de formular.

simbol se mută într-un alt loc o
componentă a formularului (o
Move Mutare
pagină, o secțiune, un rând, o
coloană sau un element de
formular).

simbol se inserază în formular o
copie a unei componente de
formular (o pagină, o secțiune,
Paste from Copiere din un rând, o coloană sau un
clipboard clipboard element de formular) anterior
salvată în clipboard. Clipboard-
ul este disponibil doar în editorul
interfeței de tip desktop a unui
formular.
Butoane cu simboluri specifice unei secțiunii
Deschidere / simbol se deschide (se
Open / Close
Închidere minimizeză) sau se închide (se
maximixează) o secțiune.
Butoane cu simboluri specifice unei paginii și unei coloane
Mutare la simbol se deplasează spre
Move right
dreapta
dreapta o pagină sau o coloană.

Mutare la simbol se deplasează spre
Move left
stânga
stânga o pagină sau o coloană.
Butoane cu simboluri specifice unui element de formular
Disable / Dezactivare / Acționând butonul cu acest
Enable Activare simbol se dezactivează sau
12
Buton - Explicaţie
Name Nume
simbol
activează un element de
formular.

simbol se specifică dacă un
Required Obligatoriu
element de formular este
obligatoriu sau nu.

Doar pentru simbol se specifică dacă un
Read-only
citire element de formular se poate
edita sau nu.
Adăugarea unei pagini (Add page)
Un formular poate conține mai multe pagini. Paginile unui formular sunt vizibile
în partea de sus a formularului. Pentru a adăuga o nouă pagină unui formular se
acționează butonul Add page (Adăugare pagină) din bara de acțiuni.
Adăugarea unei pagini
În urma cestei acțiuni se va deschide o fereastră care va permite editarea

proprietăților specifice unei paginii.
13
Proprietățile specifice unei pagini
Proprietățile specifice unei pagini sunt:
Indică denumirea paginii. Acesta proprietate

Name Denumirea
este necesar să fie specificată.
Indică un titlu al paginii. Acesta va fi afișat în

Label Etichetă
cadrul formularului.
Secțiunea Setări (Settings Section)
Indică dacă pagina este ascunsă (dacă caseta

de validare este bifată) sau nu (dacă caseta de
Hidden? Ascunsă?
validare este debifată) în momentul afisării
formularului.
Secțiunea Scripturi (Scripting Section)
Indică apelul scriptului sau scripturilor care se

OnFocus La activare execută în momentul generării unui eveniment
on focus.

OnBlur La inactivare execută în momentul generării unui eveniment
on blur.
14
Secțiunea Avansat (Advanced Section)

De reținut: Proprietățile acestei secțiuni sunt disponibile numai la adăugarea
unei pagini noi
Indică dacă se inserează o secțiune (dacă
caseta de validare este bifată) sau nu (dacă
Insert Inserare caseta de validare este debifată) în cadrul
section? secțiune?
paginii.
Caseta de validare este bifată în mod implicit.
Section Denumirea Indică denumirea secțiunii care se va insera.

name secțiunii
Indică dacă se inserează un rând (dacă caseta
Insert Inserare de validare este bifată) sau nu (dacă caseta de
row? rând? validare este debifată) în cadrul secțiunii.
Denumirea Indică denumirea rândului care se va insera.

Row name
rândului
Indică dacă se inserează o coloană (dacă caseta
column? coloană? validare este debifată) în cadrul rândului.
Column Denumirea Indică denumirea coloanei care se va insera.

name coloanei
Dacă se dorește salvarea proprietăților unei pagini atunci se acționează butonul

Save (Salvare) altfel se acționează butonul Cancel (Anulare). În urma oricărei
acțiuni se revine în editorul interfeței unui formular.
Inserarea unei secțiunii (Insert section)
O pagină poate conține mai multe secțiuni. Secțiunile unei pagini permit o
organizare mai clară a datelor afișate în cadrul paginii unui formular. Pentru a
adăuga o nouă secțiune unei pagini se acționează butonul având simbolul ,
situat în partea dreaptă-sus a paginii - când cursorul mouse-ului este situat
deasupra butonului având simbolul va apărea o casetă de text contextuală
care va afișa mesajul Insert Section (Inserare secțiune).
15
Inserarea unei secțiuni
În urma cestei acțiuni se va deschide o fereastră care va permite editarea

proprietăților specifice unei secțiuni.
Proprietățile specifice unei secțiunii
Proprietățile specifice unei secțiuni sunt:
16
Indică denumirea secțiunii. Acesta proprietate

Name Denumirea
Indică un titlu al secțiunii. Acesta va fi afișat în

Label Etichetă
cadrul paginii formularului.
Indică dacă secțiunea este închisă (dacă caseta

Closed? Închisă?
paginii formularului.
Indică dacă secțiunea este ascunsă (dacă caseta

Hidden? Ascunsă?
paginii formularului.
Indică dacă doar eticheta secțiunii este afișată

(dacă caseta de validare este bifată) sau nu
(dacă caseta de validare este debifată) în
Load on Încărcată la momentul afisării paginii formularului.
demand? cerere? Conținutul secțiunii nu este afișat în momentul
afișării paginii formularului însă el poate fi afișat
(încărcat) folosind funcția JavaScript API
jr_show.

OnOpen La deschidere execută în momentul generării unui eveniment
on open.

OnClose La închidere execută în momentul generării unui eveniment
on close.
Secțiunea Culoare (Color Section)
Culoarea Indică culoarea etichetei secțiunii.

Label color
etichetei
Border Culoarea Indică culoarea chenarului secțiunii.
color chenar
17
Secțiunea Avansat (Advanced Section)

De reținut: Proprietățile acestei secțiuni sunt disponibile numai la adăugarea
unei secțiuni noi
Indică dacă se inserează un rând (dacă caseta
row? rând? validare este debifată) în cadrul secțiunii.
Denumirea Indică denumirea rândului care se va insera.

Row name
rândului
Indică dacă se inserează o coloană (dacă caseta
column? coloană? validare este debifată) în cadrul rândului.
Column Denumirea Indică denumirea coloanei care se va insera.

name coloanei
Dacă se dorește salvarea proprietăților unei secțiuni atunci se acționează butonul

Inserare unui rând (Insert row)
O secțiune poate conține mai multe rânduri. Pentru a adăuga un rând nou unei
secțiuni se acționează butonul având simbolul , situat în partea dreaptă-sus a
secțiunii - când cursorul mouse-ului este situat deasupra butonului având
simbolul va apărea o casetă de text contextuală care va afișa mesajul Insert
Row (Inserare rând).
18
Inserarea unui rând
Rândul este inserat automat. Denumirea rândului se stabileste în mod automat

ca fiind cuvântul “row” (rând) urmat de un număr. Rândurile sunt numerotate în
mod continuu. Dacă un rând este ștears numărul asociat lui nu va mai fi ulterior
asociat unui alt rând. La inserarea unui nou rând lui îi va fi asociat următorul
număr.
Proprietățile unui rând vor putea fi editate ulterior prin acționarea butonul având
simbolul situat în partea dreaptă-sus a rândului - - când cursorul mouse-ului
este situat deasupra butonului având simbolul va apărea o casetă de text
contextuală care va afișa mesajul Edit Row (Editare rând). În urma acestei
acțiuni se va deschide o fereastră care va permite editarea proprietăților
specifice unui rând.
Proprietățile specifice unui rând
Proprietățile specifice unui rând sunt:
19
Indică denumirea rândului. Acesta proprietate

Name Denumirea
Indică dacă rândul este ascuns (dacă caseta de

validare este bifată) sau nu (dacă caseta de
Hidden? Ascuns?
validare este debifată) în momentul afișării
secțiunii din pagina formularului.
Dacă se dorește salvarea proprietăților unui rând atunci se acționează butonul

Inserarea unei coloane (Insert column)
Un rând poate conține mai multe coloane. Pentru a adăuga o coloană nouă unui
rând se acționează butonul având simbolul , situat în partea dreaptă-sus a
rândului - când cursorul mouse-ului este situat deasupra butonului având
simbolul va apărea o casetă de text contextuală care va afișa mesajul Insert
Column (Inserare coloană).
Inserarea unei coloane
Coloana este inserată automat. Denumirea coloanei se stabileste în mod

automat ca fiind cuvântul “column” (coloană) urmat de un număr. Coloanele
20
sunt numerotate în mod continuu. Dacă o coloană este ștearsă numărul asociat
acestei coloane nu va mai fi ulterior asociat unei alte coloane. La inserarea unei
noi coloane ei îi va fi asociat următorul număr.
Proprietățile unei coloane vor putea fi editate ulterior prin acționarea butonul
având simbolul situat în partea dreaptă-sus a coloanei - - când cursorul
mouse-ului este situat deasupra butonului având simbolul va apărea o casetă
de text contextuală care va afișa mesajul Edit Column (Editare coloană). În urma
acestei acțiuni se va deschide o fereastră care va permite editarea proprietăților
specifice unei coloane.
Proprietățile specifice unei coloane
Proprietățile specifice unei coloane sunt:
Indică denumirea coloanei. Acesta proprietate

Name Denumirea
Indică lățimea coloanei, în pixeli. Dacă nu se

specifică nimic lățimea coloanei se va stabili în
Width Lățimea
mod dinamic în funcție de lățimea elementelor
de formular din cadrul ei.
Indică dacă coloana este ascunsă (dacă caseta

Hidden? Ascunsă? de validare este bifată) sau nu (dacă caseta de
21
rândului din cadrul secțiunii din pagina

formularului.
Secțiunea Lațimea etichetelor (Label Width Section)
Indică lățimea, în pixeli, a etichetelor

Label Lățimea elementelor de formular din cadrul coloanei. Se
width etichetelor pot stabili dimensiuni diferite pentru toate
limbile disponibile în cadrul procesului.
Dacă se dorește salvarea proprietăților unei coloane atunci se acționează butonul

Adăugarea unui element de fomular (Add form element)
O coloană poate conține unul sau mai multe elemente de formular, prin
intermediul cărora un utilizator interacționează cu formularul. Există mai multe
tipuri de elemente. Pentru mai multe detalii referitoare la tipurile de elemente și
a proprietăților acestora se recomandă consultarea secțiunii Tipuri de elemente
de formular (Form element types).
Pentru a adăuga un element nou într-o coloană se acționează butonul având

simbolul , situat în partea dreaptă-sus a coloanei - când cursorul mouse-ului
este situat deasupra butonului având simbolul va apărea o casetă de text
contextuală care va afișa mesajul Add Element (Adăugare element).
22
Adăugarea unui element
În urma acestei acțiuni se va deschide o fereastră care va permite selectarea

tipului de element dorit.
Selectarea unui tip de element
Tipurile de elemente de formular disponbile sunt:
Tip de
Element type Explicaţie
element
Afișare fișier Permite afișarea unui fișier anexat

ATTACHMENT
anexat la o (încărcat într-o) bază de date
Permite afișarea unei linii vidă

BLANK Câmp spațiu
(placeholder)
Permite afișarea unui buton prin

BUTTON Buton intermediul căruia să execute un
script atunci când este acționat.
Casetă de Permite afișarea unei casete de

CHECKBOX
validare validare.
Câmp de Permite afișarea unui câmp de

editare de tip editare de tip dată calendaristică.
DATE
dată
calendaristică
DECIMAL editare de tip editare de tip număr real.
număr real
23
Tip de
element
un text care reprezintă o descriere
și care poate fi formatat prin
DESCRIPTION Descriere
intermediu etichetelor (tag-urilor)
HTML
Permite anexarea (încărcarea) unui

FILE Fișier anexat fișier la o (într-o) bază de date,
descărcarea și/sau ștergerea lui
HIDDEN Câmp ascuns Permite afișarea unui câmp ascuns.
Permite afișarea unui cadru

Cadru integrat care poate încorpora orice
IFRAME
intergat
site web.
IMAGE Imagine Permite afișarea unei imagini.
Listă de Permite afișarea unei liste de

JOBFUNCTIONS selecției selecție a rolurilor, care permite
roluri alegerea unui singur rol.
Permite afișarea unei referințe

(link) prin intermediul căreia se
LINK Referință
poate accesa un site web sau un
fișier.
Permite afișarea unei liste de

Listă de selecție, care permite alegerea unei
LIST
selectie
singure opțiuni.

PASSWORD editare de tip editare de tip parolă.
parolă
Permite afișarea unui buton radio
RADIO Buton radio
care poate fi selectat.
Permite afișarea unei casete de

Casetă de validare SQL care reflectă rezultatul
SQL_CHECKBOX
validare SQL
unei interogări SQL.

selecție SQL, care permite alegerea
Listă de unei singure opțiuni, opțiunile
SQL_LIST
selecție SQL
reprezentând rezultatul unei
interogări SQL.
24
Tip de
element
Permite afișarea unui tabel cu date,
SQL_TABLE Tabel SQL datele reprezentând rezultatul unei
interogări SQL.
Permite afișarea unui câmp de

Câmp de editare de tip text, pentru a
SQL_TEXTBOX editare de tip
actualiza și/sau a afișa rezultatul
text SQL
unei interogări SQL.
Vizualizare
SUBTABLE_VIEW
subtabel
Câmp de tip Permite afișarea unui câmp de

TEXT
text editare de tip text.
Câmp Permite afișarea unui câmp de

TEXTAREA de editare editare multi-linie.
multi-linie
TEXTBOX editare de tip editare de tip text.
text
Listă de selecție a utilizatorilor, care
USERS selecției
permite alegerea unui singur
utilizatori
utilizator.
Selectarea unui tip de element are ca și rezultat deschiderea unei interfațe care
permite editarea proprietăților specifice tipului de element selectat.
Spre exemplificare prezentăm interfața care permite editarea proprietăților

specifice unui element de tip Textbox (câmp de editare de tip text).
25
Proprietățile specifice unui element de tip Textbox (câmp de editare de tip text)
26
sunt detaliate în cadrul secțiunii Tipuri de elemente de formular (Form element
types).
Dacă se dorește salvarea proprietăților unui tip de element de formular atunci

se acționează butonul Save (Salvare) altfel se acționează butonul Cancel
(Anulare). În urma oricăreia din cele două acțiuni anterior specificate se revine
în editorul interfeței unui formular.
Dacă se dorește modificarea tipului de element atunci se acționează butonul

Back (Înapoi) și se revine în fereastra care permite selectarea tipului de element
dorit.
Modificarea tipului unui element de formular (Change

element type)
Pentru a modifica tipului unui element de formular se acționează butonul având

simbolul , situat în partea dreaptă-sus a elementului căruia dorim să-i
modificăm tipul - când cursorul mouse-ului este situat deasupra butonului având
simbolul va apărea o casetă de text contextuală care va afișa mesajul Edit
Element (Editare element).
Modificarea tipului unui element
În urma acestei acțiuni se va deschide o fereastră care va permite editarea

proprietăților specifice tipului de element pe care dorim sa-l modificăm.
27
Spre exemplificare prezentăm interfața care permite editarea proprietăților
specifice unui element de tip TEXTBOX (câmp de editare de tip text).
Din lista de selecție Select Element Type (Selectare tip element) se alege tipul
de element dorit. Valorile tuturor proprietăților comune între cele 2 tipuri de
element se păstreză.
Dacă spre exemplificare dorim să modificăm tipul unui element din Textbox in
SQL_Textbox atunci va apărea interfața care permite editarea proprietăților
specifice unui element de tip SQL_Textbox (câmp de editare de tip text SQL).
28
Proprietățile specifice unui element de tip SQL_Textbox (câmp de editare de tip text SQL)
De reținut: Tipul de element de formular este actualizat și formularele asociate

pașilor deja inițiați.
Particularități ale editorului pentru o interfață de tip desktop

– clipboard-ul
Editorul interfeței de tip desktop a unui formular are un clipboard integrat.

Clipboard-ul permite salvarea unei pagini, a unei secțiuni, a unui rând, a unei
coloane sau a unui element de formular și reutilizarea acestora cu ușurință în
cadrul aceluiași formular sau în cadrul unui alt formular asociat unui pas din
cadrul aceluiași proces.
De reținut: Clipboard-ul nu este diponibil pentru o interfață de tip mobile a unui

formular.
Salvarea unei componente în clipboard
29
Pentru salvarea unei componente a unui formular (pagina, secțiune, rând,
coloană, element) se va selecta componenta respectivă (prin bifarea casetei de
validare situată în partea stângă a denumirii componentei respective) și se va
acționa butonul Copy To Clipboard (copiere în clipboard) din bara de acțiuni a
editorului interfeței de tip desktop a unui formular.
Copiere unei componente în clipboard
În urma acestei acțiuni se va deschide o fereastra care permite salvarea unei

componente a unui formular (pagina, secțiune, rând, coloană, element) în
clipboard.
Salvarea unei componente în clipboard
Pentru salvarea efectivă a unei componente în clipboard se va introduce, în

câmpul de editare Label (etichetă), o denumire, pentru a putea identifica ușor
componenta în clipboard, și se va acționa butonul Add (adaugare).
30
Actualizarea unei componente din clipboard
Pentru actualizare unei componente a unui formular (pagina, secțiune, rând,

coloană, element) anterior salvată în clipboard se va selecta componenta
respectivă (prin bifarea casetei de validare situată în partea stângă a denumirii
componentei respective), se va acționa butonul Copy To Clipboard (copiere în
clipboard) din bara de acțiuni a editorului interfeței de tip desktop a unui
formular, se va identifica componenta respectivă în lista componentelor anterior
salvate și se va acționa butonul Apply (Actualizare) corespunzător componentei
respective.
Actualizarea unei componente din clipboard.
Ștergerea unei componente din clipboard
Pentru ștergerea unei componente a unui formular (pagina, secțiune, rând,

coloană, element) anterior salvată în clipboard se va selecta componenta
respectivă (prin bifarea casetei de validare situată în partea stângă a denumirii
componentei respective), se va acționa butonul Copy To Clipboard (copiere în
clipboard) din bara de acțiuni a editorului interfeței de tip desktop a unui
31
formular, se va identifica componenta respectivă în lista componentelor anterior
salvate și se va acționa butonul Delete (Ștergere) corespunzător componentei
respective.
Inserarea unei componente din clipboard într-un formular
Pentru inserarea într-un formular a unei componente de formular (pagina, secți-

une, rând, coloană, element) anterior salvată în clipboard se acționează butonul
având simbolul situat în partea dreaptă-sus a componentei de formular
(pagina, secțiune, rând, coloană, element) în care se dorește inserarea - când
cursorul mouse-ului este situat deasupra butonului având simbolul va apărea
o casetă de text contextuală care va afișa mesajul Paste from clipboard (Inserare
din clipboard).
Inserarea într-un formular a unei componente din clipboard
Fereastra care permite inserarea într-un formular a unei componente de

formular (pagină, secțiune, rând, coloană, element) anterior salvată în clipboard
va afișa un conținut adaptat componentei în care se dorește inserarea (pagină,
secțiune, rând, coloană, element), astfel:
• dacă se dorește inserarea într-o pagină în fereastră vor fi disponibile

componenetele de tip pagină (dialogpages) și secțiune (dialogsections).
32
• dacă se dorește inserarea într-o secțiune în fereastră vor fi disponibile
componenetele de tip secțiune (dialogsections) și rând (dialogrows).
• dacă se dorește inserarea într-un rând în fereastră vor fi disponibile

componenetele de tip rând (dialogsrows) și coloană (dialogcolumns).
• dacă se dorește inserarea într-o coloană în fereastră vor fi disponibile

componenetele de tip coloană (dialogcolumns) și element
(dialogelements).
• dacă se dorește inserarea într-un element în fereastră vor fi disponibile

doar componenetele de tip element (dialogelements).
Inserarea efectivă într-un formular a unei componente de formular (pagina,

secțiune, rând, coloană, element) se realizează prin acționarea butonului Insert
(Inserare) corespunzător componentei respective.
De reținut: Inserarea într-un formular a unei pagini anterior salvată în clipboard

se poate realiza și prin actionarea butonului Paste from clipboard (Inserare din
clipboard) situat în bara de acțiuni. În acest caz în fereastra care afișează
componentele anterior salvate în clipboard vor fi disponibile doar pagini.
33
Tipuri de elemente de formular pentru o
interfață de tip desktop (Form element
types for desktop view)
Acestă secțiune va descrie proprietățile specifice tuturor tipurilor de elemente

care pot fi utilizate în realizarea interfeței unui formular.
ATTACHMENT – afișare fișier anexat
Acest tip de element este utilizat pentru a afișa, în interfața unui formular, un
buton care permite afișarea unui fișier anexat la o (încărcat într-o) bază de date.
Atunci când butonul este acționat are ca efect deschiderea fișierul anexat
(încărcat) într-o fereastră nouă, a cărei poziție și/sau dimensiune pot fi
specificate.
Property Proprietate Descriere
Indică denumirea elementului.

Name Denumire Acesta proprietate trebuie să fie specificată
în mod obligatoriu.
Indică un text care va apărea în partea

Label Etichetă
stângă a elementului.

2nd label A 2-a etichetă
dreaptă a elementului.
Indică un text afișat într-o casetă de text

contextuală (vizibilă doar atunci când
Info text Text informativ
mouse-ul se află deasupra elementului
respectiv).
Indică câmpul din baza de date a cărui

Câmp din baza valoare va fi afisată sau a cărui valoare va fi
DB field
de date
actualizată.
Plug-in Indică plug-in-ul (componenta) pentru

(componentă) vizualizarea fișierului anexat.
Viewer
pentru Există 5 plug-in-uri (componente) pentru
vizualizare vizulaizare disponibile:
34
• Global Default Viewer

• Download File
• Load in Browser
• Use External Viewer
• JobViewer 2
Acesta proprietate trebuie să fie specificată
Indică dacă fișierul anexat poate fi descărcat

(download) (dacă caseta de validare este
bifată) sau nu (dacă caseta de validare este
debifată).
Allow Permite Această proprietate este disponibilă doar
Download descărcarea pentru plug-in-urile (componentele) pentru
vizualizare:
• JobViewer 2
Indică dacă se pot adăuga adnotări fișierului

anexat (dacă caseta de validare este bifată)
sau nu (dacă caseta de validare este
debifată).
Această proprietate este disponibilă doar
Allow Permite pentru plug-in-urile (componentele) pentru
annotations in adnotări în vizualizare:
JobViewer JobViewer • Global Default Viewer
• JobViewer 2
Dacă această proprietate nu este bifată
atunci adnotările anterioare pot fi doar
vizualizate însă nu pot fi modificate și nu pot
fi adaugate adnotări noi.
Indică dacă se dorește prelucrare OCR a

fișierului anexat (dacă caseta de validare
este bifată) sau nu (dacă caseta de validare
OCR este debifată).
Prelucrare OCR
Processing Această proprietate este disponibilă doar
pentru plug-in-ul (componenta) pentru
vizualizare:
• JobViewer 2
35
Notă: OCR – Optical Character Recognition

(Recunoaștere optică a caracterelor)
Indică poziția X (distanța față de marginea
stângă a ecranului), în pixeli, față de colțul
colțul din stânga-sus al ecreanului, unde va
Left Stânga
plasat colțul din stânga-sus al ferestrei care
se va deschide pentru afișarea fișierul
anexat.
Indică poziția Y (distanța față de marginea

superioară a ecranului), în pixeli, față de
colțul colțul din stânga-sus al ecreanului,
Top Sus
unde va plasat colțul din stânga-sus al
ferestrei care se va deschide pentru afișarea
fișierul anexat.
Îndică lățimea ferestrei care se va deschide

Width Lățime
pentru afișarea fișierul anexat.
Îndică înălțimea ferestrei care se va

Height Înălțime
deschide pentru afișarea fișierul anexat.
Indică dacă butonul este dezactivat (dacă

Disabled? Dezactivat?
caseta de validare este debifată). Un buton
dezactivat nu poate fi acționat.
Indică dacă elementul este ascuns (dacă

Hidden? Ascuns?
caseta de validare este debifată) în
momentul afișării formularului.
Indică funcția/funcțiile script care se va/vor
executa în momentul generării unui
eveniment on click (după realizarea unui
OnClick La click
click pe element, mai exact după apăsarea
și eliberarea butonului principal al mouse-
ului).
36
Culoarea Indică culoarea textului etichetei

Label color
etichetei elementului.
Background Culoarea Indică culoarea de fundal a elementului.

color fundalului
Culoarea Indică culoarea textului din cadrul

Text color
textului elementului.
BLANK - câmp spațiu
Acest tip de element este utilizat pentru a afișa, în interfața unui formular, o linie vidă
(placeholder).

Hidden? Ascuns?
BUTTON - buton
buton prin intermediul căruia să execute un script atunci când este acționat.

37

Label Etichetă
A 2-a Indică un text care va apărea în partea

2nd label
etichetă dreaptă a elementului.

Text contextuală (vizibilă doar atunci când
Info Text
informativ mouse-ul se află deasupra elementului
respectiv).
Width Lățime Indică lățimea, în pixeli, a elementului.

caseta de validare este debifată). Un buton
dezactivat nu poate fi acționat.

Hidden? Ascuns?
OnClick La click
ului).

Label color

color fundalului

Text color
38
CHECKBOX - casetă de validare
Acest tip de element este utilizat pentru a afișa, în interfața unui formular, o
casetă de validare.


Label Etichetă

2nd Label A 2-a etichetă

Info Text
respectiv).

Câmp din valoare va fi afisată sau a cărui valoare va fi
DB field
baza de date
actualizată.
Indică dacă valoarea elementul este salvată

în baza de date (dacă caseta de validare
Disable Dezactivare este debifată) sau nu (dacă caseta de
storage salvare validare este bifată) în momentul salvarii
(save) sau trimiterii (send) pasului căruia îi
este asociat formular.
Indică dacă elementul casetă de validare
este bifată (dacă caseta de validare este
Checked? Bifat?
debifată) în momentul afișării formularului.
Indică dacă elementul casetă de validare

este dezactivată (dacă caseta de validare
este debifată).
39
De retinut: Dacă elementul caseta de

validare este dezactivată (nu poate fi
bifată/debifată) atunci valoarea ei nu poate
fi modificată prin bifare/debifare ci doar prin
intermediul funcțiilor API JavaScript (de ex
js_set_value). Chiar dacă valoarea casetei
de validare poate fi modificată prin
intermediul funcțiilor JavaScript această
nouă valoare nu se salveaza în baza de date
chiar dacă proprietatea Disable Storage
(Dezactivare salvare) este debifată.
Indică dacă elementul trebuie completat în
mod obligatoriu (dacă caseta de validare
Required? Obligatoriu? este bifată) sau nu (dacă caseta de validare
este debifată) în momentul trimiterii (send)
pasului căruia îi este asociat formular.

Hidden? Ascuns?
OnClick La click
ului).

OnChecked La bifare
eveniment on checked (după bifarea casetei
de validare).

OnUnchecked La debifare
eveniment on unchecked (după debifarea
casetei de validare).

Label color
40
DATE - câmp de editare de tip dată calendaristică
Acest tip de element este utilizat pentru a afișa, în interfața formularului, un

câmp de editare de tip dată calendaristică (pentru a actualiza și/sau a afișa date
de tip dată calendaristică).


Label Etichetă


Info Text
respectiv).
Valoare Indică o valoare anterior stabilită și

Default value
prestabilită atribuită elementului.

Câmp din baza valoare va fi afisată sau a cărui valoare va
DB field
de date
fi actualizată.

Indică modul (formatul) de afisare al unei
date calendaristice. Există 5 tipuri de
formate:
Date Format Formatul datei
• user-defined (definit de utilizator): se
folosește formatul de dată specificat
în setările contului utilizatorului, dacă
41
a fost stabilit un format, altfel se

folosește formatul de date al
sistemului.
• Day.Month.Year (ZZ.LL.AAAA),
(zi, lună, an) separatorul fiind ”.”;
• Day/Month/Year (ZZ/LL /AAAA),
(zi, lună, an) separatorul fiind ”/”;
• Month/Day/Year (LL/ZZ/AAAA),
(lună, zi, an) separatorul fiind ”/”;
• Year-Month-Day (AAAA-LL-ZZ),
(an, lună, zi) separatorul este ”-”.
Indica o dată calendaristică care nu poate

Earliest date Data inițială fi precedată de data calendaristică care va
fi introdusă.
Indica o dată calendaristică care nu poate

Data finală fi depășită de data calendaristică care va fi
Latest date
introdusă.
Indică dacă funcționalitatea calendar se va

utiliza (dacă caseta de validare este bifată)
debifată) pentru introducerea datelor
calendaristice.
Calendar? Calendar?
Dacă funcționalitatea calendar se va utiliza
pentru introducerea datelor calendaristice
în partea dreaptă a câmpului de editare de
tip dată calendaristică va apărea un buton
având simbolul .
Indică dacă să se afișeze ora și minutul

Include ora și (dacă caseta de validare este bifată) sau nu
Include Time?
minutul? (dacă caseta de validare este debifată)
alături de data calendaristică.
Indică dacă să se afișeze secundele (dacă

Include Include caseta de validare este bifată) sau nu (dacă
Seconds? secundele? caseta de validare este debifată) alături de
ora și minut lângă data calendaristică.
Display in Afișare în Indică dacă data calendaristică să fie

user fusul orar al afișată în conformitate cu fusul orar al
timezone? utilizatorului? utilizatorului (dacă caseta de validare este
42

debifată).
Indică dacă câmpul de editare poate fi

editat (dacă caseta de validare este
debifată) sau nu (dacă caseta de validare
este bifată).
De reținut: Chiar dacă câmpul de editare
nu poate fi editat funcționalitatea calendar
poate fi accesată acționând butonul având
simbolul . Dacă se dorește ca
funcționalitatea calendar să nu poată fi
Doar pentru accesată atunci este necesară debifarea
Read-only? proprietății Calendar (calendar)?
citire?
De reținut: Dacă câmpul de editare nu
poate fi editat atunci valoarea lui nu poate
fi modificată prin editare ci doar prin
js_set_value) sau prin intermediul
functionalității calendar (dacă aceasta
proprietate este bifată). Valoarea câmpului
de editare se salvează sau nu în baza de
date în funcție de proprietatea Disable
Storage (Dezactivare salvare).
Indică dacă câmpul de editare este
dezactivat (dacă caseta de validare este
debifată).
De retinut Dacă câmpul de editare este
dezactivat (nu poate fi editat) atunci
valoarea lui nu poate fi modificată prin
Disabled? Deazactivat? editare ci doar prin intermediul funcțiilor
API JavaScript (de ex js_set_value). Chiar
dacă valoarea câmpului de editare poate fi
modificată prin intermediul funcțiilor
JavaScript această nouă valoare nu se
salvează în baza de date chiar dacă
proprietatea Disable Storage (Dezactivare
salvare) este debifată.
43

Hidden? Ascuns?
OnClick La click
ului).

OnChange La modificare
eveniment on change (după finalizarea
modificării conținutului unui element).

OnFocus La activare
eveniment on focus (după ce un element
este activ).

OnBlur La inactivare
eveniment on blur (după ce un element nu
mai este activ).

La apăsarea executa în momentul generării unui
OnKeyDown
unei taste eveniment on key down (după apăsarea
unei taste).

La selectarea executa în momentul generării unui
OnSelectDate
datei eveniment on select date (după selectarea
datei calendaristice).

Label color

color fundalului
44

Text color
DECIMAL - câmp de editare de tip număr real

câmp de editare de tip număr real (pentru a actualiza și/sau a afișa date de tip
număr real). Modul (formatul) de afișare al numărului real depinde de setările
din contul utilizatorului.

Name Denumire Acesta proprietate trebuie să fie specificată în
mod obligatoriu.
Indică un text care va apărea în partea stângă

Label Etichetă
a elementului.


Text contextuală (vizibilă doar atunci când mouse-
Info Text
informativ
ul se află deasupra elementului respectiv).
Default Valoare Indică o valoare anterior stabilită și atribuită

value prestabilită elementului.
Indică câmpul din baza de date a cărui valoare

Câmp din va fi afisată sau a cărui valoare va fi
DB field
baza de date
actualizată.
Indică dacă valoarea elementul este salvată în

baza de date (dacă caseta de validare este
Disable Dezactivare debifată) sau nu (dacă caseta de validare este
storage salvare bifată) în momentul salvarii (save) sau
trimiterii (send) pasului căruia îi este asociat
formular.
45
Minimum Valoare Indică valoarea minimă care trebuie

value minimă introdusă.
Maximum Valoare Indică valoarea maximă care poate fi

value maximă introdusă.
Indică dacă câmpul de editare poate fi editat

(dacă caseta de validare este debifată) sau nu
(dacă caseta de validare este bifată).
De reținut: Dacă câmpul de editare nu poate
Doar pentru fi editat atunci valoarea lui nu poate fi
Read-only? modificată prin editare ci doar prin
citire?
js_set_value). Valoarea câmpului de editare
se salvează sau nu în baza de date în funcție
de proprietatea Disable Storage (Dezactivare
salvare).
Indică dacă câmpul de editare este dezactivat
(dacă caseta de validare este debifată).
De retinut: Dacă câmpul de editare este
dezactivat (nu poate fi editat) atunci valoarea
lui nu poate fi modificată prin editare ci doar
Disabled? Deazactivat? prin intermediul funcțiilor API JavaScript (de
ex js_set_value). Chiar dacă valoarea
câmpului de editare poate fi modificată prin
intermediul funcțiilor JavaScript această nouă
valoare nu se salvează în baza de date chiar
dacă proprietatea Disable Storage
mod obligatoriu (dacă caseta de validare este
Required? Obligatoriu? bifată) sau nu (dacă caseta de validare este
debifată) în momentul trimiterii (send)

Hidden? Ascuns?
caseta de validare este debifată) în momentul
afișării formularului.
46

OnClick La click eveniment on click (după realizarea unui click
pe element, mai exact după apăsarea și
eliberarea butonului principal al mouse-ului).


OnFocus La activare
eveniment on focus (după ce un element este
activ).

mai este activ).

OnKeyDown
unei taste eveniment on key down (după apăsarea unei
taste).
Culoarea Indică culoarea textului etichetei elementului.
Label color
etichetei
color fundalului
Culoarea Indică culoarea textului din cadrul elementului.

Text color
textului
DESCRIPTION - descriere
Acest tip de element este utilizat pentru a afișa, în interfața formularului, un text
care reprezintă o descriere și care poate fi formatat prin intermediu etichetelor
(tag-urilor) HTML. Textul poate fi specificat manual sau poate fi preluat dintr-un
câmp al bazei de date.
47
Dacă proprietatea Strip tags (lista etichete) din setările platformei JobRouter
(submeniul Admin Tools, secțiunea System, opțiunea Configuration, pagina
General, grupul JobRouter Security, opțiunea Security Settings, pagina Filter)
este activată atunci etichetele (tag-urile) HTML folosite pentru formatarea
textului descriere trebuie specificate în câmpul Allowed tags (etichete permise).

mod obligatoriu.

Label Etichetă
a elementului.

Text contextuală (vizibilă doar atunci când mouse-ul
Info Text
informativ
se află deasupra elementului respectiv).
Câmp din Indică câmpul din baza de date a cărui valoare

DB field
baza de date va fi afisată sau a cărui valoare va fi actualizată.
Indică dacă elementul este ascuns (dacă caseta
Hidden? Ascuns?
formularului.
executa în momentul generării unui eveniment
OnClick La click on click (după realizarea unui click pe element,
mai exact după apăsarea și eliberarea butonului
principal al mouse-ului).
Label color
etichetei
color fundalului
48
FILE - fişier anexat
buton care permite anexarea (încărcarea) unui fișier la o (într-o) bază de date.
Atunci când butonul este acționat are ca efect deschiderea unei interfețe care
permite selectarea fișierului dorit.
După selectarea fișierului dorit acesta este copiat imediat pe server într-un
director temporar - în timpul transferului nu se pot face modificări în interfața
formularului. După încărcarea fișierului pe server vor apărea două butoane: un
buton care va permite deschiderea fișierul într-o o fereastră nouă, a cărei poziție
și/sau dimensiune pot fi specificate, și un buton care va permite ștergerea
fișierului. Fișierul dorit este preluat din directorul temporar ca și anexă la baza
de date doar după salvarea (save) sau trimiterea (send) pasului căruia îi este
asociat formular.

mod obligatoriu.

Label Etichetă
a elementului.

Info text
informativ

Câmp din baza va fi afisată sau a cărui valoare va fi
DB field
de date
actualizată.
Indică plug-in-ul (componenta) pentru

vizualizarea fișierului anexat.
Plug-in Există 5 plug-in-uri (componente) pentru
(componentă) vizualizare disponibile:
Viewer
pentru • Global Default Viewer
vizualizare • Download File
• Load in Browser
49
• JobViewer 2
Acesta proprietate trebuie să fie specificată în
mod obligatoriu.
Indică dacă fișierul anexat poate fi descărcat

(download) (dacă caseta de validare este
debifată).
Allow Permite Această proprietate este disponibilă doar
Download descărcarea pentru plug-in-urile (componentele) pentru
vizualizare:
• JobViewer 2
Indică dacă se pot adăuga adnotări fișierului

anexat (dacă caseta de validare este bifată)
debifată).
Allow Permite pentru plug-in-urile (componentele) pentru
annotations adnotări în vizualizare:
in JobViewer JobViewer • Global Default Viewer
• JobViewer 2
Dacă această proprietate nu este bifată atunci
adnotările anterioare pot fi doar vizualizate
însă nu pot fi modificate și nu pot fi adaugate
adnotări noi.
Indică dacă se dorește prelucrare OCR a

fișierului anexat (dacă caseta de validare este
debifată).
OCR Această proprietate este disponibilă doar
Prelucrare OCR
Processing pentru plug-in-ul (componenta) pentru
vizualizare:
• JobViewer 2
Notă: OCR – Optical Character Recognition
(Recunoaștere optică a caracterelor)
50
Indică poziția X (distanța față de marginea

stângă a ecranului), în pixeli, față de colțul
Left Stânga colțul din stânga-sus al ecreanului, unde va
plasat colțul din stânga-sus al ferestrei care se
va deschide pentru afișarea fișierul anexat.
Indică poziția Y (distanța față de marginea

superioară a ecranului), în pixeli, față de colțul
Top Sus colțul din stânga-sus al ecreanului, unde va
plasat colțul din stânga-sus al ferestrei care se
va deschide pentru afișarea fișierul anexat.
Îndică lățimea ferestrei care se va deschide

Width Lățime
Îndică înălțimea ferestrei care se va deschide

Height Înălțime
Dimensiunea Indică dimensiunea minimă, în kilobytes (KB),

Minimum
minimă a a fișierului care se va anexa (încărca).
file size
fișierului
Dimensiunea Indică dimensiunea maximă, în kilobytes
Maximum
maximă a (KB), a fișierului care se va anexa (încărca).
file size
fișierului
Indică tipurile de fișiere, identificate prin
extensiile lor, care pot fi anexate (încărcate).
De reținut: extensiile permise vor fi separate
prin virgula și fără a introduce spații
suplimentare între ele.
Lista extensiilor permise specificate în cadrul
acestei proprietăți nu trebuie să intre în
contradicție cu cele prestabilite și specificate
in setările platformei JobRouter (submeniul
File
Extensii fișiere Admin Tools, secțiunea System, opțiunea
extensions Configuration, pagina General, grupul
JobRouter Security, opțiunea Security
Settings, pagina Filter).
Dacă în lista de extensii aferentă acestei
proprității se specifică una care nu este
permisă de setările de securitate, atunci,
deoarece setările de securitate au o prioritate
mai mare, un fișier având extensia respectivă
nu va putea fi anexat (încărcat) chiar dacă
51
extensia respectivă este trecută în lista de

extensii posibile aferentă acestei proprietăți.
Lista de extensii posibile aferentă acestei
proprietăți poate doar restrânge lista de
extensii posibile specificate in setările de
securitate ale platformei JobRouter fără însă a
o extinde.

caseta de validare este debifată).
De retinut: Dacă butonul este dezactivat (nu
poate fi acționat) atunci valoarea lui nu poate
fi modificată prin acționare ci doar prin
Disabled? Dezactivat? intermediul funcțiilor API JavaScript (de ex
js_set_value). Chiar dacă valoarea butonului
poate fi modificată prin intermediul funcțiilor
salveaza în baza de date chiar daca
debifată) în momentul trimiterii (send) pasului
căruia îi este asociat formular.

Hidden? Ascuns?
OnClick La click eveniment on click (după realizarea unui click

52

Label color
etichetei
HIDDEN - câmp ascuns
Acest tip de element este utilizat pentru a a afișa, în interfața formularului, un

câmp ascuns. Câmpul ascuns nu are dimensiuni astfel că el nu va afecta
aranjarea celorlalte elemente din interfața formularului.

Name Denumire Acesta proprietate trebuie să fie specificată în mod
obligatoriu.

Câmp din Indică câmpul din baza de date a cărui valoare va

DB field
baza de date fi fi actualizată.

storage salvare
bifată) în momentul salvarii (save) sau trimiterii
(send) pasului căruia îi este asociat formular.
IFRAME – cadru integrat

cadru integrat care poate încorpora orice site web.
Există posibilitatea de a utiliza ca variabile, în link-ul site-ului încorporat, valori

ale elementelor din formular. În acest caz, elementele din formular, utilizate ca
și parametru în link-ul site-ului încorporat, vor incluse între paranteze pătrate,
în URL-ul site-ului încorporat.
53

Name Denumire Acesta proprietate trebuie să fie specificată în mod
obligatoriu.
Hyperlink Link Indică adresa web a site-ului integrat.

Height Înălțime Indică lățimea, în pixeli, a elementului.
Indică dacă elementul este ascuns (dacă caseta de

Hidden? Ascuns?
formularului.
IMAGE - imagine
Acest tip de element este utilizat pentru a afișa, în interfața formularului, o

imagine.

mod obligatoriu.

Info text
informativ
Câmp din Indică câmpul din baza de date a cărui valoarea

DB field
Fișier Indică denumirea fișierului imagine.

Image File
imagine
Hidden? Ascuns?
54

formularului.
Indică modul de așezare al imaginii într-o coloană

Align Poziționare
(în stânga, în centru sau în drepta).
JOBFUNCTIONS - listă de selecție roluri
Acest tip de element este utilizat pentru a afișa, în interfața formularului, o listă de selecție
a rolurilor, care permite alegerea unui singur rol. Pentru mai multe detalii referitoare la
roluri se recomandă consultarea capitolului Roluri (Job Functions).

mod obligatoriu.

Label Etichetă
a elementului.
Indică un text care va apărea în partea dreaptă

2nd label A 2-a etichetă
a elementului.

Info text
informativ

DB field
baza de date
actualizată.
Disable Dezactivare Indică dacă valoarea elementul este salvată în

storage salvare baza de date (dacă caseta de validare este
55
debifată) sau nu (dacă caseta de validare este

bifată) în momentul salvarii (save) sau
formular.
Indică tipul de afișarea al listei de selecție.

List type Tipul listei Există un singur tip disponibil:
• Dropdown List (listă derulantă)
Indică un șablon pentru a selecta doar acele

roluri a căror denumire corespund șablonului
Job Filtru pentru specificat (formatul șablonului este *cuvânt*,
Function denumire
unde prin cuvânt se înțelege orice cuvânt sau
filter roluri
combinație de caractere iar prin * se înțelege
oricâte caractere).
Indică un șablon pentru a selecta doar acele

roluri a căror descriere corespund șablonului
Filtru pentru specificat (formatul șablonului este *cuvânt*,
Description
descriere
filter unde prin cuvânt se înțelege orice cuvânt sau
roluri
combinație de caractere iar prin * se înțelege
oricâte caractere).
Indică dacă să includă în lista de selecție toate

rolurile de la nivelul platformei JobRouter (dacă
Show all Job Afișează toate caseta de validare este bifată) sau doar rolurile
Functions rolurile?
asociate procesului (dacă caseta de validare
este debifată).
Indică dacă să includă ca și primă opțiune în

Empty lista de selecție o cratimă (liniuță) fără valoare
Selecție vidă
selection? (dacă caseta de validare este bifată) sau nu
Indică dacă lista de selecție este dezactivată

Disabled? Dezactivat? De reținut: Dacă lista de selecție este
dezactivată (nu poate fi aleasă nici o opțiune)
atunci valoarea ei nu poate fi modificată prin
selectare ci doar prin intermediul funcțiilor API
JavaScript (de ex js_set_value). Chiar dacă
56
valoarea listei de selectie poate fi modificată

prin intermediul funcțiilor JavaScript această
nouă valoare nu se salvează în baza de date
chiar dacă proprietatea Disable Storage

Hidden? Ascuns?

mai exact după apăsarea și eliberarea
butonului principal al mouse-ului).

on change (după finalizarea modificării
conținutului unui element).

OnFocus La activare executa în momentul generării unui eveniment
on focus (după ce un element este activ).

OnBlur La inactivare executa în momentul generării unui eveniment
on blur (după ce un element nu mai este activ).

Label color
etichetei
color fundalului
Text color
textului
57
LINK – referință
Acest tip de element este utilizat pentru a afișa, în interfața formularului, o referință (link)
prin intermediul căreia se poate accesa un site web sau un fișier stocat la nivel de web
server.
Referința (link-ul) poate fi specificată manual sau poate fi preluată dintr-un câmp
al bazei de date.

mod obligatoriu.

Label Etichetă
a elementului.

Info Text
informativ

DB field
Indică adresa unui site web sau calea spre un

Hyperlink link
fișier și denumirea lui.
Hidden? Ascuns?
formularului.
58

Label color
etichetei
LIST - listă de selecție
Acest tip de element este utilizat pentru a afișa, în interfața formularului, o listă de
selecție, care permite alegerea unei singure opțiuni.

Name Denumire Acesta proprietate trebuie să fie
specificată în mod obligatoriu.

Label Etichetă


Info Text
respectiv).
Indică denumirea listei cu opțiuni

predefinite care va fi asociată listei de
selecție.
Lista cu opțiuni predefinite conține perechi
de forma (etichetă, valoare) ((label,
value)), unde eticheta (label) este textul
afișat în interfața formularului iar valoarea
Denumire (value) este valoarea asociată textului
List Name
listă
afișat care va fi salvată în baza de date.
Acesta proprietate trebuie să fie
Pentru mai multe detalii referitoare la
listele cu opțiuni predefinite se recomandă
consultarea capitolului Liste cu opțiuni
predefinite.
59

Câmp din
DB field valoare va fi afisată sau a cărui valoare va
baza de date
fi actualizată.
Indică dacă valoarea elementul este

salvată în baza de date (dacă caseta de
Dezactivare validare este debifată) sau nu (dacă caseta
Disable storage
salvare de validare este bifată) în momentul
salvarii (save) sau trimiterii (send) pasului


Indică un șablon pentru a selecta doar

acele opțiuni a căror etichetă (label)
corespund șablonului specificat (formatul
Filtru pentru șablonului este *cuvânt*, unde prin
Label filter
etichetă
cuvânt se înțelege orice cuvânt sau
combinație de caractere iar prin * se
înțelege oricâte caractere).
Indică un șablon pentru a selecta doar

acele opțiuni a căror valoare corespund
șablonului specificat (formatul șablonului
Filtru pentru este *cuvânt*, unde prin cuvânt se
Value filter
valoare
înțelege orice cuvânt sau combinație de
caractere iar prin * se înțelege oricâte
caractere).
Indică dacă să includă ca și primă opțiune

în lista de selecție o cratimă (liniuță) fără
Empty valoare (dacă caseta de validare este
Selecție vidă
selection?
bifată) sau nu (dacă caseta de validare
este debifată).
Indică dacă lista de selecție este

dezactivată (dacă caseta de validare este
este debifată).
60
De retinut: Dacă lista de selecție este

dezactivată (nu poate fi aleasă nici o
opțiune) atunci valoarea ei nu poate fi
modificată prin selectare ci doar prin
js_set_value). Chiar dacă valoarea listei
de selectie poate fi modificată prin
nouă valoare nu se salvează în baza de
date chiar dacă proprietatea Disable
Storage (Dezactivare salvare) este
debifată.
este bifată) sau nu (dacă caseta de
Required? Obligatoriu?
validare este debifată) în momentul
trimiterii (send) pasului căruia îi este
asociat formular.

caseta de validare este bifată) sau nu
Hidden? Ascuns?
Indică dacă opțiunile listei de selecție sunt

ordonate alfabetic, după etichetă (label),
Sorted Sortare (dacă caseta de validare este bifată) sau
alphabetically? alfabetică?
nu (dacă caseta de validare este debifată)
în momentul afișării listei de selecție.

Indică funcția/funcțiile script care se
va/vor executa în momentul generării unui
OnClick La click
ului).

61

OnFocus La activare
este activ).

mai este activ).

Label color

color fundalului

Text color
PASSWORD - câmp de editare de tip parolă

câmp de editare de tip parolă, pentru a introduce și/sau a actualiza o parolă - în
funcție de setările stabilite este posibil ca parola să trebuiască reintrodusă într-
un al doilea câmp de editare (caracterele introduse în ambele câmpuri de editare
vor fi afișate sub formă de discuri).


Label Etichetă
Această a 2-a etichetă va fi afișată doar

2nd Label A 2-a etichetă dacă proprietatea "Reintroduceți
parola?" este bifată.
62

stângă a celui de-al 2-lea câmp de
editare al parolei.
Exemplu:
Indică un text afișat într-o casetă de

Text text contextuală (vizibilă doar atunci
Info Text
informativ când mouse-ul se află deasupra
elementului respectiv).

Default value

Câmp din baza valoare va fi afisată sau a cărui valoare
DB field
de date
va fi actualizată.

validare este debifată) sau nu (dacă
Dezactivare caseta de validare este bifată) în
Disable storage
salvare
momentul salvarii (save) sau trimiterii
(send) pasului căruia îi este asociat
formular.

Lungime Indica numărul minim de caractere

Minimum length
minimă care trebuie introdus.
Lungime Indica numărul maxim de caractere

Maximum length
maximă care poate fi introdus.
Indică dacă parola trebuie reintrodusă

(dacă caseta de validare este bifată)
Retype Reintroducețip sau nu (dacă caseta de validare este
password? arola? debifată).
Dacă parola trebui reintrodusă atunci
în formular va apărea un al doilea câmp
63
de editare pentru a putea rescrie

parola.
Trebuie să Indică dacă parola trebuie să conțină

Must contain caractere speciale (dacă caseta de
conțină
special
caractere validare este bifată) sau nu (dacă
characters?
speciale? caseta de validare este debifată).
Indică dacă parola trebuie să conțină

Trebuie să cifre (dacă caseta de validare este
Must contain
conțină
numbers? bifată) sau nu (dacă caseta de validare
cifre?
este debifată).

Trebuie să litere și cifre (dacă caseta de validare
Must contain
conțină
alphanumerics? este bifată) sau nu (dacă caseta de
litere și cifre?
validare este debifată).

Trebuie să litere mari și litere mici (dacă caseta de
Password Case
conțină litere
Sensitive? validare este bifată) sau nu (dacă
mari și mici?

debifată) sau nu (dacă caseta de
validare este bifată).
Doar pentru poate fi editat atunci valoarea lui nu
Read-only? poate fi modificată prin editare ci doar
citire?
prin intermediul funcțiilor API
JavaScript (de ex js_set_value).
Valoarea câmpului de editare se
salvează sau nu în baza de date în
funcție de proprietatea Disable Storage
(Dezactivare salvare).
dezactivat (dacă caseta de validare
este bifată) sau nu (dacă caseta de
Disabled? Deazactivat?
De reținut: Dacă câmpul de editare
este dezactivat (nu poate fi editat)
atunci valoarea lui nu poate fi
modificată prin editare ci doar prin
64
intermediul funcțiilor API JavaScript

(de ex js_set_value). Chiar dacă
valoarea câmpului de editare poate fi
proprietatea Disable Storage
Indică dacă elementul trebuie

completat în mod obligatoriu (dacă
(dacă caseta de validare este debifată)
în momentul trimiterii (send) pasului
Indică dacă elementul este ascuns

(dacă caseta de validare este bifată)
Hidden? Ascuns? sau nu (dacă caseta de validare este
debifată) în momentul afișării
formularului.

va/vor executa în momentul generării
unui eveniment on click (după
OnClick La click
realizarea unui click pe element, mai
exact după apăsarea și eliberarea

OnChange La modificare unui eveniment on change (după
finalizarea modificării conținutului unui
element).

OnFocus La activare
unui eveniment on focus (după ce un
element este activ).

65
unui eveniment on blur (după ce un

element nu mai este activ).

La apăsarea va/vor executa în momentul generării
OnKeyDown
unei taste unui eveniment on key down (după
apăsarea unei taste).

Label color
Culoarea Indică culoarea de fundal a

Background color
fundalului elementului.

Text color
RADIO –buton radio
buton radio care poate fi selectat.

mod obligatoriu.

Label Etichetă
a elementului.
Indică un text care va apărea în partea dreaptă

a elementului.

Info Text
informativ

66

Câmp din
DB field va fi afisată sau a cărui valoare va fi
baza de date
actualizată.

formular.

Indică dacă butonul radio este selectat (dacă
Checked? Bifat?
Indică dacă butonul radio este dezactivat (dacă

De reținut: Dacă butonul radio este dezactivat
(nu poate fi marcat) atunci valoarea lui nu
poate fi modificată prin selectare ci doar prin
Disabled? Deazactivat? intermediul funcțiilor API JavaScript (de ex
js_set_value). Chiar dacă valoarea butonului
radio poate fi modificată prin intermediul
funcțiilor JavaScript această nouă valoare nu se

Hidden? Ascuns?
formularului.

OnClick La click
67
on click (după realizarea unui click pe element,

mai exact după apăsarea și eliberarea

OnFocus La activare executa în momentul generării unui eveniment
on focus (după ce un element este activ).

OnChecked La bifare executa în momentul generării unui eveniment
on checked (după selectarea butonului radio).

Label color
etichetei
SQL_CHECKBOX - casetă de validare SQL
Acest tip de element este utilizat pentru a afișa, în interfața unui formular, o
casetă de validare care reflectă (va fi bifată sau nu) rezultatul unei interogări
SQL. Astfel dacă o interogare SQL returnează ca și rezultat o valoare 0 sau un
șir de caractere vid (“”) atunci caseta de validare nu va fi bifată altfel caseta de
validare va fi bifată.
De reținut: Înainte de a folosi acest tip de element se recomandă consultarea

cu atenție a capitolului Instrucțiuni de lucru cu câmpurile SQL în JobRouter
(Instruction for working with SQL fields in JobRouter).


Label Etichetă

68

Info Text
respectiv).
Indică conexiunea la baza de date.

Conexiunea la baza de date este fie o
conexiune standard la baza de date
JobRouter fie o conexiune care a fost
Database Conexiunea la definită în anterior folosid opțiunea
connection baza de date
Database Connections (Conexiuni la baza de
date) din submeniul Resources (resurse) a
meniului de navigare Designer (Designer
navigation menu).
Interogare Indică interogare SQL care să se execute

SQL
SQL asupra bazei de date.

DB field
baza de date
actualizată.


Indică dacă elementul caseta de validare
este dezactivată (dacă caseta de validare
este debifată).
De reținut: Dacă elementul caseta de
validare este dezactivată (nu poate fi
Disabled? Dezactivat? bifată/debifată) atunci valoarea ei nu poate
fi modificată prin bifare/debifare ci doar prin
js_set_value). Chiar dacă valoarea casetei
de validare poate fi modificată prin
nouă valoare nu se salveaza în baza de date
69
chiar daca proprietatea Disable Storage


Hidden? Ascuns?

OnClick La click
ului).

OnChecked La bifare
eveniment on checked (după bifarea casetei
de validare).

OnUnchecked La debifare
eveniment on unchecked (după debifarea
casetei de validare).

Label color
SQL_LIST - listă de selecție SQL
Acest tip de element este utilizat pentru a afișa, în interfața formularului, o listă de
selecție, care permite alegerea unei singure opțiuni, opțiunile reprezentând rezultatul unei
interogări SQL.
70
Sunt dispobile 3 tipuri de afișare a unei liste de selecție:
• Auto-complete List (listă automat completată)
• Selection Box (câmp de selecție)
Lista derulantă (Dropdown List)
Acest tip de afișare prezintă toate opțiunile într-o listă derulantă.

Interogarea SQL care furnizează opțiunile listei derulante returneză un
rezultat format din una sau două coloane. Dacă rezultatul interogării SQL
este format dintr-o singură coloană atunci atunci o valorea din acea
coloană este utilizată atât ca etichetă cât și ca valoare pentru o opțiune a
listei derulante. Dacă rezultatul interogării SQL este format din două
coloane atunci valorile din prima coloană sunt utilizate ca și etichete iar
valorile din cea de-a doua coloană sunt utilizate ca și valori.
Listă automat completată (Auto-complete List)
Acest tip de afișare prezintă un câmp de editare care în timp ce se

completează afișează automat o listă de opțiuni.
Interogarea SQL care furnizează opțiunile listei de opțiuni returneză un

rezultat format din una sau două coloane. Dacă rezultatul interogării SQL
este format dintr-o singură coloană atunci atunci o valorea din acea
coloană este utilizată atât ca etichetă cât și ca valoare pentru o opțiune a
listei derulante. Dacă rezultatul interogării SQL este format din două
coloane atunci valorile din prima coloană sunt utilizate ca și etichete iar
valorile din cea de-a doua coloană sunt utilizate ca și valori.
De reținut: Dacă în cadrul interogării SQL se utilizează o coloană compusă

(composite column) atunci trebuie utilizat un alias pentru a stabili
denumirea acelei coloane compuse.
Exemplu: SELECT CONCAT (prename,' ',lastname) AS fullname,

username FROM JRUSERS
Fullname este denumirea coloanei compuse.
71
De reținut: Deoarece lista de opțiuni este ordonată crescător în raport
cu coloana etichetă a rezultatului returnat de interogarea SQL nu este
permisă utilizarea clauzei ORDER BY (sortare după) în cadrul interogarea
SQL (dăcă se utilizează clauza ORDER BY în cadrul interogării SQL atunci
nu se va afișa nici o listă de opțiuni).
Câmp de selecție (Selection Box)
Acest tip de afișare prezintă un câmp de editare și o fereastra care permite

căutarea și/sau selectarea unei opțiuni din lista de opțiuni disponibile.
Interogarea SQL care furnizează opțiunile listei de opțiuni, din fereastra de

căutare și/sau selectate, returneză un rezultat format din una sau mai
multe coloane. Coloana a cărei denumire este specificată în cadrul
proprietății Return Column (Coloană returnată) este coaloana ale cărei
valori vor constitui opțiunile din lista de opțiuni. De asemenea o valoare a
acestei coloane este cea care v-a fi salvată în baza de date atunci când
pasul căruia îi este asociat formularul va fi trimis (send) sau salvat (save).
Valorea dorită poate fi introdusă direct în câmpul de editare sau poate fi

selectată din fereastra de căutare și/sau selectare.
Valoarea introdusă în câmpul de editare trebuie să se regăsească printre

valorile coloanei a cărei denumire a fost specificată în cadrul proprietății
Return Column (coloană returnată). Dacă valoarea introdusă în câmpul de
editare nu se regăsește printre valorile coloanei a cărei denumire a fost
specificată în cadrul proprietății Return Column (coloană returnată) atunci
câmpul de editare va fi evidențiat datorită intrării nevalide.
Pentru selectarea valorii dorite prin intermediul fereastrei de căutare
și/sau selectare se acționează butonul având simbolul . Fereastra de

căutare și/sau selectare permite căutarea valorii dorite în raport cu toate
coloanele specificate în secțiunea Result Columns (coloane rezultat). De
asemenea coloanele specificate în cadrul acestei secțiuni vor fi afișate în
fereastra de căutare și/sau selectare.
De reținut: Dacă evenimentul OnClick (la click) are asociată o funcție

script care se apelează la generarea evenimentului on click (la click) și
dacă această funcție script returnează false (fals) atunci fereastra de
căutare și/sau selectare nu va fi afișată.
72


Label Etichetă


Info Text Text informativ
respectiv).
Default Valoare Indică o valoare anterior stabilită și

value prestabilită atribuită elementului.

Database Connections (Conexiuni la baza
de date) din submeniul Resources
(resurse) a meniului de navigare Designer
(Designer navigation menu).
Indică interogare SQL care să se execute

SQL Interogare SQL
asupra bazei de date.
Această proprietare este disponibilă doar

pentru o listă de selectie de tipul Selection
Box (câmp de selecție).
Indică lista denumirilor coloanelor după
Order By Ordonare după care să se facă sortarea opțiunilor din
fereastra de căutare și/sau selecție.
De reținut: denumirile coloanelor vor fi
separate prin virgula și fără a introduce
spații suplimentare între ele.
73

Indică denumirea coloanei din interogarea
SQL ale cărei valori vor constitui opțiunile
din lista de opțiuni.
Return Coloană De asemenea o valoare a acestei coloane
column returnată este cea care v-a fi salvată în baza de date
atunci când pasul căruia îi este asociat
formularul va fi trimis (send) sau salvat
(save).

Câmp din baza valoare va fi afisată sau a cărui valoare va
DB field
de date
fi actualizată.

Disable Dezactivare validare este debifată) sau nu (dacă caseta
storage salvare de validare este bifată) în momentul
salvarii (save) sau trimiterii (send) pasului
Secțiunea Coloane rezultat (Result Columns Section)
doar pentru listele de selectie de tipul Selection Box
Indică un text care va apărea, în fereastra
Label Etichetă de căutare și/sau selecție, în locul
denumirii coloanei din interogarea SQL .
Indică denumirea coloanei din interogarea

Câmp din baza SQL ale cărei valori vor fi afișate în
DB field
de date
fereastra de căutare și/sau selecție.
pentru listele de selectie de tipul Dropdown List

Există 3 tipuri disponibile:
List type Tipul listei
• Auto-complete List (listă automat
completată)
74

Empty valoare (dacă caseta de validare este
Selecție vidă
selection?
debifată).

debifată).
De reținut: Dacă lista de selecție este
Disabled? Dezactivat? modificată prin selectare ci doar prin
js_set_value). Chiar dacă valoarea listei de
selectie poate fi modificată prin intermediul
funcțiilor JavaScript această nouă valoare
nu se salvează în baza de date chiar dacă

Hidden? Ascuns?

pentru listele de selectie de tipul Auto-complete List

completată)
75
Această proprietare este disponibilă pentru

o listă de selectie de tipul Auto-complete
List (listă automat completată).
Maximum Numărul Indică numărul maxim de opțiuni afișate în
number of maxim de lista de selecție (Atenție: numărul real de
rows rânduri opțiuni returnate de interogarea SQL poate
fi mai mare decât acest număr maxim de
opțiuni afișate).

pentru o listă de selectie de tipul Auto-
complete List (listă automat completată).
Indică dacă valoarea introdusă în câmpul
de editare este una validă, adică trebuie să
facă parte din listă de opțiuni, (dacă caseta
de validare este bifată) sau nu, adică dacă
pot fi introduse și valori noi (dacă caseta
de validare este este debifată).
Validarea/Verificarea este realizată fie la
încarcarea formularului, fie la modificarea
valorii din câmpul de editare, fie la
trimiterea (send) pasului căruia îi este
asociat formularul.
De reținut: Dacă această proprietate este
Intrare bifată și interogarea SQL returnează un
Valid input rezultat format din două coloane atunci
validă
required? valoarea introdusă în câmpul de editare
obligatorie?
trebuie să se regăsească printre valorile
primei coloane (care joacă rolul de
etichetă) pentru ca validarea să fie cu
succes. Dacă validarea nu va fi una cu
succes atunci câmpul de editare va fi
evidențiat datorită intrării nevalide.
Valoarea asociată etichetei va fi salvată în
baza de date atunci când pasul căruia îi
este asociat formularul va fi trimis (send)
sau salvat (save).
De reținut: Dacă această proprietate nu
este bifată, deci dacă se permite
introducerea unor valori noi, atunci se
recomandată utilizarea unei interogare
SQL care returnează un rezultat format
dintr-o singura coloană, deoarece această
coloana joacă atât rolul de etichetă cât și
de valoare asociată și atunci valoarea
76
introdusă în campul de editare va fi și

valoarea care se va salva în baza de date.
pentru o listă de selectie de tipul Auto-
complete List (listă automat completată).
Indică dacă se pot folosi interogări SQL text
complet (full text SQL queries) (dacă
caseta de validare este este debifată)
pentru interogarea unei baze de date.
Interogările SQL text complet (full text SQL
queries) sunt mai rapide decât interogările
SQL care folosesc LIKE.
Aceste interogări se folosesc atunci când
Full text Căutare text expresia căutată poate apărea în orice
search? complet? poziție în valoarea căutată.
interogările SQL text complet (full text SQL
queries) se recomandă consultatea
manualului Microsoft SQL Server
https://docs.microsoft.com/en-
us/sql/relational-databases/search/full-
text-search?view=sql-server-ver15
De reținut: Componenta Full-Text Search
este o componentă opțională a Microsoft
SQL Server și trebuie instalată în mod
explicit, deoarece nu este inclusă în
instalarea standard.
o listă de selectie de tipul Auto-complete
List (listă automat completată).
Doar pentru este bifată).
Read-only? De reținut: Dacă câmpul de editare nu
citire?
js_set_value). Valoarea câmpului de
editare se salvează sau nu în baza de date
în funcție de proprietatea Disable Storage
77

debifată).

Hidden? Ascuns?

pentru listele de selectie de tipul Selection Box

completată)

Validare la Box (câmp de selecție).
Validate on
încărcarea Indică dacă valoarea din câmpul de selecție
Load
formularului este verificată din nou (printr-o
interogarea SQL) la încărcarea formularului
78
(dacă caseta de validare este bifată) sau

nu (dacă caseta de validare este debifată).
Dacă nu se face verificarea la încărcarea
formularului se presupune că valoarea
existentă în câmpul de selecție este
corectă.

Indică dacă interogarea SQL să realizeze o
diferențiere între litere mari și mici în
cadrul căutării în baza de date (dacă caseta
de validare este bifată) sau nu (dacă caseta
Diferențiere de validare este debifată).
Case
între litere mari
sensitivity De exemplu, dacă se realizează o
și mici
diferențiere între litere mari și mici atunci
rezultatul căutării cuvântului “Succes” este
diferit de rezultatul căutării cuvântului
“succes”.
De reținut: Dacă această proprietate este
bifată atunci această acțiune este una
consumatoare de timp.
Indică dacă opțiunile din fereastra de
căutare și/sau selecție sunt afișate
automat la deschiderea ferestrei (dacă
Direct Căutare caseta de validare este debifată).
Search directă Dacă această proprietate nu este bifată
opțiunile din fereastra de căutare și/sau
selecție vor fi afișate doar la acționarea
butonului Activate Filter (Activare filtru).
De reținut: Nu se recomandă bifarea
acestei proprietăți pentru liste de opțiuni
mari întrucât afișarea ei este o acțiune
consumatoare de timp.
Maximum Numărul Această proprietare este disponibilă pentru
number of maxim de o listă de selectie de tipul Selection Box
rows rânduri (câmp de selecție).
79
Indică numărul maxim de opțiuni afișate în

fereastra de căutare și/sau selectare
(Atenție: numărul real de opțiuni returnate
de interogarea SQL poate fi mai mare decât
acest număr maxim de opțiuni afișate).

o listă de selectie de tipul Selection Box
(câmp de selecție).
este bifată).
De reținut: Chiar dacă câmpul de editare
nu poate fi editat fereastra de căutare
și/sau selectare poate fi accesată
Doar pentru acționând butonul . Dacă se dorește ca
Read-only?
citire? fereastra de căutare și/sau selectare să nu
poată fi accesată atunci este necesară
bifarea proprietății Disabled (dazactivare)?
intermediul ferestrei de căutare și/sau
selectare fie prin intermediul funcțiilor API
JavaScript (de ex js_set_value). Valoarea
câmpului de editare se salvează sau nu în
baza de date în funcție de proprietatea
Disable Storage (Dezactivare salvare).
debifată).
80


Hidden? Ascuns?

OnClick La click
ului).


OnFocus La activare
este activ).

mai este activ).

Label color

color fundalului

Text color
81
SQL_TABLE - tabel SQL
Acest tip de element este utilizat pentru a afișa, în interfața formularului, un tabel cu date,
datele reprezentând rezultatul unei interogări SQL.
Pentru interogarea bazei de date este necesară stabilirea unei coenxiuni cu baza de date
respectivă.
Numărul de coloane ale tabelului precum și denumirile acestora depind de

setările din secțiunea Result Columns (Coloane rezultat). Dacă nu se specifică
nimic în secțiunea Result Columns (Coloane rezultat) atunci numărul de coloane
afișate este identic cu numărul de coloane returnate de interogarea SQL iar
denumirile coloanelor afișate sunt fie denumirile coloanelor din baza de date fie
alias-urile lor stabilite în cadrul interogării SQL. Dacă se specifică ceva în
secțiunea Result Columns (Coloane rezultat) atunci numărul de coloane afișate
este egal cu numărul de rânduri setate în această secțiune iar denumirile
coloanelor afișate sunt cele stabilite în cadrul proprietății Label (etichetă) din
cadrul acestei secțiuni.
De reținut: Atenție! În editorul interfeței unui formular vor fi afișate toate

coloanele returnate de interogarea SQL, dacă interogarea SQL este
neparametrizată (adică nu depinde de valoarea unui element de pe formular sau
de o variabilă JobRouter, de exemplu), chiar dacă în secțiunea Result Columns
(Coloane rezultat) sunt stabilite anumite setări.



Label Etichetă
82

Info Text Text informativ
respectiv).

(resurse) a meniului de navigare
Designer (Designer navigation menu).
Indică interogare SQL care să se execute

SQL Interogare SQL
asupra bazei de date.
Secțiunea Coloane rezultat (Result Columns Section)

Indică denumirea coloanei afișate a
Label Etichetă
tabelului.
Indică tipul de date al valorilor afișate.

Acest tip specifică modul în care vor fi
interpretate valorile afișate și va influența
modul de formatare și sortare.
De reținut: Acest tip poate să coincidă
sau nu cu tipul de date al valorilor stocat
Type Tip
în baza de date sau nu. De exemplu, o
valoarea stocată în baza de date ca fiind
de tip număr întreg poate fi afișată ca
fiind de tip text sau chiar număr real (cu
sau fără zecimale, recomandabil ar fi fără
zecimale).
Indică numărul de zecimale afișate al

Decimal Număr de datelor de tip număr real (decimal) care
Place zecimale
vor fi afișate în tabel.
Indică denumirea coloanei din

Câmp din baza de interogarea SQL de unde vor fi preluate
DB Field
date
datele pentru a fi afișate în tabel.
83
Indică lățimea, în pixeli, a coloanei afișate

Width Lățime
a tabelului.

Hidden Ascuns? De reținut:Se pot utiliza funcțiile API
JavaScript jr_show_table_column și
jr_hide_table_column pentru a afișa
și/sau pentru a ascunde o coloană a
tabelului.

Height Înălțime Indică înălțimea, în pixeli, a elementului.
Indică dacă elementul va fi afișat folosind

o formă de afișare veche (dacă caseta de
validare este bifată) sau nu (dacă caseta
de validare este debifată).
Dacă proprietate este bifată atunci
proprietățike Sortable? (Sortare), Filter?
(Filtrare), Paging? (Paginare), Rows per
Use old Folosire structură page (Număr de rânduri pe pagină) și
structure? veche? Allow to change rows per page? (Pemiteți
modificarea numărului de rânduri pe
pagină) nu sunt vor fi disponibile.
De reținut: Această proprietate este
disponibilă pentru a facilita transferul din
versiunile anterioare ale platformei
JobRouter și va fi eliminată din versiunile
următoare ale platformei JobRouter.
Indică dacă datele din tabel pot fi sortate

nu (dacă caseta de validare este
debifată).
Sortable? Sortare?
Dacă proprietatea este bifată atunci
sortarea datelor din tabel se poate face în
raport cu un singur criteriu (o coloană a
tabelului). Pentru sortarea datelor în
84
raport cu o coloană a tabelului se dă click

pe denumirea coloanei tabelului – la
primul click pe denumirea unei coloane
sortarea este crescătoare iar la cel de-al
doilea click pe denumirea aceleași
coloane sortarea este descresctoare..
Indică dacă datele din tabel pot fi filtrate

nu (dacă caseta de validare este
debifată).
Dacă proprietatea este bifată atunci va
apărea un câmp de editare care permite
introducerea unei expresii de căutare
Filter? Filtrare? (text, număr, dată etc.). Căutarea
expresiei se va realiza în toate coloanele
tabelului iar tabelul va afișa doar
rândurile în care se regăsește expresia
căutată. Pentru a se reafișa din nou toate
datele returnate de interogarea SQL se va
șterge expresia de căutare din câmpul de
editare.
Indică dacă datele din tabel vor fi

împărțite în mai multe pagini (dacă
Paging? Paginare? caseta de validare este bifată) sau nu
momentul afișării tabelului în formular.

dacă proprietatea Paging (paginare) a
Număr de fost bifată.
Rows per
rânduri pe Indică numărul de rânduri pe pagină.
page
pagină Sunt disponibile 5 opțiuni: 10, 25, 50,
100 sau toate (all).

Pemiteți dacă proprietatea Paging (paginare) a
Allow to modificarea fost bifată.
change rows numărului de Indică dacă numărul de rânduri pe pagină
per page? rânduri pe poate fi modificat sau nu (dacă ca-seta de
pagină? validare este bifată) sau nu (dacă caseta
de validare este debifată).
85
Dacă proprietatea este bifată atunci pe

formular va apărea o listă derulantă cu
opțiunile disponibile: 10, 25, 50, 100 sau
toate (all).

Hidden? Ascuns?

unui eveniment on click (după realizarea
unui click pe element, mai exact după
apăsarea și eliberarea butonului principal
al mouse-ului).
OnClick La click De reținut: Variabila JobRouter [jr_row],
care indică id-ul (adică numărul unic de
identificare al) rândului din tabel unde s-
a dat click poate fi transmisă ca și
parametru al unui script și poate fi
ulterior folosită în cadrul scriptului pentru
a realiza diverse funcționalități (de ex
on_click_tabel_persoane([jr_row])).
Background Culoarea de fundal a anteturilor coloanei.
Culoare de fundal
color
Text color Culoarea textului Culoarea textului anteturilor coloanei.
SQL_TEXTBOX - câmp de editare de tip text SQL

câmp de editare de tip text, pentru a actualiza și/sau a afișa rezultatul unei
interogări SQL.

86


Label Etichetă


Info Text
respectiv).

Default value

(resurse) a meniului de navigare
Designer (Designer navigation menu).
Interogare Indică interogare SQL care să se execute

SQL
SQL asupra bazei de date.

Câmp din baza valoare va fi afisată sau a cărui valoare
DB field
de date
va fi actualizată.

validare este debifată) sau nu (dacă
Dezactivare caseta de validare este bifată) în
Disable storage
salvare
momentul salvarii (save) sau trimiterii
(send) pasului căruia îi este asociat
formular.
87

este bifată).
Doar pentru poate fi editat atunci valoarea lui nu poate
Read-only?
citire? fi modificată prin editare ci doar prin
intermediul funcțiilor API JavaScript (de
ex js_set_value). Valoarea câmpului de
editare se salvează sau nu în baza de date
în funcție de proprietatea Disable Storage
este debifată).
De reținut: Dacă câmpul de editare este
Disabled? Deazactivat? editare ci doar prin intermediul funcțiilor
API JavaScript (de ex js_set_value).
Chiar dacă valoarea câmpului de editare
poate fi modificată prin intermediul
proprietatea Disable Storage
Indică dacă elementul trebuie completat
în mod obligatoriu (dacă caseta de
validare este bifată) sau nu (dacă caseta
de validare este debifată) în momentul
trimiterii (send) pasului căruia îi este
asociat formular.

Hidden? Ascuns?
Indică modul de așezare a textului din

Align Poziționare cadrul elementului (în stânga, în centru
sau în drepta).
88

unui eveniment on click (după realizarea
OnClick La click
unui click pe element, mai exact după
apăsarea și eliberarea butonului principal
al mouse-ului).

OnChange La modificare unui eveniment on change (după
finalizarea modificării conținutului unui
element).

OnFocus La activare
unui eveniment on focus (după ce un
element este activ).

unui eveniment on blur (după ce un
element nu mai este activ).

La apăsarea va/vor executa în momentul generării
OnKeyDown
unei taste unui eveniment on key down (după
apăsarea unei taste).

Label color

color fundalului

Text color
SUBTABLE_VIEW - vizualizare subtabel
Acest tip de element (subtabel view, form’s element) este utilizat pentru a afișa
(într-o formă tabelară) și pentru a actualiza, în interfața formularului, datele unui
89
subtabel (subtable) a cărui structură de vizualizare a subtabelului (subtabel
view, Workflow submenu's option) a fost definită în prealabil.
Pentru mai multe detalii referitoare la subtabele (subtables) și structuri de vi-

zualizări subtabele (subtabel view, submenu’s option) se recomandă consultarea
capitolului.Subtable și structuri de subtabele – modulul JobTable (Subtables &
subtable views - JobTable Module)


Label Etichetă

Info text
respectiv).
Indică denumirea structurii de vizualizare a

unui subtabel (subtabel view, Workflow
Structură de submenu's option) care va fi asociată
Subtable view vizualizare acestui element de vizualizare a unui
subtabel subtabel (subtabel view, form’s element).

Indică numărul prestabilit de rânduri pe

Default Număr care un element de vizualizare a unui
Number of prestabilit
subtabel (subtabel view, form’s element) le
Rows de rânduri
afișează atunci când acesta este vid.
Minimum Număr Indică numărul minim de rânduri pe care un

Number of minim de element de vizualizare a unui subtabel
Rows rânduri (subtabel view, form’s element) trebuie să
90
le aibe în momentul trimiterii (send) pasului

căruia îi este asociat formularul.
Această proprietate este luată în
considerare și la ștergerea rândurilor.
Indică numărul maxim de rânduri pe care un

element de vizualizare a unui subtabel
Maximum Număr (subtabel view, form’s element) poate să le
Number of maxim de aibe în momentul trimiterii (send) pasului
Rows rânduri căruia îi este asociat formularul.
Această proprietate este luată în
considerare și la adăugarea rândurilor.
Indică dacă pot fi adăugate rânduri într-un

(subtabel view, form’s element) (dacă
Adăugare Dacă această proprietata este bifată sub
Add Rows?
rânduri?
elementul de vizualizare a unui subtabel va
apărea un buton având simbolul și un
câmp de editare care va permite
introducerea numărului de rânduri care vor
fi adăugate simultan.
Indică dacă pot fi șterse rânduri dintr-un

Dacă această proprietata este bifată sub
Ștergere elementul de vizualizare a unui subtabel va
Remove Rows?
rânduri?
apărea un buton având simbolul .
Pentru a indica rândurile care vor fi șterse
acestea se vor marca în prealabil prin
bifarea casetei de validare din prima
coloană a elementului de vizualizare a unui
subtabel (subtabel view, form’s element).
Indică dacă pot fi copiate rânduri în cadrul

Copiere unui element de vizualizare a unui subtabel
Copy Rows?
rânduri?
91

apărea un buton având simbolul și un
câmp de editare care va permite
introducerea numărului de rânduri care vor
fi copiate simultan.
Pentru a indica rândurile care vor fi copiate
acestea se vor marca în prealabil prin
bifarea casetei de validare din prima
coloană a elementului de vizualizare a unui
subtabel (subtabel view, form’s element).
Indică dacă toate rândurile existente la un

moment dat în cadrul unui element de
vizualizare a unui subtabel (subtabel view,
form’s element) pot fi considerate și salvate
ca șabloane/machete (dacă caseta de
apărea un buton având simbolul .
Acționând butonul având simbolul se va
deschide fereastra Șabloane/Machete
Șabloane / subtabel care permite:
Templates? • Salvarea tuturor rândurilor existente
Machete
în momentul respectiv în elementul de
vizualizare a unui subtabel (subtabel
view, form’s element) ca un
șablon/machetă – prin introducerea
unei denumiri în câmpul de editate
Template Name (denumire
șablon/machetă) și acționarea
butonului salvare (save).
De reținut: Pentru un element de
view, form’s element) pot fi salvate la
un moment dat mai multe
șabloane/machete.
92
• Înlocuirea tuturor rândurilor existente

în momentul respectiv în elementul de
view, form’s element) cu rândurile
șablonului/machetei
selectat/selectate - prin acționarea
butonului Replace Rows (înlocuire
rânduri)
• Adăugarea rândurilor șablonului/
machetei selectat/selectate la
rândurile existente în momentul
respectiv în elementul de vizualizare a
unui subtabel (subtabel view, form’s
element)- prin acționarea butonului
Add Rows (adăugare rânduri).
• Actualizarea șablonului/machetei
selectat/selectate prin înlocuirea
tuturor rândurilor existente în
momentul respectiv în
șablonul/macheta respectivă cu toate
rândurile existente în momentul
respectiv în elementul de vizualizare a
unui subtabel (subtabel view, form’s
element) - prin acționarea butonului
având simbolul .
• Ștergerea șablonului/machetei
selectat/selectate – prin acționarea
butonului având simbolul .
Indică dacă elementul de vizualizare a unui

subtabel (subtabel view, form’s element)
Disabled? Dezactivat? este dezactivat (dacă caseta de validare
este debifată).

Hidden? Ascuns?

93
Indică funcția/funcțiile script care se vor

Înainte de executa în momentul generării unui
BeforeAdd
adăugare eveniment before add (adică înainte de
adăugarea unui rând).

După executa în momentul generării unui
AfterAdd
adăugare eveniment after add (adică după adăugarea
unui rând).

Înainte de executa în momentul generării unui
BeforeRemove
ștergere eveniment before remove (adică înainte de
ștergerea unui rând).

După executa în momentul generării unui
AfterRemove
ștergere eveniment after remove (adică după
ștergerea unui rând).
De reținut: Toate funcțiile script asociate evenimentelor unui element de

vizualizare a unui subtabel (subtabel view, form’s element) vor fi apelate pentru
fiecare rând în parte. Astfel dacă se vor adăuga sau se vor șterge mai multe
rânduri simultan atunci funcția/funcțiile script asociate evenimentelor
corespunzătoare se vor apela de mai multe ori (de un număr de ori egal cu
numărul de rânduri adăugate și/sau șterse simultan).
Toate funcțiile de script asociate evenimentelor unui element de vizualizare a

unui subtabel (subtabel view, form’s element) sunt funcții de tip callback
function (funcții care se apelează după). Acest aspect implică faptul că pentru a
apela o funcție script asociată unui eveniment se va trece doar denumirea
funcției JavaScript definită de utilizator pentru evenimentul respectiv, fără
paranteze, fără eventuali parametri și fără punct și virgulă.
În funcție de tipul evenimentului generat de un element de vizualizare a unui

subtabel (subtabel view, form’s element) funcției script asociate evenimentului
respectiv i se pot transmite trei parametrii, dacă este cazul SAU în cadrul funcției
script asociate evenimentului respeectiv se pot folosi trei parametrii impliciți,
dacă este cazul:
94
• primul parametru: obiectul DOM structura de vizualizare a unui subta-
bel (subtabel view, Workflow submenu's option).
• al 2-lea parametru: rândul ca și șir HTML pentru funcțiile script asociate

evenimentului BeforeAdd (înainte de adăugare) sau rândul ca și obiect
DOM pentru funcțiile script asociate evenimentelor AfterAdd (după
adăugare), BeforeRemove (înainte de ștergere) sau AfterRemove (după
ștergere).
• al 3-lea parametru: șirul insert (inserarea) sau delete (ștergerea).
Pentru mai multe detalii referitoare la funcțiile de tip callback function (funcții
care se apelează după) se recomandă consultarea manualului JobRouter JavaS-
cript API.
TEXT - câmp de tip text
Acest tip de element este utilizat pentru a afișa, în interfața formularului, un text
care reprezintă o descriere și care poate fi formatat prin intermediu etichetelor
(tag-urilor) HTML. Textul poate fi specificat manual sau poate fi preluat dintr-un
câmp al bazei de date.
Dacă proprietatea Strip tags (lista etichete) din setările platformei JobRouter
(submeniul Admin Tools, secțiunea System, opțiunea Configuration, pagina
General, grupul JobRouter Security, opțiunea Security Settings, pagina Filter)
este activată atunci etichetele (tag-urile) HTML folosite pentru formatarea
textului descriere trebuie specificate în câmpul Allowed tags (etichete permise).

mod obligatoriu.
Indică un text care va apărea în partea stângă a

Label Etichetă
elementului.
95

Text
Info text contextuală (vizibilă doar atunci când mouse-ul
informativ


DB field baza de va fi afisată sau a cărui valoare va fi actualizată.
date
Hidden? Ascuns?
formularului.


Label color
etichetei
color fundalului
Text color
textului
TEXTAREA - câmp de editare multi-linie

câmp de editare de tip text (pentru a actualiza și/sau a afișa date de tip text sau
numar întreg). Textul din câmpul de editare poate fi un text care să conțină mai
multe linii.
96

mod obligatoriu.

Label Etichetă
a elementului.


Info Text
informativ


DB field
baza de date
actualizată.

formular.

Minimum Lungime Indica numărul minim de caractere care

length minimă trebuie introdus.
Maximum Lungime Indica numărul maxim de caractere care

length maximă poate fi introdus.
Afișează Descrierea va fi afișată deasupra textului.

eticheta Indică dacă eticheta asociată câmpul de
Show label
deasupra editare multi-linie să fie afișată deasupra lui
above
câmpului de
textarea (dacă caseta de validare este bifată) sau nu
editare multi-
linie (dacă caseta de validare este debifată).
97

(dacă caseta de validare este debifată) sau nu
(dacă caseta de validare este bifată).
De reținut: Dacă câmpul de editare nu poate
Doar pentru fi editat atunci valoarea lui nu poate fi
Read-only? modificată prin editare ci doar prin
citire?
salvare).
Indică dacă câmpul de editare este dezactivat
dezactivat (nu poate fi editat) atunci valoarea
lui nu poate fi modificată prin editare ci doar
Disabled? Deazactivat? prin intermediul funcțiilor API JavaScript (de
ex js_set_value). Chiar dacă valoarea
câmpului de editare poate fi modificată prin
intermediul funcțiilor JavaScript această nouă
valoare nu se salvează în baza de date chiar
dacă proprietatea Disable Storage

Hidden? Ascuns?
Indică modul de așezare a textului din cadrul

Align Poziționare elementului (în stânga, în centru sau în
drepta).

OnClick La click executa în momentul generării unui
eveniment on click (după realizarea unui click
98



OnFocus La activare
eveniment on focus (după ce un element este
activ).

mai este activ).

OnKeyDown
taste).

Label color
etichetei
color fundalului

Text color
TEXTBOX - câmp de editare de tip text

câmp de editare de tip text (pentru a actualiza și/sau a afișa date de tip text sau
numar întreg).
Name Denumire Indică denumirea elementului.
99


Label Etichetă


Info text
respectiv).
Valoare Indică o valoare anterior stabilită și atribuită

Default value
prestabilită elementului.

DB field
baza de date
actualizată.

în baza de date (dacă caseta de validare este
Disable Dezactivare debifată) sau nu (dacă caseta de validare
storage salvare este bifată) în momentul salvarii (save) sau
formular.

Minimum Lungime Indica numărul minim de caractere care

length minimă trebuie introdus.
Maximum Lungime Indica numărul maxim de caractere care

length maximă poate fi introdus.

(dacă caseta de validare este debifată) sau
nu (dacă caseta de validare este bifată).
Doar pentru De reținut: Dacă câmpul de editare nu
Read-only? poate fi editat atunci valoarea lui nu poate fi
citire?
modificată prin editare ci doar prin
100

salvare).
debifată).
Disabled? Deazactivat? editare ci doar prin intermediul funcțiilor API
JavaScript (de ex js_set_value). Chiar dacă
valoarea câmpului de editare poate fi

Hidden? Ascuns?
Indică modul de așezare a textului din cadrul

Align Poziționare elementului (în stânga, în centru sau în
drepta).
Secțiunea Validare (Validation Section)

Indică modul de validare (conformare,
potrivire) al datelor introduse.
validarea datelor introduse se recomandă
consultarea paragrafului Validarea datelor
Validation Validare (Data Validation).
De retinut: Dacă unui câmp de editare de
tip text i se asociază o valoarea prestabilită
atunci pentru aceasta valoare nu se verifică,
la încărcarea formularului, respectarea
criteriilor și/sau regulilor de validare.
101
De retinut: Dacă unui câmp de editare de

tip text i se asociază o valoarea, prin
intermediul unei functii API JavaScript (de
ex. jr_set_value), atunci pentru aceasta
valoare se verifică, la încărcarea
formularului, respectarea criteriilor și/sau
regulilor de validare.
OnClick La click eveniment on click (după realizarea unui
click pe element, mai exact după apăsarea și


OnFocus La activare
este activ).

mai este activ).

OnKeyDown
taste).

Label color

color fundalului

Text color
102
Validarea datelor
Sectiunea Validation (validare) permite verificarea validității

(conformității, potrivirii) textului introdus în câmpul de editare de tip text.
Prin validare se verifică ca textul introdus în câmpul de editare de tip text
să respecte anumite criterii și/sau reguli. Pentru validare sunt disponibile
următoarele opțiuni:
• None (fără validare): textul introdus nu are nici o restricție, poate

conține orice caractere.
• Alphanumeric (alfanumeric): textul introdus trebuie să conțină doar

litere și/sau cifre; dacă textul introdus nu conține doar litere și/sau cifre
atunci câmpul de editare va fi evidențiat.
• Numeric (numeric): textul introdus trebuie să conțină doar cifre; dacă

textul introdus nu conține doar cifre atunci câmpul de editare va fi
evidențiat.
• Decimal (număr real): textul introdus trebuie să reprezinte un număr

real (se va specifica, într-un câmp de editare, numărul de zecimale al
numărului real) ; dacă textul introdus nu reprezintă un număr real
atunci câmpul de editare va fi evidențiat.
• Date (dată calendaristică): textul introdus trebuie să reprezinte o dată

calendaristică (se va specifica formatul datei, prin selectarea lui dintr-o
listă derulantă) ; dacă textul introdus nu nu reprezintă o dată
calendaristică atunci câmpul de editare va fi evidențiat.
• Regular expression (expresie regulară): textul introdus trebuie să

respecte un șablon, specificat într-un câmp de editare (regular
expression (expresie regulară)); dacă textul introdus nu respectă
șablonul specificat atunci va fi afișat un mesaj specificat într-un alt
câmp de editare (Message shown when validation fails (Mesaj așfișat
când validarea eșuează)).
O expresie regulară reprezintă un șablon, sub formă de șir de caractere,

care definește o mulțime de cuvinte, constituind o modalitate eficientă
103
de a găsi, înlocui sau valida şiruri de caractere care au un format bine
definit1.
Printr-o expresie regulară se poate verifica mai precis validitatea, unui

text introdus în câmpul de editare de tip text.
Exemplul 1: Dacă textul introdus trebuie să conțină patru litere

succesive urmate de șase cifre succesive (de exemplu, AlMi102030)
atunci expresia regulară care verifică această regulă este [a-zA-
Z]{4}[0-9]{6}.
Exemplu 2: Dacă textul introdus trebuie să reprezinte o adresă de e-

mail validă (de exemplu, info@automatizamromania.ro) atunci
expresia regulară care verifică această regulă este
[a-zA-Z0-9\-\.]{1,}[@]{1}[a-zA-Z0-9\-]{1,}[\.]{1}[a-zA-
Z]{2,6}
Pentru a verifica corectitutinea unei expresii regulare, înainte de a o

folosi pentru a verifica validitatea unui text introdus într-un câmp de
editare de tip text, și pentru a o testa se recomandă utilizarea site-ului
https://regex101.com/.
De reținut: Utilizarea modificatoriilor expresiilor regulare (Global:g,

Multiline:m, Case insensitive:i, Ignore whitespaces:x, Singleline:s,
Unicode:u, eXtended:X, Case Ungreedy:U, Anchor:A and Duplicate
group names:J) nu este permisă în cadrul platformei JobRouter.
USERS - listă de selecție utilizatori
Acest tip de element este utilizat pentru a afișa, în interfața formularului, o listă de selecție
a utilizatorilor, care permite alegerea unui singur utilizator. Pentru mai multe detalii
referitoare la utilizatori se recomandă consultarea capitolului Utilizatori (Users).
1
https://profs.info.uaic.ro/~bd/wiki/index.php/Expresii_regulate
104


Label Etichetă


Info Text
respectiv).
Indică câmpul din baza de a cărui valoare

Câmp din baza va fi afisată sau a cărui valoare va fi
DB field
de date
actualizată.



Indică un șablon pentru a selecta doar acei

utilizatori ale căror denumiri de roluri
User Job corespund șablonului specificat (formatul
Filtru pentru șablonului este *cuvânt*, unde prin cuvânt
Function
rol
filter se înțelege orice cuvânt sau combinație de
caractere iar prin * se înțelege oricâte
caractere).
Department Filtru pentru Indică un șablon pentru a selecta doar acei

filter departament utilizatori ale căror denumiri de
105
departamente corespund șablonului

specificat (formatul șablonului este
*cuvânt*, unde prin cuvânt se înțelege orice
cuvânt sau combinație de caractere iar prin
* se înțelege oricâte caractere).
Indică un șablon pentru a selecta doar acei

utilizatori al căror câmp 1 definit de
utilizator corespund șablonului specificat
(formatul șablonului este *cuvânt*, unde
prin cuvânt se înțelege orice cuvânt sau
combinație de caractere iar prin * se
înțelege oricâte caractere).
De reținut: Câmpurile definite de utilizator
Filtru pentru se vor specifica în setările platformei
User-defined câmpul 1 – 5 JobRouter (submeniul Admin Tools,
filter 1 - 5 definit de secțiunea System, opțiunea Configuration,
utilizator pagina General, grupul JobRouter Settings,
opțiunea User-defined Settings, pagina
User Defined Fields)
De reținut: Pentru mai multe detalii
referitoare la câmpurile definite de utilizator
se recomandă consultarea manualului
JobRouter Administration Manual (Manual
de administrare), capitolul System
(Sistem), secțiunea Configuration Tools
(Instrumente de configurare), subsecțiunea
Settings (Setări).
Indică dacă să includă în lista de selecție toți
utilizatorii de la nivelul platformei JobRouter
Show all Afișează toți (dacă caseta de validare este bifată) sau
users? utilizatori?
doar utilizatorii rolurilor asociate procesului

Empty valoare (dacă caseta de validare este bifată)
Selecție vidă
selection?
debifată).
Indică dacă lista de selecție este dezactivată

Disabled? Dezactivat? (dacă caseta de validare este bifată) sau nu
106

modificată prin selectare ci doar prin
Hidden? Ascuns?
Indică modul de așezare a textului din

Align Poziționare cadrul elementului (în stânga, în centru sau
în drepta).

OnClick La click
ului).


OnFocus La activare
este activ).

mai este activ).
107
Culoarea Culoarea etichetei butoanelor.

Label color
etichetei
Background Culoarea Culoarea de fundal a elementului.
color fundalului
Culoare Culoarea textului din listă sau a câmpului de

Text color
textului introducere.
108

Formulare-Versiune Intermediară

Încărcat de

Informații document

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Formulare-Versiune Intermediară

Încărcat de

Drepturi de autor:

Formate disponibile

Proiect cofinanţat din FSE prin Program Operațional Capital Uman 2014 - 2020

Axa Prioritară 6 - Educație și competențe

Un formular este o interfață între platforma JobRouter și utilizator, prin

• mai multe proprietăți asociate și

• 2 tipuri de interfețe asociate formularului respectiv, în funcție dis-

În funcție de tipul interfeței unui formular, desktop sau mobile, ea va avea un

Selectând opțiunea Forms (Formulare) din submeniul Workflow (Flux de lucru)

Interfata de prezentare a formularelor

În interfața de prezentare a formularelor sunt afișate, pentru fiecare formular,

Property Proprietate Explicaţie

Indică denumirea formularului. Dacă se dă

Label Etichetă Indică eticheta formularui.

Acționând butonul având simbolul se va

Pentru crearea unui formular se accesează interfața de prezentare a formularelor

Crearea unui formular

În urma acestei acțiuni se afișează interfața pentru editarea proprietăților unui

În interfeța de editare a proprietăților unui formular (Edit Form) se pot specifica

Property Proprietate Explicaţie

Secțiunea Detalii (Details Section)

Indică denumirea formularului.

Indică o descriere a formularului în

După ce s-au realizat toate modificările dorite în interfața de editare a proprie-

Acționând butonul Modification Log (Jurnalul modificărilor) din bara de acțiuni se

Acționând butonul Comments (Comentarii) din bara de acțiuni se vor putea

Pentru stergerea unui formular se accesează interfața de prezentare a

Ștergerea unui formular

În urma acestei acțiuni va apărea o fereastră pop-up prin care se va solicita

Dacă se utilizează editorul de diagrame (flowchar editor) pentru accesarea edi-

Dacă se utilizează interfața de prezentare a formularelor (forms overview)

În mod implicit editorul interfeței unui formular se va deschide pentru a edita

Dacă se dorește editarea interfeței de tip mobile asociată formularului respectiv

Editorul interfetei de tip mobile view al unui formular

De reținut:Dacă pentru un anumit formular s-a comutat de pe editarea

În editorul interfeței unui formular sunt disponibile o serie de butoane cu

Butoanele cu simbolurile din editorul interfeței unui formular sunt enumerate în

Acționând butonul cu acest

Acționând butonul cu acest

Acționând butonul cu acest

Acționând butonul cu acest

Acționând butonul cu acest

Acționând butonul cu acest

Acționând butonul cu acest

Acționând butonul cu acest

Acționând butonul cu acest

Adăugarea unei pagini (Add page)

Adăugarea unei pagini

În urma cestei acțiuni se va deschide o fereastră care va permite editarea

Proprietățile specifice unei pagini sunt:

Property Proprietate Explicaţie

Secțiunea Detalii (Details Section)

Indică denumirea paginii. Acesta proprietate

Indică un titlu al paginii. Acesta va fi afișat în

Secțiunea Setări (Settings Section)

Indică dacă pagina este ascunsă (dacă caseta

Secțiunea Scripturi (Scripting Section)

Indică apelul scriptului sau scripturilor care se

Indică apelul scriptului sau scripturilor care se

Secțiunea Avansat (Advanced Section)

Section Denumirea Indică denumirea secțiunii care se va insera.

Denumirea Indică denumirea rândului care se va insera.

Column Denumirea Indică denumirea coloanei care se va insera.

Dacă se dorește salvarea proprietăților unei pagini atunci se acționează butonul

Inserarea unei secțiunii (Insert section)