FoxInCloud
Differences between 2.31 and 3.0.0 beta 8
Gravatar is a globally recognized avatar based on your email address. Differences between 2.31 and 3.0.0 beta 8
  Michele
  All
  Jan 18, 2022 @ 06:23am

I show here the same form running on different versions of Fic. The first is in 2.31, the second with 3.0.0 beta8

As you can see the labels in 3.0 are not shown near their textbox like in 2.31.... What can i add or modify to have them still in the correct position ?

Thanks

Gravatar is a globally recognized avatar based on your email address. re: Differences between 2.31 and 3.0.0 beta 8
  FoxInCloud Support - Thierry N.
  Michele
  Jan 18, 2022 @ 09:14am

Michele,

Please share the original VFP form screenshot, with all controls selected, and the HTML in both cases.

Gravatar is a globally recognized avatar based on your email address. re: Differences between 2.31 and 3.0.0 beta 8
  Michele
  FoxInCloud Support - Thierry N.
  Jan 19, 2022 @ 06:52am

Hese is the form.. Is the same in two versions of fic....

Here is the html code with fic 3.0

<!-- Generated on 19.01.2022 15:17:11 in 0,58 sec. by FAS version 3.0.0-beta.8 of 17.01.2022 16:17:59 /-->
<div id="_form_impianto_get" class="_form_impianto_get form bootstrap" style="position:relative;">
<span id="_form_impianto_get-waitpic" class="fa fa-2x fa-spinner fa-pulse" aria-hidden="true" style="position:absolute;display:none;"></span>
<div class="row row-_commandbutton1">
<div class="col col-_label5 col-12 col-xl-2 text-start">
<div class="mb-3">
<label for="_form_impianto_get-usr" class="_form_impianto_get-_label5 mb-4" id="_form_impianto_get-_label5">Tecnico</label>
</div>
<div class="mb-3">
<label class="_form_impianto_get-_label2 mb-4" id="_form_impianto_get-_label2">Cliente</label>
</div>
<div class="mb-3">
<label class="_form_impianto_get-_label13 mb-4" id="_form_impianto_get-_label13">Impianto</label>
</div>
</div>
<div class="col col-usr col-12 col-xl-9">
<div class="mb-3 form-group-lg">
<select id="_form_impianto_get-usr" class="_form_impianto_get-usr form-select form-select-lg" tabindex="1" autocomplete="off">
	<option >&nbsp;</option>
	<option value="000">ACUT</option>
	<option value="001">CRISTOFOLINI ALDINO</option>
	<option value="___"> Aggiorna dati..</option>
</select>
</div>
<div class="row row-dcli">
<div class="col col-cli col-12 col-lg-4 text-start">
<div class="mb-3 awBSgrp-cli p001">
<div class="input-group-lg input-group awBSgrp-cli p001">
<input type="text" id="_form_impianto_get-cli" class="_form_impianto_get-cli form-control awBS-IGmember" tabindex="2" maxlength="6" autocomplete="off">
<button type="button" id="_form_impianto_get-cli_f3" class="_form_impianto_get-cli_f3 btF3 btn btn-secondary btn-lg awBS-IGmember"><span class="fa fa-search fa-lg" aria-hidden="true"></span></button>
</div>
</div>
</div>
<div class="col col-dcli col-12 col-lg-8 text-end">
<div class="mb-3 form-group-lg">
<input type="text" id="_form_impianto_get-dcli" class="_form_impianto_get-dcli form-control form-control-lg" disabled autocomplete="off">
</div>
</div>
</div>
<div class="row row-dimp">
<div class="col col-imp col-12 col-lg-4 text-start">
<div class="mb-3 awBSgrp-imp p001">
<div class="input-group-lg input-group awBSgrp-imp p001">
<input type="text" id="_form_impianto_get-imp" class="_form_impianto_get-imp form-control awBS-IGmember" tabindex="3" maxlength="6" autocomplete="off">
<button type="button" id="_form_impianto_get-imp_f3" class="_form_impianto_get-imp_f3 btF3 btn btn-secondary btn-lg awBS-IGmember"><span class="fa fa-search fa-lg" aria-hidden="true"></span></button>
</div>
</div>
</div>
<div class="col col-dimp col-12 col-lg-8 text-end">
<div class="mb-3 form-group-lg">
<input type="text" id="_form_impianto_get-dimp" class="_form_impianto_get-dimp form-control form-control-lg" disabled autocomplete="off">
</div>
</div>
</div>
</div>
<div class="col col-_commandbutton1 col-12 col-xl-1 text-end">
<div class="mb-3 form-group-lg">
<button type="button" id="_form_impianto_get-_commandbutton1" class="_form_impianto_get-_commandbutton1 btn btn-secondary btn-lg"><span class="fa fa-check fa-lg" aria-hidden="true"></span></button>
</div>
</div>
</div>
</div>
<!--/ Generated on 19.01.2022 15:17:11 in 0,58 sec. by FAS version 3.0.0-beta.8 of 17.01.2022 16:17:59 -->

Here is the code in fic 2.31

<!-- Generated on 18.01.2022 15:15:19 in 0,34 sec. by FAS version 2.31.0 of 27.01.2021 10:10:23 /-->
<div id="_form_impianto_get" class="_form_impianto_get form bootstrap" style="position:relative;">
<span id="_form_impianto_get-waitpic" class="fa fa-2x fa-spinner fa-pulse" aria-hidden="true" style="position:absolute;display:none;"></span>
<div class="row row-_commandbutton1">
<div class="col col-usr col-xs-12 col-lg-11">
<div class="form-horizontal awBSgrp-usr p001">
<div class="form-group-lg text-left form-group">
<label for="_form_impianto_get-usr" id="_form_impianto_get-_label5" class="_form_impianto_get-_label5 control-label col-md-2">Tecnico</label>
<div class="col-md-10">
<select id="_form_impianto_get-usr" class="_form_impianto_get-usr form-control" tabindex="1" autocomplete="off">
	<option value=" ">&nbsp;</option>
	<option value="000">ACUT</option>
	<option value="001">MICHELE</option>
	<option value="___"> Aggiorna dati..</option>
</select>
</div>
</div>
</div>
<div class="row row-dcli">
<div class="col col-cli col-xs-12 col-lg-5">
<div class="form-horizontal awBSgrp005 p001">
<div class="form-group-lg text-left form-group">
<label id="_form_impianto_get-_label2" class="_form_impianto_get-_label2 control-label col-sm-5">Cliente</label>
<div class="col-sm-7">
<div class="input-group awBSgrp-cli">
<input type="text" id="_form_impianto_get-cli" class="_form_impianto_get-cli form-control awBS-IGmember" tabindex="2" maxlength="6" autocomplete="off">
<span class="input-group-btn"><button type="button" id="_form_impianto_get-cli_f3" class="_form_impianto_get-cli_f3 btF3 btn btn-default btn-lg awBS-IGmember"><span class="fa fa-search fa-lg" aria-hidden="true"></span></button></span>
</div>
</div>
</div>
</div>
</div>
<div class="col col-dcli col-xs-12 col-md-8 col-lg-7 text-left">
<div class="form-group form-group-lg">
<input type="text" id="_form_impianto_get-dcli" class="_form_impianto_get-dcli form-control input-lg" disabled autocomplete="off">
</div>
</div>
</div>
<div class="row row-dimp">
<div class="col col-imp col-xs-12 col-lg-5">
<div class="form-horizontal awBSgrp004 p001">
<div class="form-group-lg text-left form-group">
<label id="_form_impianto_get-_label13" class="_form_impianto_get-_label13 control-label col-sm-5">Impianto</label>
<div class="col-sm-7">
<div class="input-group awBSgrp-imp">
<input type="text" id="_form_impianto_get-imp" class="_form_impianto_get-imp form-control awBS-IGmember" tabindex="3" maxlength="6" autocomplete="off">
<span class="input-group-btn"><button type="button" id="_form_impianto_get-imp_f3" class="_form_impianto_get-imp_f3 btF3 btn btn-default btn-lg awBS-IGmember"><span class="fa fa-search fa-lg" aria-hidden="true"></span></button></span>
</div>
</div>
</div>
</div>
</div>
<div class="col col-dimp col-xs-12 col-md-8 col-lg-7 text-left">
<div class="form-group form-group-lg">
<input type="text" id="_form_impianto_get-dimp" class="_form_impianto_get-dimp form-control input-lg" disabled autocomplete="off">
</div>
</div>
</div>
</div>
<div class="col col-_commandbutton1 col-xs-12 col-lg-1 text-right">
<div class="form-group form-group-lg">
<button type="button" id="_form_impianto_get-_commandbutton1" class="_form_impianto_get-_commandbutton1 btn btn-default btn-lg"><span class="fa fa-check fa-lg" aria-hidden="true"></span></button>
</div>
</div>
</div>
</div>
<!--/ Generated on 18.01.2022 15:15:19 in 0,34 sec. by FAS version 2.31.0 of 27.01.2021 10:10:23 -->

In the 3.0. version all labels are under the same div and texboxes into another one.... In 2.31 labels and objects on the same row are under the same div.....

This html code is generated by fic....

Gravatar is a globally recognized avatar based on your email address. re: Differences between 2.31 and 3.0.0 beta 8
  FoxInCloud Support - Thierry N.
  Michele
  Jan 22, 2022 @ 02:15am

Ciao Michele,

Difficult to provide an answer without seeing how the controls are laid out on the VFP form.

A rule of thumb to generate lines instead of columns is to have large vertical spacing and narrow horizontal spacing between controls.

© 1996-2024