Page 4 – Smart UI Components

@tbettinazziaxioma-it

Forum Replies Created

Viewing 15 posts - 46 through 60 (of 73 total)

← 1 2 3 4 5 →

Author

Posts
October 20, 2022 at 4:16 pm in reply to: my app issue #103894

tbettinazzi@axioma.it
Participant

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

October 13, 2022 at 12:08 pm in reply to: Coloring list items #103863
tbettinazzi@axioma.it
Participant
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
October 13, 2022 at 10:51 am in reply to: Coloring list items #103858

tbettinazzi@axioma.it
Participant

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

October 12, 2022 at 1:40 pm in reply to: Checkbox on focus doesn’t fire #103836
tbettinazzi@axioma.it
Participant
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
October 12, 2022 at 9:58 am in reply to: Checkbox on focus doesn’t fire #103828
tbettinazzi@axioma.it
Participant
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 1 year, 6 months ago by tbettinazzi@axioma.it.
- This reply was modified 1 year, 6 months ago by tbettinazzi@axioma.it.
October 7, 2022 at 3:29 pm in reply to: Checkbox on focus doesn’t fire #103815
tbettinazzi@axioma.it
Participant
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 1 year, 6 months ago by tbettinazzi@axioma.it.
October 7, 2022 at 2:05 pm in reply to: migrating to smart table #103814

tbettinazzi@axioma.it
Participant

Any new about the test case ?

Tks

October 4, 2022 at 11:18 am in reply to: migrating to smart table #103809

tbettinazzi@axioma.it
Participant

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

October 3, 2022 at 10:18 am in reply to: Checkbox on focus doesn’t fire #103807

tbettinazzi@axioma.it
Participant

No help ?

Tks

October 3, 2022 at 10:17 am in reply to: migrating to smart table #103806

tbettinazzi@axioma.it
Participant

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("ShowLogWeb?PREV_ID=65474&TYPE=M","rb:getString($RB,’configuration.messageLog’)", 800, 600);” class=”
cfg-button cfg-button-inline
” type=”button” role=”button” disabled=”true”>
<smart-tooltip position=”bottom” selector=”finestra("ShowLogWeb?PREV_ID=65474&TYPE=M","rb:getString($RB,’configuration.messageLog’)", 800, 600);” id=”tooltipfinestra("ShowLogWeb?PREV_ID=65474&TYPE=M","rb:getString($RB,’configuration.messageLog’)", 800, 600);”>Log messaggi</smart-tooltip>
<span aria-hidden=”true” class=”fa fa-wrench blue cfg-button-font-icon”></span>
</button>
<button id=”finestra("ShowLogWeb?PREV_ID=65474&TYPE=E","rb:getString($RB,’configuration.messageLog’)", 800, 600);” class=”
cfg-button cfg-button-inline
” type=”button” role=”button” disabled=”true”>
<smart-tooltip position=”bottom” selector=”finestra("ShowLogWeb?PREV_ID=65474&TYPE=E","rb:getString($RB,’configuration.messageLog’)", 800, 600);” id=”tooltipfinestra("ShowLogWeb?PREV_ID=65474&TYPE=E","rb:getString($RB,’configuration.messageLog’)", 800, 600);”>Log errori</smart-tooltip>
<span aria-hidden=”true” class=”fa fa-bug blue cfg-button-font-icon”></span>
</button>
<button id=”finestra("ShowCustomWeb?TESTID=83660","rb:getString($RB,’configuration.messageLog’)", 1024, 768);” class=”
cfg-button cfg-button-inline
” type=”button” role=”button” onclick=”finestra("ShowCustomWeb?TESTID=83660","rb:getString($RB,’configuration.messageLog’)", 1024, 768);”>
<smart-tooltip position=”bottom” selector=”finestra("ShowCustomWeb?TESTID=83660","rb:getString($RB,’configuration.messageLog’)", 1024, 768);” id=”tooltipfinestra("ShowCustomWeb?TESTID=83660","rb:getString($RB,’configuration.messageLog’)", 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” 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” 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>   </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>

October 1, 2022 at 10:41 am in reply to: migrating to smart table #103801
tbettinazzi@axioma.it
Participant
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 1 year, 7 months ago by tbettinazzi@axioma.it.
October 1, 2022 at 9:21 am in reply to: migrating to smart table #103800

tbettinazzi@axioma.it
Participant

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("ShowLogWeb?PREV_ID=65474&TYPE=M","rb:getString($RB,’configuration.messageLog’)", 800, 600);” class=”
cfg-button cfg-button-inline
” type=”button” role=”button” disabled=”true”>
<smart-tooltip position=”bottom” selector=”finestra("ShowLogWeb?PREV_ID=65474&TYPE=M","rb:getString($RB,’configuration.messageLog’)", 800, 600);” id=”tooltipfinestra("ShowLogWeb?PREV_ID=65474&TYPE=M","rb:getString($RB,’configuration.messageLog’)", 800, 600);”>Log messaggi</smart-tooltip>
<span aria-hidden=”true” class=”fa fa-wrench blue cfg-button-font-icon”></span>
</button>
<button id=”finestra("ShowLogWeb?PREV_ID=65474&TYPE=E","rb:getString($RB,’configuration.messageLog’)", 800, 600);” class=”
cfg-button cfg-button-inline
” type=”button” role=”button” disabled=”true”>
<smart-tooltip position=”bottom” selector=”finestra("ShowLogWeb?PREV_ID=65474&TYPE=E","rb:getString($RB,’configuration.messageLog’)", 800, 600);” id=”tooltipfinestra("ShowLogWeb?PREV_ID=65474&TYPE=E","rb:getString($RB,’configuration.messageLog’)", 800, 600);”>Log errori</smart-tooltip>
<span aria-hidden=”true” class=”fa fa-bug blue cfg-button-font-icon”></span>
</button>
<button id=”finestra("ShowCustomWeb?TESTID=83660","rb:getString($RB,’configuration.messageLog’)", 1024, 768);” class=”
cfg-button cfg-button-inline
” type=”button” role=”button” onclick=”finestra("ShowCustomWeb?TESTID=83660","rb:getString($RB,’configuration.messageLog’)", 1024, 768);”>
<smart-tooltip position=”bottom” selector=”finestra("ShowCustomWeb?TESTID=83660","rb:getString($RB,’configuration.messageLog’)", 1024, 768);” id=”tooltipfinestra("ShowCustomWeb?TESTID=83660","rb:getString($RB,’configuration.messageLog’)", 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” 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” 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>   </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>

September 23, 2022 at 2:34 pm in reply to: Checkbox on focus doesn’t fire #103742

tbettinazzi@axioma.it
Participant

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”>
<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>

September 23, 2022 at 7:39 am in reply to: Checkbox on focus doesn’t fire #103733

tbettinazzi@axioma.it
Participant

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

September 21, 2022 at 10:59 am in reply to: Checkbox on focus doesn’t fire #103721
tbettinazzi@axioma.it
Participant
I investigate deeper and the problem seems to be a little more complex.

In the onfocus I activate the following code in order to have the sequence number of the element :

var elementName = getElementName(element);
for (var i = 0; i < myPage.length; i++) {
if (getElementName(myPage.elements[i]) == elementName) {
id = i;
}
}

I found that when the checkbox goes from unchecked to checked the code fails and doesn’t find the sequence number, when it goes from checked to unchecked it works and finds the correct sequence number.

Could You explain me why ?

I also listed all elements and, effectively, when the checkbox is non checked it doesn’t esist in list of the element of the pages.

Tks

Tks
- This reply was modified 1 year, 7 months ago by tbettinazzi@axioma.it.
Author

Posts

Viewing 15 posts - 46 through 60 (of 73 total)

← 1 2 3 4 5 →