Webster+ -- Demo form
Author: Michael King - PVX Plus Technologies

## This is my binding test HTML page

[css]body { font-family: Verdana; font-size: 13px; }
a, a:visited , a:link{text-decoration: none; color: Maroon;}
a:hover, a:active {text-decoration: underline;}
.yellow { background-color: Yellow; }[/css]

[bad short code][template *webster/pages/sidebar.html]

[form target=testprog]

[folder folderid$ !class=web size=100%/25][tab]Show/Hide[/tab]

\[Show\] | Before Show[show showtext$ class=yellow size=20ch tip="This is a long tip with many spaces in the text"]After SHOW Showing a number=[show shownum]
\[hide hide1$\] (Should keep value) | [hide hide1$]
\[hide hide2$ value="Hidden Value"\] | [hide hide2$ value="Hidden value"]
\[link url=.... \] includes spinning symbol (cog) | [link url=http://www.pvxplus.com][symbol cog opt=spin] Go Home[/link]
\[link url=.... popup=90% \] Popup link | Check out [link popup=50% url=https://www.pvxplus.com text="Our Home"]

[tab]Buttons[/tab]

\[checkbox\] | [checkbox cbx1 text=(day+"Cbx1 Number")] [checkbox cbx2$ onright on=Y'all off=N event=cbx2]Cbx2 string right[/checkbox] [checkbox cbx3$ size=30 onright on=Y off=N event=cbx2]Cbx2 string right[/checkbox] (size set to 30) [checkbox tri1$ onright off=Zero on=One other=other]Tri-state[/checkbox]
\[buttons\] | [button event=yellow_button class=yellow]Yellow Doit[/button] [button event=std_button]Standard[/button] [button link=http://www.pvxplus.com popup]Popup our site[/button]
\[radio\] | [radio rb1$ value=up size=50%]Up[/radio] [radio rb1$ value=do\wn]Down[/radio] [radio rb1$ value=left size=50%][symbol arrow-left] Left[/radio] [radio rb1$ value=right][symbol arrow-right] Right[/radio]
\[radio rb2$ required\] test for required | [radio rb2 ]rb2=1[/radio] [radio rb2]rb2=2[/radio]

[tab]Inputs[/tab]

\[input strvar$ len=15\] | [input ml1$ len=15 tip="Max 15 characters please" query=scrnlib.en;client_qry event]
\[input strvar$ format=xxxx\] | [input ml2$ format="000000"]
\[input numvar format=xxxxx\] | [input ml2 format="-$###,##0.00" tip="Format -$###,##0.00"] [input ml3 format="##0" tip="3 digits"]

[tab class=lists]Std Lists[/tab]

\[list list1 size=10\]\[data\]...\[/data\]\[/list\] | Select one of the following: [list list1$ size=10 ][data rowsep="/" valsep="="]O'Hara=o'hara/Was/Here[/data][/list]
\[list list2$ file=arcust filter="pos("Aa":name$)=0" \]\[col source=...\]\[/list\] | [list list2$ file=c:\webster\data\arcust filter="pos("aA":name$)=0" event=*return:list2$] [col source=name$][/list]
\[list list3$ size=35/10 file=products\]\[col source=descripton$\]\[/list\] | [list list3$ size=35/10 file=products link="?pg$=dummy&prod=%1" popup] [col][show productcode$] ==> [show description$][/col][/list]

[tab class=lists]ListViews[/tab]

\[list file=c:\webster\data\arcust filter="cust_no$>"004"" \]\[col source=...\]\[/list\] | [list lvue1$ size=35/10 file=c:\webster\data\arcust filter="cust_no$>"004"" event] [col width=10 align=center ttl="Cus NO" source=cust_no$][col width=30 ttl=Name source=name$][/list]
\[list query=scrnlib.en;client_qry\]\[col source=clientid link=... popup\]\[/list\] | [list lvue2$ size=45vw/10 query=scrnlib.en;client_qry link="?tx$=clientmnt&clientid$=%1"] [col source=clientid$ link="?tx$=clientmnt&clientid$=%1" popup][/list]

[tab]Scrolling[/tab]

## This is a test of overflowing a folder

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

[picture url="/images/cats.jpg" size=20x10 event=cats]

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

[/folder]

[button]Accept[/button]

[/form]