Demos

[tbettinazzi@axioma.it]

I tested Your solution and it seemed to work.

However it produces a dramatic effect : my dropdown are within a form  and, if i set dropDownAppendTo to body, values of the dropdownlist are not passed back.

I need a different solution.

Could You suggest it ?

Tks

Tullio

[tbettinazzi@axioma.it]

Tabs are not the main cause of the performance problem.

One, but not the only, problem seems to come out from dropdown lists having a lot of list-items.

I’ve a page with only one dropdown list in it with many (more than 100) list items : the page seems to freeze for 2 seconds before it’s shown correctely.

Is there a workaround for that ?

Tks

[tbettinazzi@axioma.it]

Tks but this is not a solution in my environment :

• my page is generated at runtime and then I can’t know a priori how many dropdown list I’ve, nor the id of each, nor how many items in each dropdown list, nor the color of each one and then I can’t use a js to do the job
• not all items should be colored and each one could have its own color

The best solution, if possible, shoud be

<smart-list-item style=”background-color : myCololor;”> or something like that I can generate in a single shot.

Tks

[tbettinazzi@axioma.it]

Tks for the solution, however I don’t know, a priori, the color I should use and then is quite difficult to define all needed classes.

Is it possible to solve it using a style attribute (I can generate it at runtime) ?

The color attribute what is usefull for ?

Tks

 

[tbettinazzi@axioma.it]

Tks but this again doesn’t solve my issue :

• I don’t know the id of the element (it’s generated at runtime)
• I can’t write nor generate a routine for every element in my form
• it doesn’t give me the exact position/sequence of the element in the  form

Tks

[tbettinazzi@axioma.it]

Tks for you help but this approach doesn’t work in a more complex environment.

It’s enough to add a div in whithin and it fails (see below) and in my real environment I’ve many divs or other intermediate objects.

Why we don’t see it in page elements if not checked ?

Tks

 

<section id=”check-box”>
<div>
<p>Checkboxes allow the user to select multiple options from a set.</p><br />
<p>If you have multiple options appearing in a list, you can preserve space by using checkboxes instead of on/off switches.</p><br />
<p>If you have a single option, avoid using a checkbox and use an on/off switch instead.</p><br />
</div>
<br />
<form>
<div>
<div class=”check-box-container-light”>
<input name=”C0″ type=”hidden”/>
<div>
<smart-check-box checked onChange=”applica(this)” name=”C1″></smart-check-box>
<smart-check-box name=”C2″></smart-check-box>
</div>
</div>
</div>
</form>
</section>

• This reply was modified 3 years, 7 months ago by tbettinazzi@axioma.it.
• This reply was modified 3 years, 7 months ago by tbettinazzi@axioma.it.

[tbettinazzi@axioma.it]

Tks for your help but this doesn’t solve the problem.

If You add aonther field to the fom (as in the example) it goes into a js error (e.g. adding an input hidden field).

<section id=”check-box”>
<div>
<p>Checkboxes allow the user to select multiple options from a set.</p><br />
<p>If you have multiple options appearing in a list, you can preserve space by using checkboxes instead of on/off switches.</p><br />
<p>If you have a single option, avoid using a checkbox and use an on/off switch instead.</p><br />
</div>
<br />
<form>
<div>
<div class=”check-box-container-light”>
<input name=”C0″ type=”hidden”/>
<smart-check-box checked onChange=”applica(this)” name=”C1″></smart-check-box>
<smart-check-box name=”C2″></smart-check-box>
</div>
</div>
</form>
</section>

• This reply was modified 3 years, 7 months ago by tbettinazzi@axioma.it.

[tbettinazzi@axioma.it]

Any new about the test case ?

Tks

[tbettinazzi@axioma.it]

Sorry but I don’t understand the difference between my test and Your code : they seems to be identical.

The only difference I see is that You used a typescript version and I use the js version.

Tks

Tullio

[tbettinazzi@axioma.it]

No help ?

Tks

[tbettinazzi@axioma.it]

I followed Your instruction but nothing changed.

Still present also the console javascript error.

Here the code

<!DOCTYPE html>
<html>
<head>
<title>Table Basic Demo</title>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0, maximum-scale=1.0″ />
<link rel=”stylesheet” type=”text/css” href=”../../../source/styles/smart.default.css” />
<link rel=”stylesheet” type=”text/css” href=”styles.css” />
</head>
<body class=”viewport”>
<div class=”demo-description”> Our Table web component can be used to wrap or replace standard Tables and add different styles, hover effects, sorting by one or multiple columns, add, remove and update rows. </div>
<smart-table id=”table” width=”100%”>
<table>
<thead>
<tr>
<th class=”riattualizza_record_header” >
</th>
<th class=”riattualizza_record_header” >
</th>
<th class=”riattualizza_record_header” tab_id=”” tab_group=”” >


</th>
<th class=”riattualizza_record_header” tab_id=”” tab_group=”” >


</th>
<th class=”riattualizza_record_header” tab_id=”” tab_group=”” >


</th>
<th class=”riattualizza_record_header” tab_id=”a_tabs_;” tab_group=”cu” >


</th>
<th class=”riattualizza_record_header” tab_id=”a_tabs_;” tab_group=”cu” >


</th>
<th class=”riattualizza_record_header” tab_id=”a_tabs_;” tab_group=”cu” >


</th>
<th class=”riattualizza_record_header” tab_id=”a_tabs_;” tab_group=”cu” >


</th>
<th class=”riattualizza_record_header” tab_id=”a_tabs_;” tab_group=”cu” >


</th>
<th class=”riattualizza_record_header” tab_id=”a_tabs_;” tab_group=”cu” >


</th>
<th class=”riattualizza_record_header” tab_id=”a_tabs_;” tab_group=”cu” >


</th>
<th class=”riattualizza_record_header” tab_id=”a_tabs_;” tab_group=”cu” >


</th>
<th class=”riattualizza_record_header” tab_id=”a_tabs_;” tab_group=”cu” >


</th>
<th class=”riattualizza_record_header” tab_id=”a_tabs_;” tab_group=”cu” >


</th>
<th class=”riattualizza_record_header” tab_id=”a_tabs_;” tab_group=”cu” >


</th>
<th class=”riattualizza_record_header” tab_id=”a_tabs_;” tab_group=”cu” >


</th>
</tr>
</thead>
<tbody>
<tr>
<td width=”1%” class=”carattere_riattualizza_record” nowrap>
<span border=”0″ id=”Annullamento383660″ aria-hidden=”true” class=”fa fa-check green cfg-state-font-icon”></span>
<smart-tooltip position=”bottom” selector=”Annullamento383660″ id=”tooltipAnnullamento383660″>Valido</smart-tooltip>
<span id=”StatoInterfaccia83660″ aria-hidden=”true” class=”fa fa-check green cfg-state-font-icon”></span>
<smart-tooltip position=”bottom” selector=”StatoInterfaccia83660″ id=”tooltipStatoInterfaccia83660″>Stato interfaccia AVA: processata</smart-tooltip>
<button xmlns:rb=”axioma.rubik.engine.RubikBundle” id=”ab_modTestata(65474,83660);” class=”
cfg-button cfg-button-inline
” type=”button” role=”button” disabled=”true”>
<smart-tooltip position=”bottom” selector=”ab_modTestata(65474,83660);” id=”tooltipab_modTestata(65474,83660);”>Modifica</smart-tooltip>
<span aria-hidden=”true” class=”fa fa-pencil blue cfg-button-font-icon”></span>
</button>
<button id=”ab_dupTestata(65474,83660,’Conferma’,’Si vuole veramente duplicare l\’intero ordine?’);” class=”
cfg-button cfg-button-inline
” type=”button” role=”button” onclick=”ab_dupTestata(65474,83660,’Conferma’,’Si vuole veramente duplicare l\’intero ordine?’);”>
<smart-tooltip position=”bottom” selector=”ab_dupTestata(65474,83660,’Conferma’,’Si vuole veramente duplicare l\’intero ordine?’);” id=”tooltipab_dupTestata(65474,83660,’Conferma’,’Si vuole veramente duplicare l\’intero ordine?’);”>Duplica</smart-tooltip>
<span aria-hidden=”true” class=”fa fa-files-o blue cfg-button-font-icon”></span>
</button>
<button id=”ab_delTestata(65474,83660,’Conferma’,’Si vuole veramente procedere con l\’eliminazione?’);” class=”
cfg-button cfg-button-inline
” type=”button” role=”button” disabled=”true”>
<smart-tooltip position=”bottom” selector=”ab_delTestata(65474,83660,’Conferma’,’Si vuole veramente procedere con l\’eliminazione?’);” id=”tooltipab_delTestata(65474,83660,’Conferma’,’Si vuole veramente procedere con l\’eliminazione?’);”>Elimina</smart-tooltip>
<span aria-hidden=”true” class=”fa fa-close red cfg-button-font-icon”></span>
</button>
<button id=”ab_ripTestata(65474,83660);” class=”
cfg-button cfg-button-inline
” type=”button” role=”button” disabled=”true”>
<smart-tooltip position=”bottom” selector=”ab_ripTestata(65474,83660);” id=”tooltipab_ripTestata(65474,83660);”>Ripristina</smart-tooltip>
<span aria-hidden=”true” class=”fa fa-reply blue cfg-button-font-icon”></span>
</button>
<button id=”ab_docTestata(65474,”);” class=”
cfg-button cfg-button-inline
” type=”button” role=”button” disabled=”true”>
<smart-tooltip position=”bottom” selector=”ab_docTestata(65474,”);” id=”tooltipab_docTestata(65474,”);”>Documenti</smart-tooltip>
<span aria-hidden=”true” class=”fa fa-file-o blue cfg-button-font-icon”></span>
</button>
<button id=”finestra(&quot;ShowLogWeb?PREV_ID=65474&amp;TYPE=M&quot;,&quot;rb:getString($RB,’configuration.messageLog’)&quot;, 800, 600);” class=”
cfg-button cfg-button-inline
” type=”button” role=”button” disabled=”true”>
<smart-tooltip position=”bottom” selector=”finestra(&quot;ShowLogWeb?PREV_ID=65474&amp;TYPE=M&quot;,&quot;rb:getString($RB,’configuration.messageLog’)&quot;, 800, 600);” id=”tooltipfinestra(&quot;ShowLogWeb?PREV_ID=65474&amp;TYPE=M&quot;,&quot;rb:getString($RB,’configuration.messageLog’)&quot;, 800, 600);”>Log messaggi</smart-tooltip>
<span aria-hidden=”true” class=”fa fa-wrench blue cfg-button-font-icon”></span>
</button>
<button id=”finestra(&quot;ShowLogWeb?PREV_ID=65474&amp;TYPE=E&quot;,&quot;rb:getString($RB,’configuration.messageLog’)&quot;, 800, 600);” class=”
cfg-button cfg-button-inline
” type=”button” role=”button” disabled=”true”>
<smart-tooltip position=”bottom” selector=”finestra(&quot;ShowLogWeb?PREV_ID=65474&amp;TYPE=E&quot;,&quot;rb:getString($RB,’configuration.messageLog’)&quot;, 800, 600);” id=”tooltipfinestra(&quot;ShowLogWeb?PREV_ID=65474&amp;TYPE=E&quot;,&quot;rb:getString($RB,’configuration.messageLog’)&quot;, 800, 600);”>Log errori</smart-tooltip>
<span aria-hidden=”true” class=”fa fa-bug blue cfg-button-font-icon”></span>
</button>
<button id=”finestra(&quot;ShowCustomWeb?TESTID=83660&quot;,&quot;rb:getString($RB,’configuration.messageLog’)&quot;, 1024, 768);” class=”
cfg-button cfg-button-inline
” type=”button” role=”button” onclick=”finestra(&quot;ShowCustomWeb?TESTID=83660&quot;,&quot;rb:getString($RB,’configuration.messageLog’)&quot;, 1024, 768);”>
<smart-tooltip position=”bottom” selector=”finestra(&quot;ShowCustomWeb?TESTID=83660&quot;,&quot;rb:getString($RB,’configuration.messageLog’)&quot;, 1024, 768);” id=”tooltipfinestra(&quot;ShowCustomWeb?TESTID=83660&quot;,&quot;rb:getString($RB,’configuration.messageLog’)&quot;, 1024, 768);”>Valori personalizzati</smart-tooltip>
<span aria-hidden=”true” class=”fa fa-expand blue cfg-button-font-icon”></span>
</button>
<button id=”ab_downloadCarrelliCsv(83660);” class=”
cfg-button cfg-button-inline
” type=”button” role=”button” onclick=”ab_downloadCarrelliCsv(83660);”>
<smart-tooltip position=”bottom” selector=”ab_downloadCarrelliCsv(83660);” id=”tooltipab_downloadCarrelliCsv(83660);”>Scarica carrello in formato csv</smart-tooltip>
<span aria-hidden=”true” class=”fa fa-cart-arrow-down blue cfg-button-font-icon”></span>
</button>
</td>
<td xmlns:rb=”http://www.w3.org/1999/XSL/Transform/java/axioma.rubik.engine.RubikBundle&#8221; width=”1px” class=”carattere_riattualizza_record” nowrap>
<button xmlns:rb=”axioma.rubik.engine.RubikBundle” id=”ab_pdfTestata(65474,643341,287293);” class=”
cfg-button cfg-button-inline
” type=”button” role=”button” onclick=”ab_pdfTestata(65474,643341,287293);”>
<smart-tooltip position=”bottom” selector=”ab_pdfTestata(65474,643341,287293);” id=”tooltipab_pdfTestata(65474,643341,287293);”>Pdf</smart-tooltip>
<span aria-hidden=”true” class=”fa fa-file-pdf-o blue cfg-button-font-icon”></span>
</button>
</td>
<td xmlns:rb=”http://www.w3.org/1999/XSL/Transform/java/axioma.rubik.engine.RubikBundle&#8221; style=”text-align:left” class=”carattere_riattualizza_record” nowrap>
<span id=”StatoConfigurazione83660″ aria-hidden=”true” class=”fa fa-check green cfg-state-font-icon”></span>
<smart-tooltip position=”bottom” selector=”StatoConfigurazione83660″ id=”tooltipStatoConfigurazione83660″>PROCESSATA</smart-tooltip>
</td>
<td class=”carattere_riattualizza_record” nowrap>
83660
</td>
<td class=”carattere_riattualizza_record” nowrap> &nbsp; </td>
<td class=”carattere_riattualizza_record” style=”text-align:left” tab_id=”a_tabs_;” tab_group=”cu” nowrap> 2202501 PMENG</td>
<td class=”carattere_riattualizza_record” style=”text-align:left” tab_id=”a_tabs_;” tab_group=”cu” nowrap></td>
<td class=”carattere_riattualizza_record” style=”text-align:left” tab_id=”a_tabs_;” tab_group=”cu” nowrap>JONATHAN.FLIPPANCE</td>
<td class=”carattere_riattualizza_record” style=”text-align:left” tab_id=”a_tabs_;” tab_group=”cu” nowrap>ZWI/4000009545</td>
<td class=”carattere_riattualizza_record” style=”text-align:left” tab_id=”a_tabs_;” tab_group=”cu” nowrap>15/06/2020</td>
<td class=”carattere_riattualizza_record” style=”text-align:left” tab_id=”a_tabs_;” tab_group=”cu” nowrap>007964</td>
<td class=”carattere_riattualizza_record” style=”text-align:left” tab_id=”a_tabs_;” tab_group=”cu” nowrap>WAM ENGINEERING LTD </td>
<td class=”carattere_riattualizza_record” style=”text-align:left” tab_id=”a_tabs_;” tab_group=”cu” nowrap>EUR</td>
<td class=”carattere_riattualizza_record” style=”text-align:left” tab_id=”a_tabs_;” tab_group=”cu” nowrap>413.600</td>
<td class=”carattere_riattualizza_record” style=”text-align:left” tab_id=”a_tabs_;” tab_group=”cu” nowrap>20006575</td>
<td class=”carattere_riattualizza_record” style=”text-align:left” tab_id=”a_tabs_;” tab_group=”cu” nowrap>15/06/2020</td>
<td class=”carattere_riattualizza_record” style=”text-align:left” tab_id=”a_tabs_;” tab_group=”cu” nowrap>MICHAL.SYGNECKI</td>
</tr>
</tbody>
</table>
</smart-table>
<!– scripts –>
<script src=”../../../source/smart.elements.js”></script>
<script src=”index.js”></script>
</body>
</html>

[tbettinazzi@axioma.it]

Looking at the console I saw an error : Uncaught SyntaxError: invalid range in character class smart.elements.js:45:17131

I tetsed it also with 14.2 version but nothing changed.

• This reply was modified 3 years, 8 months ago by tbettinazzi@axioma.it.

[tbettinazzi@axioma.it]

Here a simple testcase which reproduces the problem.

<!DOCTYPE html>
<html>
<head>
<title>Table Basic Demo</title>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0, maximum-scale=1.0″ />
<link rel=”stylesheet” type=”text/css” href=”../../../source/styles/smart.default.css” />
<link rel=”stylesheet” type=”text/css” href=”styles.css” />
</head>
<body class=”viewport”>
<div class=”demo-description”> Our Table web component can be used to wrap or replace standard Tables and add different styles, hover effects, sorting by one or multiple columns, add, remove and update rows. </div>
<smart-table id=”table” width=”100%”>
<tr>
<th class=”riattualizza_record_header” align=”center”>
<font class=”carattere_riattualizza_record_header”>Azioni</font>
</th>
<th class=”riattualizza_record_header” align=”center”>
<font class=”carattere_riattualizza_record_header”>Lista report</font>
</th>
<th class=”riattualizza_record_header” tab_id=”” tab_group=”” align=”center”>

<font class=”carattere_riattualizza_record_header”>Stato</font>

</th>
<th class=”riattualizza_record_header” tab_id=”” tab_group=”” align=”center”>

<font class=”carattere_riattualizza_record_header”>Id</font>

</th>
<th class=”riattualizza_record_header” tab_id=”” tab_group=”” align=”center”>

<font class=”carattere_riattualizza_record_header”>Stato testata</font>

</th>
<th class=”riattualizza_record_header” tab_id=”a_tabs_;” tab_group=”cu” align=”center”>

<font class=”carattere_riattualizza_record_header”>Riferimento Ordine Cliente</font>

</th>
<th class=”riattualizza_record_header” tab_id=”a_tabs_;” tab_group=”cu” align=”center”>

<font class=”carattere_riattualizza_record_header”>Conferma ordine filiale</font>

</th>
<th class=”riattualizza_record_header” tab_id=”a_tabs_;” tab_group=”cu” align=”center”>

<font class=”carattere_riattualizza_record_header”>Utente</font>

</th>
<th class=”riattualizza_record_header” tab_id=”a_tabs_;” tab_group=”cu” align=”center”>

<font class=”carattere_riattualizza_record_header”>Numero Pratica</font>

</th>
<th class=”riattualizza_record_header” tab_id=”a_tabs_;” tab_group=”cu” align=”center”>

<font class=”carattere_riattualizza_record_header”>Data documento</font>

</th>
<th class=”riattualizza_record_header” tab_id=”a_tabs_;” tab_group=”cu” align=”center”>

<font class=”carattere_riattualizza_record_header”>Codice Cliente</font>

</th>
<th class=”riattualizza_record_header” tab_id=”a_tabs_;” tab_group=”cu” align=”center”>

<font class=”carattere_riattualizza_record_header”>Ragione Sociale</font>

</th>
<th class=”riattualizza_record_header” tab_id=”a_tabs_;” tab_group=”cu” align=”center”>

<font class=”carattere_riattualizza_record_header”>Valuta</font>

</th>
<th class=”riattualizza_record_header” tab_id=”a_tabs_;” tab_group=”cu” align=”center”>

<font class=”carattere_riattualizza_record_header”>Importo</font>

</th>
<th class=”riattualizza_record_header” tab_id=”a_tabs_;” tab_group=”cu” align=”center”>

<font class=”carattere_riattualizza_record_header”>Ordine ERP</font>

</th>
<th class=”riattualizza_record_header” tab_id=”a_tabs_;” tab_group=”cu” align=”center”>

<font class=”carattere_riattualizza_record_header”>Data modifica</font>

</th>
<th class=”riattualizza_record_header” tab_id=”a_tabs_;” tab_group=”cu” align=”center”>

<font class=”carattere_riattualizza_record_header”>Utente modifica</font>

</th>
</tr>
<tr>
<td width=”1%” class=”carattere_riattualizza_record” nowrap>
<span border=”0″ id=”Annullamento383660″ aria-hidden=”true” class=”fa fa-check green cfg-state-font-icon”></span>
<smart-tooltip position=”bottom” selector=”Annullamento383660″ id=”tooltipAnnullamento383660″>Valido</smart-tooltip>
<span id=”StatoInterfaccia83660″ aria-hidden=”true” class=”fa fa-check green cfg-state-font-icon”></span>
<smart-tooltip position=”bottom” selector=”StatoInterfaccia83660″ id=”tooltipStatoInterfaccia83660″>Stato interfaccia AVA: processata</smart-tooltip>
<button xmlns:rb=”axioma.rubik.engine.RubikBundle” id=”ab_modTestata(65474,83660);” class=”
cfg-button cfg-button-inline
” type=”button” role=”button” disabled=”true”>
<smart-tooltip position=”bottom” selector=”ab_modTestata(65474,83660);” id=”tooltipab_modTestata(65474,83660);”>Modifica</smart-tooltip>
<span aria-hidden=”true” class=”fa fa-pencil blue cfg-button-font-icon”></span>
</button>
<button id=”ab_dupTestata(65474,83660,’Conferma’,’Si vuole veramente duplicare l\’intero ordine?’);” class=”
cfg-button cfg-button-inline
” type=”button” role=”button” onclick=”ab_dupTestata(65474,83660,’Conferma’,’Si vuole veramente duplicare l\’intero ordine?’);”>
<smart-tooltip position=”bottom” selector=”ab_dupTestata(65474,83660,’Conferma’,’Si vuole veramente duplicare l\’intero ordine?’);” id=”tooltipab_dupTestata(65474,83660,’Conferma’,’Si vuole veramente duplicare l\’intero ordine?’);”>Duplica</smart-tooltip>
<span aria-hidden=”true” class=”fa fa-files-o blue cfg-button-font-icon”></span>
</button>
<button id=”ab_delTestata(65474,83660,’Conferma’,’Si vuole veramente procedere con l\’eliminazione?’);” class=”
cfg-button cfg-button-inline
” type=”button” role=”button” disabled=”true”>
<smart-tooltip position=”bottom” selector=”ab_delTestata(65474,83660,’Conferma’,’Si vuole veramente procedere con l\’eliminazione?’);” id=”tooltipab_delTestata(65474,83660,’Conferma’,’Si vuole veramente procedere con l\’eliminazione?’);”>Elimina</smart-tooltip>
<span aria-hidden=”true” class=”fa fa-close red cfg-button-font-icon”></span>
</button>
<button id=”ab_ripTestata(65474,83660);” class=”
cfg-button cfg-button-inline
” type=”button” role=”button” disabled=”true”>
<smart-tooltip position=”bottom” selector=”ab_ripTestata(65474,83660);” id=”tooltipab_ripTestata(65474,83660);”>Ripristina</smart-tooltip>
<span aria-hidden=”true” class=”fa fa-reply blue cfg-button-font-icon”></span>
</button>
<button id=”ab_docTestata(65474,”);” class=”
cfg-button cfg-button-inline
” type=”button” role=”button” disabled=”true”>
<smart-tooltip position=”bottom” selector=”ab_docTestata(65474,”);” id=”tooltipab_docTestata(65474,”);”>Documenti</smart-tooltip>
<span aria-hidden=”true” class=”fa fa-file-o blue cfg-button-font-icon”></span>
</button>
<button id=”finestra(&quot;ShowLogWeb?PREV_ID=65474&amp;TYPE=M&quot;,&quot;rb:getString($RB,’configuration.messageLog’)&quot;, 800, 600);” class=”
cfg-button cfg-button-inline
” type=”button” role=”button” disabled=”true”>
<smart-tooltip position=”bottom” selector=”finestra(&quot;ShowLogWeb?PREV_ID=65474&amp;TYPE=M&quot;,&quot;rb:getString($RB,’configuration.messageLog’)&quot;, 800, 600);” id=”tooltipfinestra(&quot;ShowLogWeb?PREV_ID=65474&amp;TYPE=M&quot;,&quot;rb:getString($RB,’configuration.messageLog’)&quot;, 800, 600);”>Log messaggi</smart-tooltip>
<span aria-hidden=”true” class=”fa fa-wrench blue cfg-button-font-icon”></span>
</button>
<button id=”finestra(&quot;ShowLogWeb?PREV_ID=65474&amp;TYPE=E&quot;,&quot;rb:getString($RB,’configuration.messageLog’)&quot;, 800, 600);” class=”
cfg-button cfg-button-inline
” type=”button” role=”button” disabled=”true”>
<smart-tooltip position=”bottom” selector=”finestra(&quot;ShowLogWeb?PREV_ID=65474&amp;TYPE=E&quot;,&quot;rb:getString($RB,’configuration.messageLog’)&quot;, 800, 600);” id=”tooltipfinestra(&quot;ShowLogWeb?PREV_ID=65474&amp;TYPE=E&quot;,&quot;rb:getString($RB,’configuration.messageLog’)&quot;, 800, 600);”>Log errori</smart-tooltip>
<span aria-hidden=”true” class=”fa fa-bug blue cfg-button-font-icon”></span>
</button>
<button id=”finestra(&quot;ShowCustomWeb?TESTID=83660&quot;,&quot;rb:getString($RB,’configuration.messageLog’)&quot;, 1024, 768);” class=”
cfg-button cfg-button-inline
” type=”button” role=”button” onclick=”finestra(&quot;ShowCustomWeb?TESTID=83660&quot;,&quot;rb:getString($RB,’configuration.messageLog’)&quot;, 1024, 768);”>
<smart-tooltip position=”bottom” selector=”finestra(&quot;ShowCustomWeb?TESTID=83660&quot;,&quot;rb:getString($RB,’configuration.messageLog’)&quot;, 1024, 768);” id=”tooltipfinestra(&quot;ShowCustomWeb?TESTID=83660&quot;,&quot;rb:getString($RB,’configuration.messageLog’)&quot;, 1024, 768);”>Valori personalizzati</smart-tooltip>
<span aria-hidden=”true” class=”fa fa-expand blue cfg-button-font-icon”></span>
</button>
<button id=”ab_downloadCarrelliCsv(83660);” class=”
cfg-button cfg-button-inline
” type=”button” role=”button” onclick=”ab_downloadCarrelliCsv(83660);”>
<smart-tooltip position=”bottom” selector=”ab_downloadCarrelliCsv(83660);” id=”tooltipab_downloadCarrelliCsv(83660);”>Scarica carrello in formato csv</smart-tooltip>
<span aria-hidden=”true” class=”fa fa-cart-arrow-down blue cfg-button-font-icon”></span>
</button>
</td>
<td xmlns:rb=”http://www.w3.org/1999/XSL/Transform/java/axioma.rubik.engine.RubikBundle&#8221; width=”1px” class=”carattere_riattualizza_record” nowrap>
<button xmlns:rb=”axioma.rubik.engine.RubikBundle” id=”ab_pdfTestata(65474,643341,287293);” class=”
cfg-button cfg-button-inline
” type=”button” role=”button” onclick=”ab_pdfTestata(65474,643341,287293);”>
<smart-tooltip position=”bottom” selector=”ab_pdfTestata(65474,643341,287293);” id=”tooltipab_pdfTestata(65474,643341,287293);”>Pdf</smart-tooltip>
<span aria-hidden=”true” class=”fa fa-file-pdf-o blue cfg-button-font-icon”></span>
</button>
</td>
<td xmlns:rb=”http://www.w3.org/1999/XSL/Transform/java/axioma.rubik.engine.RubikBundle&#8221; style=”text-align:left” class=”carattere_riattualizza_record” align=”center” nowrap>
<span id=”StatoConfigurazione83660″ aria-hidden=”true” class=”fa fa-check green cfg-state-font-icon”></span>
<smart-tooltip position=”bottom” selector=”StatoConfigurazione83660″ id=”tooltipStatoConfigurazione83660″>PROCESSATA</smart-tooltip>
</td>
<td class=”carattere_riattualizza_record” align=”center” nowrap>
83660
</td>
<td class=”carattere_riattualizza_record” align=”center” nowrap> &nbsp; </td>
<td class=”carattere_riattualizza_record” style=”text-align:left” tab_id=”a_tabs_;” tab_group=”cu” align=”center” nowrap> 2202501 PMENG</td>
<td class=”carattere_riattualizza_record” style=”text-align:left” tab_id=”a_tabs_;” tab_group=”cu” align=”center” nowrap></td>
<td class=”carattere_riattualizza_record” style=”text-align:left” tab_id=”a_tabs_;” tab_group=”cu” align=”center” nowrap>JONATHAN.FLIPPANCE</td>
<td class=”carattere_riattualizza_record” style=”text-align:left” tab_id=”a_tabs_;” tab_group=”cu” align=”center” nowrap>ZWI/4000009545</td>
<td class=”carattere_riattualizza_record” style=”text-align:left” tab_id=”a_tabs_;” tab_group=”cu” align=”center” nowrap>15/06/2020</td>
<td class=”carattere_riattualizza_record” style=”text-align:left” tab_id=”a_tabs_;” tab_group=”cu” align=”center” nowrap>007964</td>
<td class=”carattere_riattualizza_record” style=”text-align:left” tab_id=”a_tabs_;” tab_group=”cu” align=”center” nowrap>WAM ENGINEERING LTD </td>
<td class=”carattere_riattualizza_record” style=”text-align:left” tab_id=”a_tabs_;” tab_group=”cu” align=”center” nowrap>EUR</td>
<td class=”carattere_riattualizza_record” style=”text-align:left” tab_id=”a_tabs_;” tab_group=”cu” align=”center” nowrap>413.600</td>
<td class=”carattere_riattualizza_record” style=”text-align:left” tab_id=”a_tabs_;” tab_group=”cu” align=”center” nowrap>20006575</td>
<td class=”carattere_riattualizza_record” style=”text-align:left” tab_id=”a_tabs_;” tab_group=”cu” align=”center” nowrap>15/06/2020</td>
<td class=”carattere_riattualizza_record” style=”text-align:left” tab_id=”a_tabs_;” tab_group=”cu” align=”center” nowrap>MICHAL.SYGNECKI</td>
</tr>
</smart-table>
<!– scripts –>
<script src=”../../../source/smart.elements.js”></script>
<script src=”index.js”></script>
</body>
</html>

[tbettinazzi@axioma.it]

Here the test case.

On the first checkbox if You change from checked to unchecked You’ll se an alert “C1 0” (correct) but if You goes from unchecked to checked You’ll get “C1 -1″ (wrong, it should be the same as before).

Tks

<!DOCTYPE html>
<html xmlns=”http://www.w3.org/1999/xhtml”&gt;
<head>
<title>Checkbox Overview Demo</title>
<meta http-equiv=”X-UA-Compatible” content=”IE=edge” />
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<meta name=”viewport” content=”width=device-width, initial-scale=1.0, maximum-scale=1.0″ />
<link rel=”stylesheet” type=”text/css” href=”../../../source/styles/smart.default.css” />
<link rel=”stylesheet” type=”text/css” href=”../../styles/demos.css” />
<link rel=”stylesheet” type=”text/css” href=”styles.css” />

</head>
<body class=”viewport”>
<script>
function applica(element) {
var myPage = document.forms[0];
var id = -1;
var elementName = element.name;
for (var i = 0; i < myPage.length; i++) {
if (myPage.elements[i].name == elementName) {
id = i;
}
}
alert(elementName + ” ” +id);
}
</script>
<section id=”check-box”>
<div>
<p>Checkboxes allow the user to select multiple options from a set.</p><br/>
<p>If you have multiple options appearing in a list, you can preserve space by using checkboxes instead of on/off switches.</p><br/>
<p>If you have a single option, avoid using a checkbox and use an on/off switch instead.</p><br/>
</div>
<br/>
<form>
<div>
<div class=”check-box-container-light”>
<smart-check-box checked onChange=”applica(this)” name=”C1″></smart-check-box>
<smart-check-box name=”C2″></smart-check-box>
</div>
</div>
</form>
</section>
<br/>
<!– scripts –>
<script src=”../../../source/modules/smart.checkbox.js”></script>
<script src=”index.js”></script>

</body>
</html>

[tbettinazzi@axioma.it]

Unfortunately this doesn’t solve my problem.

I need the sequence in order to set the focus on the next item.

But my question is : why, when a checkbox is not checked, it isn’t in the list of elements in the page ?

Tks

[Author]

Posts