1. What Can I Do             2. Create a Web Server   3. Install Visual VX+      4. Configuration            5. How to run VX+         6. Screen desktop         7. Mainmenu VX+          8. Database and how to create   9. Monitor server           10. Dialogs in VX+           11. How write a program   12. Understand Remote Client13. Open port modem to public14. Create/Modify Project15. Form to Edit Record of database16. Report Form to list all record17. Label Form to display a record18. Server Form to public webpage19. Use Remote to control Server

1. What Can I Do
- If you want website to uses adverstising, present, introduce, ... .
You don't do anythings. Simple, public webpage (created by any editor, like Notepad) to folder WEBROOT on server.
In Monitoring web Server dialog, choose type host: Simple Host Server, after that, turn on webserver.

See Simple Host Server



- If you want website to uses management: office, class, store, inventory, account, ...
You need create database on server, It is comlicated process, you need do by order step:

Step 1: Understand visual X+

Step 2: Design structure data & flow chart of application (see a example)

Step 3: Create/Modify a database for you application

Step 4: Edit the program, run and debug to trial you application

Step 5: When all data are ready, create script scener and public into server

Step 6: When server is ready, create webpage for application and preview by IP: 127.0.0.1

Step 7: Finish, Set domain remote IP, Turn On Web Server, browser


2. Create Web Server

To call Web Server Dialog you choose menu: - [Tools/Config]. then Turn On Web Server.
- And then Choose menu: [Tools/Monitor Server].

Host web server

You have 2 way to create web server (2 type host).
- Create a simple webpage (static webpage).
- Create a dynamic webpage with big data.

* Note, this demostration examples run on server. You can test by IP: 127.0.0.1

See monitoring server


3. Install Visual X+

setup VX+
You can download file VXSETUP_***.ZIP from website. Or from CD Disk. Then run it.


Folder created after install look like:



* Note, you need input Password, Name, Address and Play to put VX.



4. Configuration
Select menu Tools\Config to call configuration dialog.
In this dialog you set password, number format and date format.
Configuration dialog

Number format or date format created by Operating Platform (Now is Windows).
- You can set Region is US (English (United Kingdom)) : 1,234.56

Settings system number and Date US

- Or you can set Region is FR (French (Frence)): 1.234,56

Settings system number and Date FR

Or turn Server is On/Off.


4.1. Number format, example:
1,234,545.67
Is setting in windows or platform system.



4.2. Date format, example:
12/31/2021Is setting in windows or platform system.



4.3. Setting SSL/TSL certificates for https:// protocol.

SSL certificate dialog




5. How to run VX+
Run file vx.exe. When input password dialog display, you press password and click OK button.
Password dialog
When you finish. You click button [Close] or menu [File/Exit]. If you forget turn of WebSerer Mode.
It show confirm dialog:


And then show confirm dialog:




6. Screen desktop
main screen VX+
Main Screen desktop created from 3 view area. See above figure.


6.1. Area data table.
It show database, It has 32 tab.See topic 7.2.



6.2. Area edit program.
In program editor you can input command line.
See topic 7.4.


6.3. Area result viewer .
Viewer area is web browser. You can click right button to call popmenu:
webbrowser popmenu
It is webbrowser you can view source, print, print preview,...


6.4. Turn On/Off Web server.




7. Mainmenu VX+
Is active when server mode is turn off.
Mainmenu is barmenu and popupmenu:
main menu
    - File
    - Table
    - Data
    - Program
    - View
    - Tools
    - Help



+ 7.1. File.
File menu
+ 7.1.1. New Project.
To call project dialog. Create new project.
See create project

+ 7.1.2. Modify Project.
Open database project and call project dialog for modify project.
See modify project


+ 7.1.3. Close All.
Close all data tables are open.


+ 7.1.4. Exit.
Close VX+ and return Window or Platform.




7.2. Table.
Table is a database in side server.
Max database file (.cdf) open at moment are 26.
Table menu
+ 7.2.1. Open Data Table.
Call open dialog to select database file with extention (.cdf). * Note, file data structure .cdf contain all informations like: script code, edit form, report form, label form...



+ 7.2.2. &Save Data Table to Disk.
Current table is open.After edit or modify current data open, you save it to disk.


+ 7.2.3. Close current Table.
Close openning database table. It not save to disk.



+ 7.2.4. &Export To ....
Current table is open.


When export dialog show. In this dialog you can choose field list, expression condition,record scope... and [Export] to export. When save dialog show, type a filename to copy.
VX+ support 5 type file (you don't need install ODBC):
    - Database file (.cdf).
    - Delimited file (.txt). Note, in memo field character break (\r\n) line changed
    - Json file (.json).
    - xml file (.xml).
    - cds file (.cds).



+ 7.2.5. &Import From ....
Current table is open .



After call import dialog.



In this dialog you can choose field list, expression condition, and filename to append.
Next you click button [Import] to select file data to append.
VX+ support 5 type file (you don't need install ODBC):
    - Database file (.cdf).
    - Delimited file (.txt).
    - Json file (.json).
    - xml file (.xml).
    - cds file (.cds).



+ 7.2.6. Atribute Text Table.
When you want change attribute text, it show Style text Dialog. In this, you choose color, font family, size, bold, italic...After click Apply button to select.





7.3. Data.
It is enabled when current table is opened.
Data menu
+ 7.3.1. Edit Data.
Show menupopup max 10 form for input data table is opened (or press right mouse button on area data tab).
* Note, edit form created in Modify Structure dialog by click menu File/New Project.
If not created, VX+ select default form.
To edit record of table , it changed switch append/edit mode button is on. After choose edit form, when edit record dialog show, turn on Switch edit to modify data.Next, choose Post button if accept or choose Cancel button if abort.
Remember select menu Table/Save Data Table to Disk to write edit data to disk.


* Note:
- Edit form to modify data direct on server. It used in begin process when create data webserver.
- To modify or update data from remote client, you need created (or by any web design applications) webpage html.

See more edit data


+ 7.3.2. Report Form.
Show menupopup max 10 report form.
see report form
* Note, report form created in Modify Structure dialog by click menu File/New Project.


+ 7.3.3. Label Form.
Show menupopup max 10 label form.
see label form

* Note, label form created in Modify Structure dialog by click menu File/New Project.


+ 7.3.4. Chart.
Show Popupmenu chart, VX support 7 shape chart:



    - Line.
    - Stacked Bar.
    - Horizontal Bar.
    - Area.
    - Point.
    - Pie.
    - Fast Line.
When select , you see chart dialog. In this, you can change 3D view trackbar, rotation trackbar.

See more chart

+ 7.3.5. Data Functions.
Show Data Function Dialog
Function data
In this dialog you can used functions, like:
Functions data
Next functions data


7.4. Program.
Program is text code, it run in platform VX+.
Max file program open at moment are 5.
Program are many command line. Number of command line not limited.
Program menu


+ 7.4.1. Load from File.
Call open dialog, you select program file name (.ppr) or files with extentions (*.txt, *.rtf, *.html).


+ 7.4.2. Save to File.
Call save dialog, to save text program to disk with filename.


+ 7.4.3. Save as File.
Call save dialog, to save text program to disk with other filename.


+ 7.4.4. Close a Program.
To close and save to program file.


+ 7.4.5. Attribute editor.
Call attribute text style. In this dialog you can change color, family, size, style (bold, italic, underline...) of Font.Font text dialog


+ 7.4.6. Case Text....
Change select text to Upper Case or Lower Case or Title Case.

+ 7.4.7. Insert Objects....
Insert objects like:
- Links: to call Links Objects dialog, in this dialog you can select (Image, Video or Href or Horizontal line).
When you Apply a code link html created and insert in current cursor.
Links object
- Symbols: to call Symbols Character. You can select character from 0 to 65532, or Special character, or Mathematical,or Greek and Coptic, or Currency Symbols, Arrows Symbols, or ...
symbol dialog
Click to select charater. After Aplly to return html code and insert to current cursor.
- Text: To call Format Style Text Dialog.
Format style text
You can input text with attribute like: style, color, family, size of font.
In box input text, you double click to call Input Text Box, in this box you can input:
fields name, functions name, variables name, operations...
Keyboard
Functions
Fields List
Variables List
Symbols
- File Text: Call file dialog. In this dialog you can select file text (.txt) to insert.
* Note, you can press right mouse to call popupmenu to paste from clipboard.


+ 7.4.8. Find and Replace Text.
Call Find and Replace dialog. In this dialog you input text for find and Replace.
find box

+ 7.4.9. Do Command Line.
You can run 1 command line (at line of current cursor) before compiler. or Click in fast Icon.+ 7.4.10. Compiler.
Call Compiler dialog.
compiling dialog
In this dialog you can compiler current text program.
You can compiler one or all file program in a folder.
Text Program after compiler take extension (.xpr).
Example:
Text Program: config.ppr
After compiler: config.xpr
To use it, you press command:
- do config
or
? config()





7.5. View.
Viewer area to display result of run program or display message of Visual X+.
View menu+ 7.5.1. Turn Console On/Off.
- Turn Console Off: None display result of run a command line in Viewer.- Turn Console On (default) : Display result of run a command line in Viewer.

+ 7.5.2. System Information.
Display sytem informations like:
    User name :
    Computer name:
    Version OS:
    CPU Level:
    CPU number:
    CPU type:
    RAM:
    Disk home name:
    Current dir:
    File Execute:
    Current disk size:
    Current disk free:


+ 7.5.3. Variable Dialog.
Call variable dialog.



+ 7.5.3. Show Message Box.
Show message error in window box.

7.6. Tools.
To set configuration username, password, or webserver...
Tools menu
+ 7.6.1. Config.
Call config dialog. In this dialog you can input username and password.
Select Default Path to contain Visual X+ files.
configuration dialogTo Check Debug mode server, when process design projects.



+ 7.6.2. Monitor Server.
Call webserver window dialog (default is not enabled).
Detail to see Understand Monitor Server

* Note, when webserver is active, main window is locked. It unclock only whenwebserver is turn off.
hosting server




7.7. Help.
Show help informations.
Help menu
+ 7.7.1. VX+ Help F1.
Display help dialog or Press F1. In this dialog you can understand all Visual X+.
help
Like topics:
    - Contents.
    - Function.
    - How I Do.
    - Example.
To see, you click to selected topic or input in search box to find.
Help Topic


+ 7.7.2. About Visual X+.
Show about Visual X+ dialog.
about


8. Database and how to create Project
Create/Modify project
Understand project in VX+.
See more project


8.2. Navigate record table.
Navigate box
Panel box contain buttons:
    - Go to first record.
    - Go to prior record.
    - Go to next record.
    - Go to last record.
    - Switch append/delete record mode in table.
    - Append record.
    - Insert before current record.
    - Delete current record.
    - Delete all record.
    - Undo edit record.




9. Monitoring server

When you turn on webserver. This is main server window, all component locked.

Because it very important, we are understand webserver.
See Monitoring Server Form .


10. Dialogs in VX+

Create/Modify structure


This it very important. First, you need create structure data before use webserver.
Create/Modify project

See more Create/Modify project

Edit form


Create form for input data. *Note, you can create by any other web application.
Edit form

See more Edit form

Report form


Create report like list of records, it created after create structure data.
Report Form
See more Report

Label form


Create label to display content of a record,it created after create structure data.

Label Form

See more Label



Chart form


bar chart

Sometimes you need show data in chart form.
Chart support 6 style chart (line, bar, hozisontal bar, area, point, pie, fast line).

See more Chart dialog

Format Style text


To create style tag html (color font, size font, family font, style : bold, italic, underline).
format style text

Export to.../Import from... data table


This dialog help you easy select condition, scope or record before copy/append data.

Export data:
export (copy to) data

Import data:
import (append from) data

Data Function


This is show Data Function dialog.

data function

Find/Replace Text dial


This dialog used in editor program.

find/repalce text

Compiling dialog


To compiler program.

compiler

Configuration dialog



configuration

Monitor Server


It very important dialog. It turn on to monitoring all time when remote client access.
hosting server

Link Objects


Used for insert html code into edit form, report form, label form.

link image, video, href, iframe...

Insert a table html


Used for insert a table html code into edit form, report form, label form.

Insert a table html

Key input box


Usefull, used when input: Character, Function name, Field name, Symbols unicode character

keyboard input box

Symbol character


Used whwen you need input unicode character.

symbol unicode

Text Attribute


Used when change font window table or editor program.

text attribute

Data Grid


Used when input text data, json and no metadata xml bettwen client and server.

data grid

Calculator


Used when input data inside server.

calculator

...