FoxInCloud
Managing class from fox
Gravatar is a globally recognized avatar based on your email address. Managing class from fox
  Michele
  All
  Mar 27, 2020 @ 10:58am

In this image

there is a form and i need to modify the size of the textbox (marked as A) Its html code (marked as B) shows that i inserted in class "col-sm-4" But the size is influenced from the code (marked as C), but i don't know how to modify that code. It is generated by foxincloud and it doesn't refer to a specific object in my foxpro form

How can i do it ?

Thanks

Gravatar is a globally recognized avatar based on your email address. re: Managing class from fox
  FoxInCloud Support - Thierry N.
  Michele
  Mar 27, 2020 @ 11:10am

Ciao Michele,

Please always post the HTML code; we can't work on a code screenshot.

Usually, to modify the rendered size, you need to make the increase the width in BS mode:

procedure textbox.init
…
if thisForm.wBSlHTMLgen
  this.width = this.width * 1.5
endif
…
return dodefault()

You can also play with .wBSwidth

Gravatar is a globally recognized avatar based on your email address. re: Managing class from fox
  Michele
  FoxInCloud Support - Thierry N.
  Mar 31, 2020 @ 07:58am

Herse is the full html code

<!-- Generated on 31.03.2020 16:35:55 in 1,9 sec. by FAS version 2.30.0-beta.7 of 21.01.2020 16:44:36 /-->
<div id="_form_evento_tgenerica" class="_form_evento_tgenerica form bootstrap" style="position:relative;">
<span id="_form_evento_tgenerica-waitpic" class="fa fa-2x fa-spinner fa-pulse" aria-hidden="true" style="position:absolute;display:none;"></span>
<div id="_form_evento_tgenerica-comandi" class="_form_evento_tgenerica-comandi">
<div class="form-group awBSgrp-_commandbutton_close1 p001">
<div class="btn-group awBSgrp-_commandbutton_close1 p001">
<button type="button" id="_form_evento_tgenerica-comandi-_commandbutton_close1" class="_form_evento_tgenerica-comandi-_commandbutton_close1 btn btn-default" title="torna a finestra precedente" tabindex="19"><span class="fa fa-home fa-2x" aria-hidden="true"></span></button>
<button type="button" id="_form_evento_tgenerica-comandi-_commandbutton2" class="_form_evento_tgenerica-comandi-_commandbutton2 btn btn-default"><span class="fa fa-pencil fa-2x" aria-hidden="true"></span></button>
<button type="button" id="_form_evento_tgenerica-comandi-_commandbutton5" class="_form_evento_tgenerica-comandi-_commandbutton5 btn btn-default"><span class="fa fa-floppy-o fa-2x" aria-hidden="true"></span></button>
<button type="button" id="_form_evento_tgenerica-comandi-_commandbutton1" class="_form_evento_tgenerica-comandi-_commandbutton1 btn btn-default"><span class="fa fa-times fa-2x" aria-hidden="true"></span></button>
<button type="button" id="_form_evento_tgenerica-comandi-_commandbutton6" class="_form_evento_tgenerica-comandi-_commandbutton6 btn btn-default"><span class="fa fa-user fa-2x" aria-hidden="true"></span></button>
<button type="button" id="_form_evento_tgenerica-comandi-_commandbutton4" class="_form_evento_tgenerica-comandi-_commandbutton4 btn btn-default"><span class="fa fa-check fa-2x" aria-hidden="true"></span></button>
<button type="button" id="_form_evento_tgenerica-comandi-_commandbutton3" class="_form_evento_tgenerica-comandi-_commandbutton3 btn btn-default"><span class="fa fa-check fa-2x" aria-hidden="true"></span></button>
<button type="button" id="_form_evento_tgenerica-comandi-_commandbutton7" class="_form_evento_tgenerica-comandi-_commandbutton7 btn btn-default" title="Recapiti anagrafica"><span class="fa fa-phone fa-2x" aria-hidden="true"></span></button>
</div>
</div>
</div>
<div class="row row-fl1">
<div class="col col-ide col-xs-12 col-lg-8">
<div class="form-horizontal awBSgrp012 p001">
<div class="form-group-lg text-left form-group">
<label for="_form_evento_tgenerica-ide" id="_form_evento_tgenerica-_label1" class="_form_evento_tgenerica-_label1 control-label col-md-2">ID</label>
<div class="col-md-10">
<div class="form-inline awBSgrp-ide">
<input type="text" id="_form_evento_tgenerica-ide" class="_form_evento_tgenerica-ide form-control input-lg awBS-NGmember" tabindex="1" disabled autocomplete="off" placeholder="ID"><div class="awBS-NGmember-wrapper _form_evento_tgenerica-tde-wrapper"><input type="text" id="_form_evento_tgenerica-tde" class="_form_evento_tgenerica-tde form-control input-lg awBS-NGmember" tabindex="2" disabled autocomplete="off"></div><div class="awBS-NGmember-wrapper _form_evento_tgenerica-data-wrapper"><input type="text" id="_form_evento_tgenerica-data" class="_form_evento_tgenerica-data form-control input-lg awBS-NGmember" tabindex="5" disabled autocomplete="off"></div><div class="awBS-NGmember-wrapper _form_evento_tgenerica-ora-wrapper"><input type="text" id="_form_evento_tgenerica-ora" class="_form_evento_tgenerica-ora form-control input-lg awBS-NGmember" tabindex="6" disabled autocomplete="off"></div></div>
</div>
</div>
</div>
</div>
<div class="col col-fl1 col-xs-7 col-sm-4 col-md-2 col-lg-offset-1 text-left">
<div class="form-group">
<div class="checkbox" id="_form_evento_tgenerica-fl1_div"><label for="_form_evento_tgenerica-fl1" id="_form_evento_tgenerica-fl1_lbl" class="_form_evento_tgenerica-fl1 standard ChkOptLabel" disabled><input type="checkbox" id="_form_evento_tgenerica-fl1" class="_form_evento_tgenerica-fl1 standard" tabindex="3" disabled size="2" autocomplete="off">&nbsp;&nbsp;EVASO</label></div>
</div>
</div>
</div>
<div class="form-horizontal awBSgrp-usr p003">
<div class="form-group-lg text-left form-group">
<label for="_form_evento_tgenerica-usr" id="_form_evento_tgenerica-_label2" class="_form_evento_tgenerica-_label2 control-label col-lg-2">Operatore</label>
<div class="col-lg-7">
<select id="_form_evento_tgenerica-usr" class="_form_evento_tgenerica-usr form-control" tabindex="4" disabled autocomplete="off">
	<option value=" ">&nbsp;</option>
	<option value="000">ACUT</option>
	<option value="001">MICHELE</option>
</select>
</div>
</div>
</div>
<div class="row row-lri">
<div class="col col-cat col-xs-12 col-lg-8">
<div class="form-horizontal awBSgrp-cat p001">
<div class="form-group-lg text-left form-group">
<label for="_form_evento_tgenerica-cat" id="_form_evento_tgenerica-_label3" class="_form_evento_tgenerica-_label3 control-label col-md-2">Categoria</label>
<div class="col-md-10">
<select id="_form_evento_tgenerica-cat" class="_form_evento_tgenerica-cat form-control" tabindex="7" disabled autocomplete="off">
	<option value=" ">&nbsp;</option>
	<option value="001">ASSISTENZA</option>
	<option value="002">AMMINISTRAZIONE</option>
</select>
</div>
</div>
</div>
</div>
<div class="col col-lri col-xs-12 col-sm-9 col-md-6 col-lg-4 text-left">
<div class="form-group">
<div class="checkbox" id="_form_evento_tgenerica-lri_div"><label for="_form_evento_tgenerica-lri" id="_form_evento_tgenerica-lri_lbl" class="_form_evento_tgenerica-lri standard ChkOptLabel"><input type="checkbox" id="_form_evento_tgenerica-lri" class="_form_evento_tgenerica-lri standard" tabindex="8" size="2" autocomplete="off">&nbsp;&nbsp;Richiesta Intervento</label></div>
</div>
</div>
</div>
<div class="row row-dcli">
<div class="col col-cli col-xs-12 col-lg-5">
<div class="form-horizontal awBSgrp013 p001">
<div class="form-group-lg text-left form-group">
<label id="_form_evento_tgenerica-_label4" class="_form_evento_tgenerica-_label4 col-sm-3 col-lg-5 col-md-2 control-label col-sm-5">Contatto</label>
<div class="col-sm-7">
<div class="input-group awBSgrp-cli">
<input type="text" id="_form_evento_tgenerica-cli" class="_form_evento_tgenerica-cli col-sm-4 form-control awBS-IGmember" tabindex="9" disabled maxlength="6" autocomplete="off">
<span class="input-group-btn"><button type="button" id="_form_evento_tgenerica-_commandbutton_f33" class="_form_evento_tgenerica-_commandbutton_f33 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-lg-7 text-right">
<div class="form-group form-group-lg">
<input type="text" id="_form_evento_tgenerica-dcli" class="_form_evento_tgenerica-dcli form-control input-lg" disabled autocomplete="off">
</div>
</div>
</div>
<div class="form-horizontal awBSgrp-ope p006">
<div class="form-group-lg text-left form-group">
<label for="_form_evento_tgenerica-ope" id="_form_evento_tgenerica-_label5" class="_form_evento_tgenerica-_label5 control-label col-lg-2">Utente</label>
<div class="col-lg-10">
<input type="text" id="_form_evento_tgenerica-ope" class="_form_evento_tgenerica-ope form-control input-lg" tabindex="10" disabled autocomplete="off" placeholder="Utente">
</div>
</div>
</div>
<div class="row row-dcom">
<div class="col col-com col-xs-12 col-lg-5">
<div class="form-horizontal awBSgrp014 p001">
<div class="form-group-lg text-left form-group">
<label id="_form_evento_tgenerica-_label9" class="_form_evento_tgenerica-_label9 col-lg-5 col-sm-3 col-md-2 control-label col-sm-5">Commessa</label>
<div class="col-sm-7">
<div class="input-group awBSgrp-com">
<input type="text" id="_form_evento_tgenerica-com" class="_form_evento_tgenerica-com form-control awBS-IGmember" tabindex="11" disabled autocomplete="off">
<span class="input-group-btn"><button type="button" id="_form_evento_tgenerica-_commandbutton_f36" class="_form_evento_tgenerica-_commandbutton_f36 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-dcom col-xs-12 col-lg-7 text-right">
<div class="form-group form-group-lg">
<input type="text" id="_form_evento_tgenerica-dcom" class="_form_evento_tgenerica-dcom form-control input-lg" disabled autocomplete="off">
</div>
</div>
</div>
<div class="form-horizontal awBSgrp-tip p008">
<div class="form-group-lg text-left form-group">
<label for="_form_evento_tgenerica-tip" id="_form_evento_tgenerica-_label6" class="_form_evento_tgenerica-_label6 control-label col-lg-2">Tipo</label>
<div class="col-lg-7">
<select id="_form_evento_tgenerica-tip" class="_form_evento_tgenerica-tip form-control" tabindex="12" disabled autocomplete="off">
	<option value=" ">&nbsp;</option>
	<option value="01 ">TELEFONATA</option>
	<option value="02 ">PROMEMORIA</option>
</select>
</div>
</div>
</div>
<div class="row row-inoltro">
<div class="col col-cde col-xs-12 col-lg-8">
<div class="form-horizontal awBSgrp-cde p001">
<div class="form-group-lg text-left form-group">
<label for="_form_evento_tgenerica-cde" id="_form_evento_tgenerica-_label7" class="_form_evento_tgenerica-_label7 control-label col-md-2">Destinatario</label>
<div class="col-md-10">
<select id="_form_evento_tgenerica-cde" class="_form_evento_tgenerica-cde form-control" tabindex="13" disabled autocomplete="off">
	<option value=" ">&nbsp;</option>
	<option value="000">ACUT</option>
	<option value="001">MICHELE</option>
</select>
</div>
</div>
</div>
</div>
<div class="col col-inoltro col-xs-12 col-sm-9 col-md-5 col-lg-4 text-left">
<p id="_form_evento_tgenerica-inoltro" class="_form_evento_tgenerica-inoltro"></p>
</div>
</div>
<div class="form-horizontal awBSgrp-pri p010">
<div class="form-group-lg text-left form-group">
<label for="_form_evento_tgenerica-pri" id="_form_evento_tgenerica-_label12" class="_form_evento_tgenerica-_label12 control-label col-lg-2">Priorità</label>
<div class="col-lg-1">
<input type="number" id="_form_evento_tgenerica-pri" class="_form_evento_tgenerica-pri form-control" tabindex="14" disabled min="0" max="9" step="1" autocomplete="off" value="0">
</div>
</div>
</div>
<div class="form-horizontal awBSgrp-des p011">
<div class="form-group-lg text-left form-group">
<label for="_form_evento_tgenerica-des" id="_form_evento_tgenerica-_label8" class="_form_evento_tgenerica-_label8 control-label col-lg-2">Descrizione</label>
<div class="col-lg-10">
<input type="text" id="_form_evento_tgenerica-des" class="_form_evento_tgenerica-des form-control input-lg" tabindex="15" disabled autocomplete="off" placeholder="Descrizione">
</div>
</div>
</div>
<div class="form-horizontal awBSgrp-mn1 p012">
<div class="form-group-lg text-left form-group">
<label for="_form_evento_tgenerica-mn1" id="_form_evento_tgenerica-_label10" class="_form_evento_tgenerica-_label10 control-label col-lg-2">Dettaglio 1</label>
<div class="col-lg-10">
<textarea id="_form_evento_tgenerica-mn1" class="_form_evento_tgenerica-mn1 form-control" tabindex="16" disabled autocomplete="off" rows="3"></textarea>
</div>
</div>
</div>
<div class="form-horizontal awBSgrp-mn2 p013">
<div class="form-group-lg text-left form-group">
<label for="_form_evento_tgenerica-mn2" id="_form_evento_tgenerica-_label11" class="_form_evento_tgenerica-_label11 control-label col-lg-2">Dettaglio 2</label>
<div class="col-lg-10">
<textarea id="_form_evento_tgenerica-mn2" class="_form_evento_tgenerica-mn2 form-control" tabindex="17" disabled autocomplete="off" rows="3"></textarea>
</div>
</div>
</div>
</div>
<!--/ Generated on 31.03.2020 16:35:55 in 1,9 sec. by FAS version 2.30.0-beta.7 of 21.01.2020 16:44:36 -->

You can see what i asked at row 54. Here we have the combobox, html generated by foxincloud, but the size of this control is determined by by the

we have at row 53.

<select id="_form_evento_tgenerica-cat" class="_form_evento_tgenerica-cat form-control" tabindex="7" disabled autocomplete="off">
	<option value=" ">&nbsp;</option>
	<option value="001">ASSISTENZA</option>
	<option value="002">AMMINISTRAZIONE</option>
</select>

I want to know how to change the size we have at row 53. In foxpro i can change wCSSclassAdd or wBScolClass onthe combo but this has no effect on the

at row 53.... I hope to have explained my question...

© 1996-2024