You're welcome!

FoxInCloud generates HTML/CSS/JS matching VFP forms: you have absolutely no HTML, CSS, or JS to write at all, FiC does all that automatically for you.

If you want to improve your app's look and feel compared to VFP, you can add some additional CSS or JS/jQuery code. Just for fun and/or fancy.

here is a sample HTML/CSS/JS generated from a VFP form (hope it'll come out right)
Attached are the screenshots - VFP and browser

HTML

<!-- Generated on 11/09/13 06:31:02 PM by FoxInCloud version 2.00 beta3 -->
<div id="customers_scx" class="form awfrm ttffrm" tabindex="1">
<img id="customers_scx-waitpic" class="image awimg" src="Images/indicator_remembermilk_orange.gif" alt="indicator_remembermilk_orange" style="display:none;" />
<button id="customers_scx-cmdok" class="commandbutton awcmd ttfcmd" style="display:block;" tabindex="2" type="button" autocomplete="off">Close</button>
<div id="customers_scx-grdcustomer" class="grid awgrd ttfgrd" style="display:block;" tabindex="3">&nbsp;</div>
<div id="customers_scx-pgf" class="pageframe awpgf ttfpgf" style="display:block;" tabindex="4">
<div id="customers_scx-pgf-pagdetails" class="page awpag ttfpag" style="display:block;">
<input id="customers_scx-pgf-pagdetails-txtaddress" class="textbox awtxt ttftxt" style="display:block;" tabindex="4" maxlength="60" type="text" onfocus="this.select();" value="Obere Str. 57" autocomplete="off" />
<label id="customers_scx-pgf-pagdetails-lbladdress" class="label awlbl ttflbl" style="display:block;">Address</label>
<input id="customers_scx-pgf-pagdetails-txtcompany_name" class="textbox awtxt ttftxt" style="display:block;" tabindex="2" maxlength="40" type="text" onfocus="this.select();" value="Alfreds Futterkiste" autocomplete="off" />
<label id="customers_scx-pgf-pagdetails-lblcompany_name" class="label awlbl ttflbl" style="display:block;">Company</label>
<input id="customers_scx-pgf-pagdetails-txtcontact_name" class="textbox awtxt ttftxt" style="display:block;" tabindex="8" maxlength="30" type="text" onfocus="this.select();" value="Maria Anders" autocomplete="off" />
<label id="customers_scx-pgf-pagdetails-lblcontact_name" class="label awlbl ttflbl" style="display:block;">Contact name</label>
<input id="customers_scx-pgf-pagdetails-txtcontact_title" class="textbox awtxt ttftxt" style="display:block;" tabindex="11" maxlength="40" type="text" onfocus="this.select();" value="Sales Representative" autocomplete="off" />
<label id="customers_scx-pgf-pagdetails-lblcontact_title" class="label awlbl ttflbl" style="display:block;">Contact title</label>
<input id="customers_scx-pgf-pagdetails-txtphone" class="textbox awtxt ttftxt" style="display:block;" tabindex="3" maxlength="24" type="text" onfocus="this.select();" value="030-0074321" autocomplete="off" />
<label id="customers_scx-pgf-pagdetails-lblphone" class="label awlbl ttflbl" style="display:block;">Phone</label>
<input id="customers_scx-pgf-pagdetails-txtpostal_code" class="textbox awtxt ttftxt" style="display:block;" tabindex="5" maxlength="10" type="text" onfocus="this.select();" value="12209" autocomplete="off" />
<label id="customers_scx-pgf-pagdetails-lblpostal_code" class="label awlbl ttflbl" style="display:block;">Postal code</label>
<label id="customers_scx-pgf-pagdetails-lblcountry" class="label awlbl ttflbl" style="display:block;">Country</label>
<input id="customers_scx-pgf-pagdetails-txtcity" class="textbox awtxt ttftxt" style="display:block;" tabindex="6" maxlength="15" type="text" onfocus="this.select();" value="Berlin" autocomplete="off" />
<label id="customers_scx-pgf-pagdetails-lblcity" class="label awlbl ttflbl" style="display:block;">City</label>
<input id="customers_scx-pgf-pagdetails-txtmax_order_amt" class="textbox awtxt ttftxt" style="display:block;" tabindex="10" type="text" onfocus="this.select();" value="$ 6,300.00" autocomplete="off" />
<label id="customers_scx-pgf-pagdetails-lblmax_order_amt" class="label awlbl ttflbl" style="display:block;">Max. amt</label>
<input id="customers_scx-pgf-pagdetails-txtmin_order_amt" class="textbox awtxt ttftxt" style="display:block;" tabindex="9" type="text" onfocus="this.select();" value="$ 2,600.00" autocomplete="off" />
<label id="customers_scx-pgf-pagdetails-lblmin_order_amt" class="label awlbl ttflbl" style="display:block;">Min. amt</label>
<button id="customers_scx-pgf-pagdetails-cmdsave" class="commandbutton awcmd ttfcmd" style="display:block;" tabindex="23" disabled="disabled" type="button" autocomplete="off">Save</button>
<button id="customers_scx-pgf-pagdetails-cmdcancel" class="commandbutton awcmd ttfcmd" style="display:block;" tabindex="24" disabled="disabled" type="button" autocomplete="off">Cancel</button>
<label id="customers_scx-pgf-pagdetails-lbldiscount" class="label awlbl ttflbl" style="display:block;">Discount</label>
<div id="customers_scx-pgf-pagdetails-spndiscount" class="spinner awspn ttfspn" style="display:block;" tabindex="12"> <input id="customers_scx-pgf-pagdetails-spndiscount_txt" autocomplete="off" type="text" value="2" /> <button id="customers_scx-pgf-pagdetails-spndiscount_up" type="button"></button> <button id="customers_scx-pgf-pagdetails-spndiscount_down" type="button"></button> </div>
<select id="customers_scx-pgf-pagdetails-cbocountry" class="combobox awcbo ttfcbo" style="display:block;" tabindex="7" size="1" autocomplete="off">
	<option>Argentina| </option>
	<option>Austria| </option>
	<option>Belgium| </option>
	<option>Brazil| </option>
	<option>Canada| </option>
	<option>Denmark| </option>
	<option>Finland| </option>
	<option>France| </option>
	<option selected="selected">Germany| </option>
	<option>Ireland| </option>
	<option>Italy| </option>
	<option>Mexico| </option>
	<option>Norway| </option>
	<option>Poland| </option>
	<option>Portugal| </option>
	<option>Spain| </option>
	<option>Sweden| </option>
	<option>Switzerland| </option>
	<option>UK| </option>
	<option>USA| </option>
	<option>Venezuela| </option>
</select>
</div>

<div id="customers_scx-pgf-pagorders" class="page awpag ttfpag" style="display:block;">
<div id="customers_scx-pgf-pagorders-grdorders" class="grid awgrd ttfgrd" style="display:block;" title="Double click on a line to modify order" tabindex="25">&nbsp;</div>
</div>

<div id="customers_scx-pgf-pagdetails_tab" class="page awpag ttfpag pageTab" active="active" >Details</div>
<div id="customers_scx-pgf-pagorders_tab" class="page awpag ttfpag pageTab" active="" >Orders</div>
</div>

<button id="customers_scx-cmdprint" class="commandbutton awcmd ttfcmd" style="display:block;" tabindex="29" type="button" autocomplete="off">Print</button>
</div>
<!-- / Generated on 11/09/13 06:31:02 PM by FoxInCloud version 2.00 beta3 -->

CSS

/* -- awDefault_3X813OTAT.css [Generated on 11/09/13 06:31:02 PM by FoxInCloud version 2.00 beta3]
This is the standard style sheet generated as of your VFP application's classes and objects
hierarchy.
To get the CSS definitions of all class and objects existing in your application, run
xxx[Test|Prod].css.prg, or start your FoxInCloud server in file mode with the first parameter set
to .T.
In this case, the stylesheet generated is named 'awDefaultAll.css', otherwise 'awDefault<Sys(2015)>.
css' dynamically refreshed.
To make your Web application look and feel different from its VFP 'ancestor', you can simply
override any of these CSS definitions in your application's Style Sheet 'xxx.css' (always loaded
last).
-- */


/* -- General (W3C CSS 2.1 default) -- */
* {padding:0; margin:0;}
img {border:none;}
table {border-spacing:0;}

/* -- Classes as 'Combobox' -- */
.combobox {background:#FFFFFF;border:1px solid #646464;color:#000000;padding:2px 2px;width:94px;height:18px;margin:0;font:normal normal 9pt Arial; text-decoration:none;position:absolute;left:0px;top:0px;}
.awcbo {}
.ttfcbo {}
/* -- / Classes as 'Combobox' -- */

/* -- Classes as 'Commandbutton' -- */
.commandbutton {background:#F0F0F0 no-repeat center;padding-top:0px;color:#000000;width:98px;height:15px;margin:0;font:normal normal 9pt Arial; text-decoration:none;position:absolute;left:0px;top:0px;}
.awcmd {}
.ttfcmd {}
/* -- / Classes as 'Commandbutton' -- */

/* -- Classes as 'Form' -- */
.form {background:#F0F0F0;color:#000000;width:375px;height:250px;margin:0;overflow:hidden;position:relative;}
.awfrm {}
.ttffrm {}
/* -- / Classes as 'Form' -- */

/* -- Classes as 'Image' -- */
.image {border:none;width:100px;height:17px;margin:0;overflow:hidden;position:absolute;left:0px;top:0px;}
.awimg {}
/* -- / Classes as 'Image' -- */

/* -- Classes as 'Label' -- */
.label {text-align:left;background:#FFFFFF;border:none;color:#000000;width:100px;height:17px;margin:0;font:normal normal 9pt Arial; text-decoration:none;position:absolute;left:0px;top:0px;}
.awlbl {}
.ttflbl {}
/* -- / Classes as 'Label' -- */

/* -- Classes as 'Page' -- */
.page {background:#F0F0F0;color:#000000;margin:0;font:normal normal 9pt Arial; text-decoration:none;position:absolute;}
.awpag {}
.ttfpag {}
/* -- / Classes as 'Page' -- */

/* -- Classes as 'Pageframe' -- */
.pageframe {border:1px solid transparent;width:373px;height:248px;margin:0;position:absolute;left:0px;top:0px;}
.awpgf {border:1px solid transparent;}
.ttfpgf {border:1px solid transparent;}
/* -- / Classes as 'Pageframe' -- */

/* -- Classes as 'Spinner' -- */
.spinner {background:#FFFFFF;border:1px solid #646464;color:#000000;padding:2px 2px;width:94px;height:18px;margin:0;font:normal normal 9pt Arial; text-decoration:none;position:absolute;left:0px;top:0px;}
.awspn {}
.ttfspn {}
/* -- / Classes as 'Spinner' -- */

/* -- Classes as 'Textbox' -- */
.textbox {text-align:left;background:#FFFFFF;border:1px solid #646464;color:#000000;padding:2px 2px;width:94px;height:15px;margin:0;font:normal normal 9pt Arial; text-decoration:none;position:absolute;left:0px;top:0px;}
.awtxt {}
.ttftxt {}
/* -- / Classes as 'Textbox' -- */


/* -- Form 'Customers.scx' -- */
/* These CSS directives were updated in production CSS file 'awDefaultAll.css' on 11/09/13 06:31:02 PM */
/* Please note that only form members directives are updated automatically. */
/* As updating class directives requires scanning all forms and objects, you need to (re)run xxxTest|Prod.css.prg */
#customers_scx {background:#FDFEE2;width:621px;height:498px;}
#customers_scx-cmdok {padding-top:0px;cursor:pointer;width:79px;height:25px;left:515px;top:459px;}
#customers_scx-cmdprint {padding-top:0px;width:82px;height:25px;left:23px;top:459px;}
#customers_scx-grdcustomer {background:#FFFFFF;color:#000000;width:576px;height:200px;margin:0;font:normal normal 9pt Arial; text-decoration:none;overflow:auto;position:absolute;left:23px;top:11px;}
#customers_scx-pgf {border:1px solid transparent;width:574px;height:226px;left:23px;top:225px;}
#customers_scx-pgf-pagdetails {border:1px solid #646464;width:574px;height:196px;left:0px;top:30px;}
#customers_scx-pgf-pagdetails-cbocountry {cursor:default;width:156px;height:24px;font-family:'Courier New';left:397px;top:82px;}
#customers_scx-pgf-pagdetails-cmdcancel {background:#F0F0F0;padding-top:0px;color:#6D6D6D;width:49px;height:21px;font-size:8pt;left:503px;top:118px;}
#customers_scx-pgf-pagdetails-cmdsave {background:#F0F0F0;padding-top:0px;color:#6D6D6D;width:49px;height:21px;font-size:8pt;left:503px;top:149px;}
#customers_scx-pgf-pagdetails-lbladdress {text-align:right;background:transparent;width:84px;top:54px;}
#customers_scx-pgf-pagdetails-lblcity {background:transparent;width:21px;left:161px;top:85px;}
#customers_scx-pgf-pagdetails-lblcompany_name {text-align:right;background:transparent;width:84px;top:22px;}
#customers_scx-pgf-pagdetails-lblcontact_name {text-align:right;background:transparent;width:84px;top:119px;}
#customers_scx-pgf-pagdetails-lblcontact_title {text-align:right;background:transparent;width:84px;top:154px;}
#customers_scx-pgf-pagdetails-lblcountry {text-align:right;background:transparent;width:55px;left:336px;top:85px;}
#customers_scx-pgf-pagdetails-lbldiscount {text-align:right;background:transparent;width:59px;left:219px;top:154px;}
#customers_scx-pgf-pagdetails-lblmax_order_amt {text-align:right;background:transparent;width:55px;left:336px;top:152px;}
#customers_scx-pgf-pagdetails-lblmin_order_amt {text-align:right;background:transparent;width:55px;left:336px;top:121px;}
#customers_scx-pgf-pagdetails-lblphone {text-align:right;background:transparent;width:55px;left:336px;top:22px;}
#customers_scx-pgf-pagdetails-lblpostal_code {text-align:right;background:transparent;width:84px;top:85px;}
#customers_scx-pgf-pagdetails-spndiscount {width:44px;left:286px;top:149px;}
#customers_scx-pgf-pagdetails-spndiscount_down {background: url(Images/spndown.gif) no-repeat center center; position:absolute; left:32px; top:11px; width:16px; height:11px;}
#customers_scx-pgf-pagdetails-spndiscount_txt {width:24px; position:absolute; left:1px; top:4px; text-align:right; padding:0; border:none; background-color:inherit; font:normal normal 9pt Arial; text-decoration:none;  color:#000000;}
#customers_scx-pgf-pagdetails-spndiscount_up {background: url(Images/spnup.gif) no-repeat center center; position:absolute; left:32px; top:0; width:16px; height:11px;}
#customers_scx-pgf-pagdetails-txtaddress {width:456px;height:17px;left:92px;top:51px;}
#customers_scx-pgf-pagdetails-txtcity {width:141px;height:17px;left:189px;top:82px;}
#customers_scx-pgf-pagdetails-txtcompany_name {width:238px;height:17px;left:92px;top:19px;}
#customers_scx-pgf-pagdetails-txtcontact_name {width:238px;height:17px;left:92px;top:116px;}
#customers_scx-pgf-pagdetails-txtcontact_title {width:129px;height:17px;left:92px;top:151px;}
#customers_scx-pgf-pagdetails-txtmax_order_amt {text-align:right;width:85px;height:17px;left:397px;top:149px;}
#customers_scx-pgf-pagdetails-txtmin_order_amt {text-align:right;width:86px;height:17px;left:397px;top:118px;}
#customers_scx-pgf-pagdetails-txtphone {width:148px;height:17px;left:397px;top:19px;}
#customers_scx-pgf-pagdetails-txtpostal_code {width:56px;height:17px;left:92px;top:82px;}
#customers_scx-pgf-pagorders {border:1px solid #646464;width:574px;height:196px;left:0px;top:30px;}
#customers_scx-pgf-pagorders-grdorders {background:#FFFFFF;color:#000000;width:552px;height:180px;margin:0;font:normal normal 9pt Arial; text-decoration:none;overflow:auto;position:absolute;left:11px;top:10px;}
#customers_scx-waitpic {background:transparent;width:20px;height:20px;}
#customers_scx-grdcustomer .aw-grid-row {border-bottom:1px solid #000000; padding-bottom:3px;}
#customers_scx-grdcustomer .aw-grid-cell {border-right:1px solid #000000;}
#customers_scx-grdcustomer .aw-rows-selected, #customers_scx-grdcustomer .aw-rows-selected .aw-grid-cell {color:#FFFFFF; background-color:#3399FF!important; }
#customers_scx-pgf-pagorders-grdorders .aw-grid-row {border-bottom:1px solid #000000; padding-bottom:3px;}
#customers_scx-pgf-pagorders-grdorders .aw-grid-cell {border-right:1px solid #000000;}
#customers_scx-pgf-pagorders-grdorders .aw-rows-selected, #customers_scx-pgf-pagorders-grdorders .aw-rows-selected .aw-grid-cell {color:#FFFFFF; background-color:#3399FF!important; }
#customers_scx-pgf-pagdetails_tab {position:absolute; text-align:center; left:0px; top:0px; width:286px; height:22px; padding-top:8px; border:solid #646464; border-width:1px 1px 0; background-color:#F0F0F0; color:#000000; font:normal normal 9pt Arial; text-decoration:none;  cursor:default;}
#customers_scx-pgf-pagorders_tab {position:absolute; text-align:center; left:288px; top:2px; width:286px; height:20px; padding-top:7px; border:solid #646464; border-width:1px 1px 0; background-color:#F0F0F0; color:#000000; font:normal normal 9pt Arial; text-decoration:none;  cursor:pointer;}
#customers_scx-pgf *[disabled="disabled"], #customers_scx-pgf *[disabled="disabled"] * {color:grey;}
/* -- / Form 'Customers.scx' -- */

JS

/* Generated on 11/09/13 06:31:02 PM by FoxInCloud version 2.00 beta3 -- */
$('customers_scx-cmdok').observe('click', FoxInCloud.DOMEvent.bind(FoxInCloud));
(function(){var oGrid = $('customers_scx-grdcustomer'); Object.extend(oGrid, {oGrid: new AW.UI.Grid, oTable: new AW.XML.Table}); oGrid.oGrid.defineControlProperty('DataUpdate', false);  var oTable = oGrid.oTable; with (oGrid.oGrid){ setSelectorWidth(10); getSelectorTemplate().setStyle('font-weight','bold'); setRowCount(92); setSelectionMode('single-row'); setStyle('background-color','#FFFFFF'); setColumnCount(8); setControlDisabled(false); setStyle('font-family','Arial'); setStyle('font-size','9pt'); setStyle('color','#000000'); setHeaderHeight(19); setSize(undefined,200); setSelectorVisible(true); setRowHeight(19); setScrollBars('both'); setSize(576,undefined); setColumnIndices([0,1,2,7,4,3,5,6]); with (getCellTemplate()){ setStyle('cursor','inherit'); } setColumnResizable(true,0); setColumnWidth(117+1,0); setHeaderText('company',0); with (getHeaderTemplate(0)){ setStyle('text-align','left'); setStyle('background-color','#F0F0F0'); setStyle('font-family','Arial'); setStyle('font-size','9pt'); setClass('text','normal'); } setCellEditable(true,0); with (getCellTemplate(0)){ setStyle('text-align','left'); setStyle('font-weight','bold'); } setColumnResizable(true,1); setColumnWidth(104+1,1); setHeaderText('contact',1); with (getHeaderTemplate(1)){ setStyle('text-align','left'); setStyle('background-color','#F0F0F0'); setStyle('font-family','Arial'); setStyle('font-size','9pt'); setClass('text','normal'); } setCellEditable(true,1); with (getCellTemplate(1)){ setStyle('text-align','left'); setStyle('background-color','#408080'); setStyle('color','#FFFFFF'); } setColumnResizable(true,2); setColumnWidth(98+1,2); setHeaderText('contact title',2); with (getHeaderTemplate(2)){ setStyle('text-align','left'); setStyle('background-color','#F0F0F0'); setStyle('font-family','Arial'); setStyle('font-size','9pt'); setClass('text','normal'); } setCellEditable(true,2); with (getCellTemplate(2)){ setStyle('text-align','left'); } setColumnResizable(true,3); setColumnWidth(109+1,3); setHeaderText('address',3); with (getHeaderTemplate(3)){ setStyle('text-align','left'); setStyle('background-color','#F0F0F0'); setStyle('font-family','Arial'); setStyle('font-size','9pt'); setClass('text','normal'); } setCellEditable(true,3); with (getCellTemplate(3)){ setStyle('text-align','left'); } setColumnResizable(true,4); setColumnWidth(67+1,4); setHeaderText('city',4); with (getHeaderTemplate(4)){ setStyle('text-align','left'); setStyle('background-color','#F0F0F0'); setStyle('font-family','Arial'); setStyle('font-size','9pt'); setClass('text','normal'); } setCellEditable(true,4); with (getCellTemplate(4)){ setStyle('text-align','left'); } setColumnResizable(true,5); setColumnWidth(83+1,5); setHeaderText('postal code',5); with (getHeaderTemplate(5)){ setStyle('text-align','left'); setStyle('background-color','#F0F0F0'); setStyle('font-family','Arial'); setStyle('font-size','9pt'); setClass('text','normal'); } setCellEditable(true,5); with (getCellTemplate(5)){ setStyle('text-align','left'); } setColumnResizable(true,6); setColumnWidth(65+1,6); setHeaderText('country',6); with (getHeaderTemplate(6)){ setStyle('text-align','left'); setStyle('background-color','#F0F0F0'); setStyle('font-family','Arial'); setStyle('font-size','9pt'); setClass('text','normal'); } setCellEditable(true,6); with (getCellTemplate(6)){ setStyle('text-align','left'); } setColumnResizable(true,7); setColumnWidth(89+1,7); setHeaderText('phone',7); with (getHeaderTemplate(7)){ setStyle('text-align','left'); setStyle('background-color','#F0F0F0'); setStyle('font-family','Arial'); setStyle('font-size','9pt'); setClass('text','normal'); } setCellEditable(true,7); with (getCellTemplate(7)){ setStyle('text-align','left'); } var f1 = function(row,val){return this.getCellTemplate(4,row).setStyle('background-color',val);}.bind(oGrid.oGrid); f1(0,'#80FFFF'); f1(1,'inherit'); f1(2,'inherit'); f1(3,'#80FFFF'); f1(4,'inherit'); f1(5,'#80FFFF'); f1(6,'inherit'); f1(7,'inherit'); f1(8,'#80FFFF'); f1(9,'inherit'); f1(10,'#80FFFF'); f1(11,'inherit'); f1(12,'inherit'); f1(13,'inherit'); f1(14,'inherit'); f1(15,'#80FFFF'); f1(16,'#80FFFF'); f1(17,'#80FFFF'); f1(18,'#80FFFF'); f1(19,'inherit'); f1(20,'inherit'); f1(21,'inherit'); f1(22,'#80FFFF'); f1(23,'inherit'); f1(24,'#80FFFF'); f1(25,'#80FFFF'); f1(26,'inherit'); f1(27,'inherit'); f1(28,'inherit'); f1(29,'inherit'); f1(30,'inherit'); f1(31,'inherit'); f1(32,'inherit'); f1(33,'inherit'); f1(34,'inherit'); f1(35,'inherit'); f1(36,'inherit'); f1(37,'#80FFFF'); f1(38,'#80FFFF'); f1(39,'#80FFFF'); f1(40,'#80FFFF'); f1(41,'inherit'); f1(42,'inherit'); f1(43,'#80FFFF'); f1(44,'inherit'); f1(45,'inherit'); f1(46,'inherit'); f1(47,'inherit'); f1(48,'inherit'); f1(49,'inherit'); f1(50,'inherit'); f1(51,'#80FFFF'); f1(52,'#80FFFF'); f1(53,'inherit'); f1(54,'inherit'); f1(55,'#80FFFF'); f1(56,'#80FFFF'); f1(57,'inherit'); f1(58,'inherit'); f1(59,'inherit'); f1(60,'inherit'); f1(61,'inherit'); f1(62,'#80FFFF'); f1(63,'inherit'); f1(64,'inherit'); f1(65,'inherit'); f1(66,'inherit'); f1(67,'inherit'); f1(68,'inherit'); f1(69,'inherit'); f1(70,'inherit'); f1(71,'#80FFFF'); f1(72,'inherit'); f1(73,'#80FFFF'); f1(74,'inherit'); f1(75,'inherit'); f1(76,'inherit'); f1(77,'inherit'); f1(78,'#80FFFF'); f1(79,'inherit'); f1(80,'inherit'); f1(81,'inherit'); f1(82,'inherit'); f1(83,'#80FFFF'); f1(84,'#80FFFF'); f1(85,'#80FFFF'); f1(86,'inherit'); f1(87,'inherit'); f1(88,'inherit'); f1(89,'inherit'); f1(90,'inherit'); f1(91,'inherit');  setCellModel(oTable); setVirtualMode(false); with(oTable){ setURL("Temp/customers_scx-grdcustomer.xml"); setAsync(false); request(); }  } oGrid.oGrid.setCellModel(oGrid.oTable); oGrid.update(oGrid.oGrid); oGrid = oGrid.oGrid; with (oGrid) { defineRowProperty('Clicked', false); oGrid.onRowMouseDown = function(event, row){this.setRowClicked(true, row)}; oGrid.onRowMouseUp = function(event, row){this.setRowClicked(false, row)}; oGrid.onCurrentRowChanged = function(row){ var value = this.getRowProperty('tuRow', row); if (!(this.disabled || value === null)){ if (!this.getRowClicked(row) && FoxInCloud.gridRowChangeDelay > 0){ if (this.nTO) window.clearTimeout(this.nTO); this.nTO = FoxInCloud.gridMethod.bind(FoxInCloud).delay(FoxInCloud.gridRowChangeDelay, 'wAfterRowChange', $('customers_scx-grdcustomer'), value); } else FoxInCloud.gridMethod('wAfterRowChange', $('customers_scx-grdcustomer'), value); } this.setRowClicked(false, row); }; oGrid.onKeyBackspace = function(event){ Event.extend(event).stop(); }; oGrid.defineRowProperty('tuRow', null); var srp = oGrid.setRowProperty.bind(oGrid); srp('tuRow','ALFKI',0); srp('tuRow','ANATR',1); srp('tuRow','ANTON',2); srp('tuRow','AROUT',3); srp('tuRow','BERGS',4); srp('tuRow','BLAUS',5); srp('tuRow','BLONP',6); srp('tuRow','BOLID',7); srp('tuRow','BONAP',8); srp('tuRow','BOTTM',9); srp('tuRow','BSBEV',10); srp('tuRow','CACTU',11); srp('tuRow','CENTC',12); srp('tuRow','CHOPS',13); srp('tuRow','COMMI',14); srp('tuRow','CONSH',15); srp('tuRow','DRACD',16); srp('tuRow','DUMON',17); srp('tuRow','EASTC',18); srp('tuRow','ERNSH',19); srp('tuRow','FAMIA',20); srp('tuRow','FISSA',21); srp('tuRow','FOLIG',22); srp('tuRow','FOLKO',23); srp('tuRow','FRANK',24); srp('tuRow','FRANR',25); srp('tuRow','FRANS',26); srp('tuRow','FURIB',27); srp('tuRow','GALED',28); srp('tuRow','GODOS',29); srp('tuRow','GOURL',30); srp('tuRow','GREAL',31); srp('tuRow','GROSR',32); srp('tuRow','HANAR',33); srp('tuRow','HILAA',34); srp('tuRow','HUNGC',35); srp('tuRow','HUNGO',36); srp('tuRow','ISLAT',37); srp('tuRow','KOENE',38); srp('tuRow','LACOR',39); srp('tuRow','LAMAI',40); srp('tuRow','LAUGB',41); srp('tuRow','LAZYK',42); srp('tuRow','LEHMS',43); srp('tuRow','LETSS',44); srp('tuRow','LILAS',45); srp('tuRow','LINOD',46); srp('tuRow','LONEP',47); srp('tuRow','MAGAA',48); srp('tuRow','MAISD',49); srp('tuRow','MEREP',50); srp('tuRow','MORGK',51); srp('tuRow','NORTS',52); srp('tuRow','OCEAN',53); srp('tuRow','OLDWO',54); srp('tuRow','OTTIK',55); srp('tuRow','PARIS',56); srp('tuRow','PERIC',57); srp('tuRow','PICCO',58); srp('tuRow','PRINI',59); srp('tuRow','QUEDE',60); srp('tuRow','QUEEN',61); srp('tuRow','QUICK',62); srp('tuRow','RANCH',63); srp('tuRow','RATTC',64); srp('tuRow','REGGC',65); srp('tuRow','RICAR',66); srp('tuRow','RICSU',67); srp('tuRow','ROMEY',68); srp('tuRow','SANTG',69); srp('tuRow','SAVEA',70); srp('tuRow','SEVES',71); srp('tuRow','SIMOB',72); srp('tuRow','SPECD',73); srp('tuRow','SPLIR',74); srp('tuRow','SUPRD',75); srp('tuRow','THEBI',76); srp('tuRow','THECR',77); srp('tuRow','TOMSP',78); srp('tuRow','TORTU',79); srp('tuRow','TRADH',80); srp('tuRow','TRAIH',81); srp('tuRow','VAFFE',82); srp('tuRow','VICTE',83); srp('tuRow','VINET',84); srp('tuRow','WANDK',85); srp('tuRow','WARTH',86); srp('tuRow','WELLI',87); srp('tuRow','WHITC',88); srp('tuRow','WILMK',89); srp('tuRow','WOLZA',90); srp('tuRow','UNCLE',91); srp = null; oGrid.disabled = true; oGrid.setSelectedRows([-1]); oGrid.setSelectedRows([0]); oGrid.setCurrentRow(0); oGrid.disabled = false; }})();
$('customers_scx-pgf-pagdetails-txtaddress').observe('blur', FoxInCloud.DOMEvent.bind(FoxInCloud));
$('customers_scx-pgf-pagdetails-txtcompany_name').observe('blur', FoxInCloud.DOMEvent.bind(FoxInCloud));
$('customers_scx-pgf-pagdetails-txtcontact_name').observe('blur', FoxInCloud.DOMEvent.bind(FoxInCloud));
$('customers_scx-pgf-pagdetails-txtcontact_title').observe('blur', FoxInCloud.DOMEvent.bind(FoxInCloud));
$('customers_scx-pgf-pagdetails-txtphone').observe('blur', FoxInCloud.DOMEvent.bind(FoxInCloud));
$('customers_scx-pgf-pagdetails-txtpostal_code').observe('blur', FoxInCloud.DOMEvent.bind(FoxInCloud));
$('customers_scx-pgf-pagdetails-txtcity').observe('blur', FoxInCloud.DOMEvent.bind(FoxInCloud));
$('customers_scx-pgf-pagdetails-txtmax_order_amt').observe('blur', FoxInCloud.DOMEvent.bind(FoxInCloud));
$('customers_scx-pgf-pagdetails-txtmin_order_amt').observe('blur', FoxInCloud.DOMEvent.bind(FoxInCloud));
$('customers_scx-pgf-pagdetails-cmdsave').observe('click', FoxInCloud.DOMEvent.bind(FoxInCloud));
$('customers_scx-pgf-pagdetails-cmdsave').disabled=true;
$('customers_scx-pgf-pagdetails-cmdcancel').observe('click', FoxInCloud.DOMEvent.bind(FoxInCloud));
$('customers_scx-pgf-pagdetails-cmdcancel').disabled=true;
$('customers_scx-pgf-pagdetails-spndiscount_txt').observe('blur', FoxInCloud.DOMEvent.bind(FoxInCloud));
FoxInCloud.spnMake('customers_scx-pgf-pagdetails-spndiscount', 1, 40, 0, false, false, false, false);
$('customers_scx-pgf-pagdetails-cbocountry').observe('change', FoxInCloud.DOMEvent.bind(FoxInCloud));
(function(){var oGrid = $('customers_scx-pgf-pagorders-grdorders'); Object.extend(oGrid, {oGrid: new AW.UI.Grid, oTable: new AW.XML.Table}); oGrid.oGrid.defineControlProperty('DataUpdate', false);  var oTable = oGrid.oTable; with (oGrid.oGrid){ setSelectorWidth(10); getSelectorTemplate().setStyle('font-weight','bold'); setRowCount(6); setSelectionMode('single-row'); setStyle('background-color','#FFFFFF'); setColumnCount(12); setControlDisabled(false); setStyle('font-family','Arial'); setStyle('font-size','9pt'); setStyle('color','#000000'); setHeaderHeight(19); setSize(undefined,180); setSelectorVisible(true); setRowHeight(19); setScrollBars('both'); setSize(552,undefined); setColumnIndices([0,1,2,3,4,5,6,7,8,9,10,11]); with (getCellTemplate()){ setStyle('cursor','inherit'); } setColumnResizable(true,0); setCellTooltip('',0); setColumnWidth(83+1,0); setHeaderText('number',0); with (getHeaderTemplate(0)){ setStyle('text-align','left'); setStyle('background-color','#F0F0F0'); setStyle('font-family','Arial'); setStyle('font-size','9pt'); setClass('text','normal'); } setCellEditable(true,0); with (getCellTemplate(0)){ setStyle('text-align','left'); setStyle('color','#808080'); } setColumnResizable(true,1); setCellTooltip('',1); setColumnWidth(75+1,1); setHeaderText('date',1); with (getHeaderTemplate(1)){ setStyle('text-align','left'); setStyle('background-color','#F0F0F0'); setStyle('font-family','Arial'); setStyle('font-size','9pt'); setClass('text','normal'); } var fmt = new AW.Formats.DateVFP; fmt.setDataFormat('ISO8601'); fmt.setTextTimezone(0); fmt.setTextFormat('mm/dd/yy'); setCellFormat(fmt, 1); setCellEditable(true,1); with (getCellTemplate(1)){ setStyle('text-align','right'); } setColumnResizable(true,2); setCellTooltip('',2); setColumnWidth(120+1,2); setHeaderText('ship to',2); with (getHeaderTemplate(2)){ setStyle('text-align','left'); setStyle('background-color','#F0F0F0'); setStyle('font-family','Arial'); setStyle('font-size','9pt'); setClass('text','normal'); } setCellEditable(true,2); with (getCellTemplate(2)){ setStyle('text-align','left'); } setColumnResizable(true,3); setCellTooltip('',3); setColumnWidth(107+1,3); setHeaderText('address',3); with (getHeaderTemplate(3)){ setStyle('text-align','left'); setStyle('background-color','#F0F0F0'); setStyle('font-family','Arial'); setStyle('font-size','9pt'); setClass('text','normal'); } setCellEditable(true,3); with (getCellTemplate(3)){ setStyle('text-align','left'); } setColumnResizable(true,4); setCellTooltip('',4); setColumnWidth(75+1,4); setHeaderText('city',4); with (getHeaderTemplate(4)){ setStyle('text-align','left'); setStyle('background-color','#F0F0F0'); setStyle('font-family','Arial'); setStyle('font-size','9pt'); setClass('text','normal'); } setCellEditable(true,4); with (getCellTemplate(4)){ setStyle('text-align','left'); } setColumnResizable(true,5); setCellTooltip('',5); setColumnWidth(75+1,5); setHeaderText('region',5); with (getHeaderTemplate(5)){ setStyle('text-align','left'); setStyle('background-color','#F0F0F0'); setStyle('font-family','Arial'); setStyle('font-size','9pt'); setClass('text','normal'); } setCellEditable(true,5); with (getCellTemplate(5)){ setStyle('text-align','left'); } setColumnResizable(true,6); setCellTooltip('',6); setColumnWidth(75+1,6); setHeaderText('postal code',6); with (getHeaderTemplate(6)){ setStyle('text-align','left'); setStyle('background-color','#F0F0F0'); setStyle('font-family','Arial'); setStyle('font-size','9pt'); setClass('text','normal'); } setCellEditable(true,6); with (getCellTemplate(6)){ setStyle('text-align','left'); } setColumnResizable(true,7); setCellTooltip('',7); setColumnWidth(75+1,7); setHeaderText('country',7); with (getHeaderTemplate(7)){ setStyle('text-align','left'); setStyle('background-color','#F0F0F0'); setStyle('font-family','Arial'); setStyle('font-size','9pt'); setClass('text','normal'); } setCellEditable(true,7); with (getCellTemplate(7)){ setStyle('text-align','left'); } setColumnResizable(true,8); setCellTooltip('',8); setColumnWidth(75+1,8); setHeaderText('discount',8); with (getHeaderTemplate(8)){ setStyle('text-align','left'); setStyle('background-color','#F0F0F0'); setStyle('font-family','Arial'); setStyle('font-size','9pt'); setClass('text','normal'); } var fmt = new AW.Formats.Number; fmt.setTextFormat('###'); setCellFormat(fmt, 8); setCellEditable(true,8); with (getCellTemplate(8)){ setStyle('text-align','right'); } setColumnResizable(true,9); setCellTooltip('',9); setColumnWidth(75+1,9); setHeaderText('freight',9); with (getHeaderTemplate(9)){ setStyle('text-align','left'); setStyle('background-color','#F0F0F0'); setStyle('font-family','Arial'); setStyle('font-size','9pt'); setClass('text','normal'); } var fmt = new AW.Formats.Number; fmt.setTextFormat('$#,###.##'); setCellFormat(fmt, 9); setCellEditable(true,9); with (getCellTemplate(9)){ setStyle('text-align','right'); } setColumnResizable(true,10); setCellTooltip('',10); setColumnWidth(75+1,10); setHeaderText('paid',10); with (getHeaderTemplate(10)){ setStyle('text-align','left'); setStyle('background-color','#F0F0F0'); setStyle('font-family','Arial'); setStyle('font-size','9pt'); setClass('text','normal'); } setCellEditable(true,10); with (getCellTemplate(10)){ setStyle('text-align','left'); } setColumnResizable(true,11); setCellTooltip('',11); setColumnWidth(75+1,11); setHeaderText('deliver by',11); with (getHeaderTemplate(11)){ setStyle('text-align','left'); setStyle('background-color','#F0F0F0'); setStyle('font-family','Arial'); setStyle('font-size','9pt'); setClass('text','normal'); } var fmt = new AW.Formats.DateVFP; fmt.setDataFormat('ISO8601'); fmt.setTextTimezone(0); fmt.setTextFormat('mm/dd/yy'); setCellFormat(fmt, 11); setCellEditable(true,11); with (getCellTemplate(11)){ setStyle('text-align','right'); } setCellModel(oTable); setVirtualMode(false); with(oTable){ setURL("Temp/customers_scx-pgf-pagorders-grdorders.xml"); setAsync(false); request(); }  } oGrid.oGrid.setCellModel(oGrid.oTable); oGrid.update(oGrid.oGrid); oGrid = oGrid.oGrid; with (oGrid) { oGrid.onRowDoubleClicked = function(event, row){FoxInCloud.gridEvent(event, $('customers_scx-pgf-pagorders-grdorders'), this.getRowProperty('tuRow', row));}; defineRowProperty('Clicked', false); oGrid.onRowMouseDown = function(event, row){this.setRowClicked(true, row)}; oGrid.onRowMouseUp = function(event, row){this.setRowClicked(false, row)}; oGrid.onCurrentRowChanged = function(row){ var value = this.getRowProperty('tuRow', row); if (!(this.disabled || value === null)){ if (!this.getRowClicked(row) && FoxInCloud.gridRowChangeDelay > 0){ if (this.nTO) window.clearTimeout(this.nTO); this.nTO = FoxInCloud.gridMethod.bind(FoxInCloud).delay(FoxInCloud.gridRowChangeDelay, 'wAfterRowChange', $('customers_scx-pgf-pagorders-grdorders'), value); } else FoxInCloud.gridMethod('wAfterRowChange', $('customers_scx-pgf-pagorders-grdorders'), value); } this.setRowClicked(false, row); }; oGrid.onKeyBackspace = function(event){ Event.extend(event).stop(); }; oGrid.defineRowProperty('tuRow', null); var srp = oGrid.setRowProperty.bind(oGrid); srp('tuRow','    63',0); srp('tuRow','   644',1); srp('tuRow','   693',2); srp('tuRow','   703',3); srp('tuRow','   836',4); srp('tuRow','   953',5); srp = null; oGrid.disabled = true; oGrid.setSelectedRows([-1]); oGrid.setSelectedRows([0]); oGrid.setCurrentRow(0); oGrid.disabled = false; }})();
$('customers_scx-pgf-pagdetails').lActivateSend=true;
$('customers_scx-pgf-pagorders').lActivateSend=true;
FoxInCloud.pgfMake('customers_scx-pgf', 'customers_scx-pgf-pagdetails', false, []);
$('customers_scx-cmdprint').observe('click', FoxInCloud.DOMEvent.bind(FoxInCloud));
FoxInCloud.documentInit('customers_scx');
$('customers_scx-pgf').pageActivate('customers_scx-pgf-pagdetails');
/* -- / Generated on 11/09/13 06:31:02 PM by FoxInCloud version 2.00 beta3 */

>Thierry,
>PMFJI, but do I undestand that when using FoxInCloud the developer has to rewrite/convert all VFP forms to HTML pages?
>
>>FoxInCloud is a VFP + JS software layer that enables VFP applications to run the same code on a desktop or a web server with a browser-based GUI (using HTML+CSS+JS+AJAX)