Short Codes Examples |
In Webster+, Short Codes can be used to control layout, insert titles or sub-titles, define sections on your HTML pages, define input controls and forms, and provide options for conditional generation based on embedded PxPlus logic and variables.
This page shows examples of some commonly used short codes, which are listed below. Use these links to access the examples for a particular short code.
|
||
|
||
|
||
|
||
|
||
|
This table shows [button …] short code examples.
Description |
Example |
Result in Webster+ |
Text Button |
[button id=BUTTON_1$ size=auto event=BUTTON_PRESSED text=word] |
|
Bitmap Button |
[button id=BUTTON_2$ size=7/2 event=BUTTON_2_PRESSED][symbol !Bomb_blast] [/button] |
|
Button and Text |
[[button id=BUTTON_3$ size=13/1.75 event=info]More Info [symbol !16X16/Buttons/Information][/button] |
|
Drop List Button |
[menu id=menu_DROP_LIST$ hide] |
|
This table shows a [chart] short code example.
Description |
Example |
Result in Webster+ |
Chart |
[chart CHART_2$ query="scrnlib.EN;Prodsales" chart="Product Sales by Client" size=50/17.75 event=CHART_2_CHANGED] |
|
This table shows [checkbox] short code examples.
Description |
Example |
Result in Webster+ |
Simple Check Box |
[checkbox CHECK_BOX_1$ size=auto event=CHECK_BOX_1_PRESSED]Simple[/checkbox] |
|
Check Box |
[checkbox CHECK_BOX_1$ size=auto event=CHECK_BOX_1_PRESSED]Simple[/checkbox] |
|
Tri-State Check Box |
[checkbox CHECK_BOX_3$ size=15 event=CHECK_BOX_3_CHANGED other=2]Tri-State[/checkbox] |
|
With Bitmaps |
[button id=CHECK_BOX_4$ size=17/2 event=CHECK_BOX_4_PRESSED][symbol !X] Bitmaps[/button] |
|
Numeric Check Box |
[checkbox CHECK_BOX_5 size=auto event=CHECK_BOX_5_PRESSED]Numeric[/checkbox] |
|
Tri-State Check Box |
[checkbox CHECK_BOX_6$ size=17 event=CHECK_BOX_6_CHANGED off=N on=Y other=M]Yes/Maybe/No[/checkbox] |
|
This table shows [folder] short code examples.
Description |
Example |
Result in Webster+ (Tab 1) |
Result in Webster+ (Tab 2) |
Folder |
[folder Folder$] |
|
|
Web-Style Folder |
[folder Folder$ class=web] |
|
|
Sidebar Folder |
[template *webster/pages/sidebar.html] |
|
|
This table shows [image]/ [picture] short code examples.
Description |
Example |
Result in Webster+ |
Bitmap |
[picture file="!32X32/Animals/Ladybird" size=7/4] |
|
.jpg |
[image file="C:\Users\name\Pictures\Mountains.jpg" size=35/20 nocopy event=picture_clicked align="center center"] |
|
url |
[image url=https://home.pvxplus.com/files/7068/24360250_ImageSmallWidth.avif size=30/15] |
|
This table shows [input] short code examples.
Description |
Example |
Result in Webster+ |
Simple Input |
[input MULTI_LINE_3$ size=20] |
|
With Query |
[input MULTI_LINE_1$ size=24 default="Initial Value" query="scrnlib.EN;CLIENT_QRY"] |
|
Numeric with Format (Must have no height specified to be numeric or specify a format) |
[input MULTI_LINE_2 size=24 format=-##,##0.00 default="123.45" ] |
|
Centered, Text Color and Uppercase options |
[input MULTI_LINE_1$ size=24 default="Initial Value" uppercase align=center class=text_red query="scrnlib.EN;CLIENT_QRY"] |
|
Password Input |
[input PASS_INPUT$ size=24 default="Current Password" len=20 tip="Enter New Password" type=password] |
|
This table shows a [link] short code example.
Description |
Example |
Result in Webster+ |
Hyperlink Button |
[link event=HYPERLINK_PRESSED]Hyperlink Button[/link] |
|
This table shows [list] short code examples for Drop Boxes.
Description |
Example |
Result in Webster+ |
With Default Value |
[list DROP_BOX_1$ size=12 default=cat] |
|
With Translation Table |
[list DROP_BOX_3$ size=12 tip="Select Payment Type"] |
|
Using Data Class |
[list DROP_BOX_4$ default=ONT program=*webster/class;ClassList,"DEPTDB"][/list] |
|
Using Query and Colors |
[list DROP_BOX_5$ size=16 query=scrnlib.en:DEPTCODE_QRY class=text_red,fill_yellow][/list] |
|
This table shows [list] short code examples for List Boxes.
Description |
Example |
Result in Webster+ |
Standard List Box |
[list LIST_BOX_1$ size=25/7][data rowsep=^]cat^dog^pig^horse^[/data][/list] |
|
With Translation Table |
[list LIST_BOX_1$ size=19/8.25 event=LIST_BOX_1_CHANGED][data rowsep=| valsep=`]Check`C|Cash`$|MasterCard`M|Visa`V|[/data][/list] |
|
Using Data Class |
[list LIST_BOX_1$ size=25/8.25 program=*webster/class;ClassList,"DEPTLB"][/list] |
|
Report View |
[list REPORT_VIEW$ query="scrnlib.EN;SALESREP_Q" size=55/8.4 class=text_green][/list] |
|
This table shows [radio] short code examples.
Description |
Example |
Result in Webster+ |
Vertical Alignment |
[radio RADIO_BUTTON_2$ size=14/1.25]Vanilla[/radio]<br> |
|
Horizontal Alignment |
[radio RADIO_BUTTON_1$ size=10/1.5 value=G class=text_#00ff00]Green[/radio] |
|
Button to the Right of Text |
[radio RADIO_BUTTON_2$ size=14/1.25 onright]Vanilla[/radio]<br> |
|
This table shows [show] short code examples.
Description |
Example |
Result in Webster+ |
Simple Text |
[show "This is the Text" size=auto] |
|
Text with a specified Font, Center Alignment |
[show "This is the Text" size=21/2 align=center class=font_Lucida+Calligraphy] |
|
Double-Sized Text with a specified Font |
[show "This is the Text" size=27/2 class=font_Times+New+Roman,font_200] |
|
Red Text on a Yellow Background |
[show "Red Text on Yellow" size=auto class=text_red,fill_#FFFF00] |
|
This table shows [tree] short code examples.
Description |
Example |
Result in Webster+ |
Tree View |
[tree TREE_VIEW query="*demo/2024/scrnlib.EN;SALESREP_Q" size=35/8.4][/tree] |
|
Short Codes
Short Code Options