{"id":39288,"date":"2021-07-13T18:16:57","date_gmt":"2021-07-13T16:16:57","guid":{"rendered":"http:\/\/support.ilevia.com\/non-categorizzato\/script-custom-widget\/"},"modified":"2023-04-06T10:50:19","modified_gmt":"2023-04-06T08:50:19","slug":"script-custom-widget","status":"publish","type":"post","link":"https:\/\/support.ilevia.com\/it\/software-configurazione\/script-custom-widget\/","title":{"rendered":"Script Custom widget"},"content":{"rendered":"[et_pb_section fb_built=”1″ _builder_version=”4.16″ _module_preset=”default” custom_padding=”0px|||||” global_colors_info=”{}”][et_pb_row _builder_version=”4.16″ _module_preset=”default” custom_padding=”0px||0px|||” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”]\n

<\/strong><\/p>\n

CUSTOM WIDGET SCRIPT<\/h1>\n[\/et_pb_text][et_pb_divider _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][\/et_pb_divider][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.16″ _module_preset=”default” custom_padding=”0px|||||” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”]\n
\n

INTRODUZIONE<\/strong><\/h2>\n<\/blockquote>\n

Questa guida spiegher\u00e0 come configurare lo script java per collegare il componente Custom widget con componenti come: Set point<\/strong>, Info<\/strong>, Interruttori<\/strong>, Drop down<\/strong>, etc… <\/strong>al file svg selezionato all’interno delle propriet\u00e0 del componente. Ovviamente lo script cambier\u00e0 in base alla struttura e funzione del vostro file svg.<\/p>\n[\/et_pb_text][et_pb_text _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”]\n

\n

Variabili script<\/strong><\/h3>\n<\/blockquote>\n[\/et_pb_text][et_pb_text _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”]\n

Queste sono le fariabili che fanno parte dello script. Ricordiamo che le variabili non necessiatano di avere lo stesso nome e ID, questa seguente \u00e8 una dimostrazione di cosa pu\u00f2 essere creato con uno script java.\u00a0\u00a0<\/p>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”http:\/\/support.ilevia.com\/wp-content\/uploads\/2021\/07\/Custom_widget_script_variables.png” alt=”Elenco di tutte le variabili che verranno usate all’interno di questo script java” title_text=”Custom_widget_script_variables” show_in_lightbox=”on” show_bottom_space_phone=”off” show_bottom_space_last_edited=”off|phone” _builder_version=”4.19.1″ _module_preset=”default” custom_margin=”0px||0px||false|false” custom_margin_tablet=”” custom_margin_phone=”30px||30px||false|false” custom_margin_last_edited=”on|desktop” hover_enabled=”0″ global_colors_info=”{}” box_shadow_style=”preset2″ sticky_enabled=”0″][\/et_pb_image][\/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.16″ _module_preset=”default” custom_margin=”-11px|||||” custom_padding=”||0px|||” global_colors_info=”{}”]\n

var Svg<\/strong><\/em>: Questa variabile andr\u00e0 a prendere il nome del file svg.<\/p>\n

var color<\/strong><\/em>: Questa variabile assumer\u00e0 il system drawing color.<\/p>\n

\n

Variabili dei componenti<\/strong><\/span>:<\/p>\n<\/blockquote>\n

var room<\/strong><\/em>: Questa variabile andr\u00e0 ad assumere il numero della stanza impostato all’interno del campo json nelle propriet\u00e0 del componente Custom widget.<\/p>\n

var temp<\/strong><\/em>: Questa variabile assumer\u00e0 il valore del componente con ID 31, che nel nostro caso \u00e8 un componente Info\u00a0<\/strong>che rappresenta una temperatura.<\/p>\n

var Setpoint<\/strong><\/em>: Questa variabile assumer\u00e0 il valore del componente con ID 32, che nelo nostro caso \u00e8 un componente Setpoint<\/strong>.<\/p>\n

var fan_opacity<\/strong><\/em>: Questa variabile assumer\u00e0 1 come valore valore di default.\u00a0Nel nostro caso questo componente \u00e8 collegato ad una icona all’interno del file svg.<\/p>\n

var deumidification_opacity<\/strong><\/em>: Questa variabile assume 1 come valore predefinito. Nel nostro caso questo componente \u00e8 collegato ad una icona all’interno del file svg.<\/p>\n

var cool_opacity<\/strong><\/em>: Questa variabile assumer\u00e0 0 come valore predefinito.\u00a0Nel nostro caso questo componente \u00e8 collegato ad una icona all’interno del file svg.<\/p>\n

var heat_opacity<\/strong><\/em>: Questa variabile assumer\u00e0 0 come valore predefinito.\u00a0Nel nostro caso questo componente \u00e8 collegato ad una icona all’interno del file svg.<\/p>\n

var mode<\/strong><\/em>: Questa variabile assumer\u00e0 il valore del componente con ID 33, che nel nostro caso \u00e8 un componente Lista a opzioni<\/strong>.\u00a0<\/em><\/p>\n

var background<\/strong><\/em>: Questa variabile andr\u00e0 ad impostare il colore di sfondo del file svg.<\/p>\n

\n

Variabili collegamento elementi file\u00a0SVG<\/span><\/strong><\/span>:<\/p>\n<\/blockquote>\n

var svg_room<\/strong><\/em>: Questa variabile creer\u00e0 un link tra i livelli del file svg;<\/p>\n

svg_room.Text<\/strong><\/em>: Questo statement andr\u00e0 ad applicare il valore tra l’elemento del file svg;<\/p>\n

var svg_room_background<\/strong><\/em>: Questa variabile creer\u00e0 un collegamento tra il file svg “room background”<\/strong>;<\/p>\n

var svg_background<\/strong><\/em>: Questa variabile crea un collegamento tra il file svg e l’elemento “background<\/strong>“<\/p>\n

var svg_Temperature<\/strong><\/em>: Questa variabile crea un collegamento tra il file svg e l’elemento “Temperature<\/b>“.<\/p>\n

var svg_Setpoint<\/strong><\/em>: Questa variabile crea un collegamento tra il file svg e l’elemento “S<\/strong>etpoint<\/b>“.<\/p>\n

var svg_deumidification<\/strong><\/em>: Questa variabile crea un collegamento tra il file svg e l’elemento “deumidification<\/strong>“.<\/p>\n

var svg_fan<\/strong><\/em>: Questa variabile crea un collegamento tra il file svg e l’elemento “fan<\/b>“.<\/p>\n

var svg_heat<\/strong><\/em>: Questa variabile crea un collegamento tra il file svg e l’elemento “heat<\/b>“.<\/p>\n

var svg_fan<\/em><\/strong>:\u00a0 Questa variabile crea un collegamento tra il file svg e l’elemento “Cool<\/b>“.<\/p>\n

 <\/p>\n

UpdateWidget()<\/strong>: Questo statement aggiorner\u00e0 l’elemento widget quando viene eseguito all’interno del server.<\/p>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_divider _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][\/et_pb_divider][et_pb_text _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”]\n

\n

Funzioni dello script<\/strong><\/h3>\n<\/blockquote>\n[\/et_pb_text][et_pb_text _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”]\n

Queste sono le funzioni usate per cambiare i valori degli elementi dell’immagine svg all’interno dell’interfaccia utente.<\/p>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”http:\/\/support.ilevia.com\/wp-content\/uploads\/2021\/07\/Custom_widget_function_temperaturechanged.png” alt=”Funzione temperature_changed, questa funzione server per impostare il valore della temperatura corrente all’elemento corrispondente del componente Custom widget nell’interfaccia Utente di EVE Remote Plus.” title_text=”Custom_widget_function_temperaturechanged” show_in_lightbox=”on” _builder_version=”4.19.1″ _module_preset=”default” custom_margin_tablet=”” custom_margin_phone=”30px||0px||false|false” custom_margin_last_edited=”on|phone” hover_enabled=”0″ global_colors_info=”{}” box_shadow_style=”preset2″ sticky_enabled=”0″][\/et_pb_image][\/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.16″ _module_preset=”default” custom_margin=”-20px|||||” global_colors_info=”{}”]\n

\n

Funzione\u00a0Temperature changed<\/strong>:<\/p>\n<\/blockquote>\n

var val<\/strong>= getValueAsInt(temp)<\/strong>: Questa variabile prender\u00e0 il valore corrente della variabile temp<\/strong>.<\/p>\n

log\u00a0(“Temperature\u00a0changed\u00a0to:”+val)<\/strong>: Questo log stamper\u00e0 la stringa “Temperature\u00a0changed\u00a0to:” + <\/strong>il valore della variabile\u00a0“val<\/strong>“.<\/p>\n

\n
svg_temperature.Text\u00a0=\u00a0(parseInt(val*10)\/10).toString()+”\u00b0”:<\/strong>\u00a0Questa operazione analizzer\u00e0\u00a0svg_temperature\u00a0<\/strong>e applicher\u00e0 il valore all’interno del parametro temperature.<\/div>\n

 <\/p>\n

UpdateWidget()<\/strong>: Questa dichiarazione aggiorner\u00e0 l’elemento widget quando viene eseguito all’interno del server.<\/div>\n<\/div>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_divider _builder_version=”4.16″ _module_preset=”default” locked=”off” global_colors_info=”{}”][\/et_pb_divider][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”http:\/\/support.ilevia.com\/wp-content\/uploads\/2021\/07\/Custom_widget_function_modechanged.png” alt=”Funzione mode_changed, questa funzione permette di cambiare la modalit\u00e0 corrente di un termostato, in base al valore del componente lista a opzioni le icone corrispondenti alla modalit\u00e0 verranno mostrate oppure nascoste all’interno del componente svg nell’interfaccia utente di EVE Remote Plus” title_text=”Custom_widget_function_modechanged” show_in_lightbox=”on” _builder_version=”4.19.1″ _module_preset=”default” custom_margin_tablet=”” custom_margin_phone=”30px||||false|false” custom_margin_last_edited=”on|phone” hover_enabled=”0″ global_colors_info=”{}” box_shadow_style=”preset2″ sticky_enabled=”0″][\/et_pb_image][\/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.16″ _module_preset=”default” custom_margin=”-20px|||||” global_colors_info=”{}”]\n
\n

Funzione mode_changed<\/strong>:<\/p>\n<\/blockquote>\n

\n
var\u00a0val=getValueAsInt(mode<\/strong>)<\/strong>: Questa variabile andr\u00e0 a prendere il valore corrente della variabile\u00a0 “mode<\/strong>“.<\/span><\/div>\n

 <\/p>\n

\n
log\u00a0(“Mode\u00a0changed\u00a0to:”+val<\/strong>)<\/strong>: Questo log stamper\u00e0 la stringa “Mode changed to:<\/strong>” + il valore derivante dalla variabile “val<\/strong>“.<\/span><\/div>\n

 <\/p>\n

1\u00b0 if<\/span>: <\/strong>Questa operazione imposter\u00e0 se il valore del componente lista a opzioni \u00e8 0, <\/strong>allora l’icona deumidification\u00a0<\/strong>sar\u00e0 visibile;<\/div>\n
2\u00b0 if<\/strong><\/span>: Questa operazione imposter\u00e0 se il valore del componente lista a opzioni \u00e8 1, allora l’icona fan <\/strong>sar\u00e0 visibile nell’interfaccia, altrimenti rimmarr\u00e0 nascosta;<\/div>\n
3\u00b0 if<\/strong><\/span>: Questa operazione imposter\u00e0 se il valore del componente lista a opzioni \u00e8 2, allora l’icona\u00a0heat<\/strong> sar\u00e0 visibile nell’interfaccia, altrimenti rimmarr\u00e0 nascosta;<\/div>\n
4\u00b0 if<\/strong><\/span>: Questa operazione imposter\u00e0 se il valore del componente lista a opzioni 3,\u00a0allora l’icona\u00a0cool<\/strong> icon will be visible in the interface, altrimenti rimmarr\u00e0 nascosta.<\/div>\n
<\/div>\n

 <\/p>\n

UpdateWidget()<\/strong>: Questa dichiarazione aggiorner\u00e0 l’elemento widget quando viene eseguito all’interno del server.<\/div>\n<\/div>\n<\/div>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.16″ _module_preset=”default” locked=”off” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_divider _builder_version=”4.16″ _module_preset=”default” locked=”off” global_colors_info=”{}”][\/et_pb_divider][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”http:\/\/support.ilevia.com\/wp-content\/uploads\/2021\/07\/Custom_widget_function_setpointchanged.png” alt=”Funzione setpoint_changed, questa funzione permetter\u00e0 all’utente di visualizzare il valore del setpoint attuale applicato all’elemento corrispondente all’interno dell’interfaccia utente di EVE Remote Plus” title_text=”Custom_widget_function_setpointchanged” show_in_lightbox=”on” _builder_version=”4.19.1″ _module_preset=”default” custom_margin_tablet=”” custom_margin_phone=”||||false|false” custom_margin_last_edited=”on|phone” hover_enabled=”0″ global_colors_info=”{}” box_shadow_style=”preset2″ sticky_enabled=”0″][\/et_pb_image][\/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.16″ _module_preset=”default” custom_margin=”-21px|||||” global_colors_info=”{}”]\n
\n

Funzione\u00a0setpoint_changed<\/strong>:<\/p>\n<\/blockquote>\n

var\u00a0val=getValueAsDouble(setpoint)<\/strong>: Questa variabile prender\u00e0 il valore della variabile “setpoint”<\/strong>;<\/p>\n

 <\/p>\n

log\u00a0(“Setpoint\u00a0changed\u00a0to:”+val<\/strong>)<\/strong>: Questo log stamper\u00e0\u00a0“Setpoint\u00a0changed\u00a0to:”\u00a0<\/strong>+ derivante dalla\u00a0variabile “val<\/strong>“;<\/span><\/div>\n

 <\/p>\n

svg_setpoint.Text\u00a0=\u00a0(parseInt(val*10)\/10).toString()+<\/strong>“\u00b0”<\/strong>:\u00a0Questa variabile analizzer\u00e0 il valore derivante dalla variabile\u00a0<\/strong>\u00a0svg_setpoint<\/b>\u00a0e la riporter\u00e0 nell’interfaccia utente con il valore gi\u00e0 calcolato.<\/div>\n
<\/div>\n

 <\/p>\n

Updatewidget()<\/strong>:\u00a0Questa dichiarazione aggiorner\u00e0 l’elemento widget quando viene eseguito all’interno del server.<\/div>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.16″ _module_preset=”default” locked=”off” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_divider _builder_version=”4.16″ _module_preset=”default” locked=”off” global_colors_info=”{}”][\/et_pb_divider][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”http:\/\/support.ilevia.com\/wp-content\/uploads\/2021\/07\/Custom_widget_function_busy_changed.png” alt=”Funzione busy_changed, questa variabile permette all’utente di visualizzare lo stato di occupazione della singola stanza tramite una transizione di colore che avr\u00e0 effetto sull’elemento background del componente Custom widget all’interno dell’interfaccia utente di EVE Remote Plus. ” title_text=”Custom_widget_function_busy_changed” show_in_lightbox=”on” _builder_version=”4.19.1″ _module_preset=”default” hover_enabled=”0″ global_colors_info=”{}” box_shadow_style=”preset2″ sticky_enabled=”0″][\/et_pb_image][\/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.16″ _module_preset=”default” custom_margin=”-20px|||||” global_colors_info=”{}”]\n
\n

Funzione busy_changed<\/strong>:<\/p>\n<\/blockquote>\n

\n
var\u00a0val=getValueAsBoolean(busy<\/strong>)<\/strong>: Questa variabile acquisir\u00e0 il valore di “busy<\/strong>“.\u00a0<\/span><\/div>\n

 <\/p>\n

log\u00a0(“Busy\u00a0changed\u00a0to:”+val<\/strong>)<\/strong>:<\/span>\u00a0Questo log stamper\u00e0\u00a0\u00a0“Busy\u00a0changed\u00a0to:” + <\/strong>il valore corrente della variabile\u00a0“val”<\/strong>.<\/div>\n
<\/div>\n

 <\/p>\n

If – Else<\/strong> operation<\/strong>: Questa operazione dice che “If”\u00a0<\/strong>il valore della variabile “val<\/strong>” \u00e8 vero allora il colore specificato nella variabile svg_background.Fill sar\u00e0 impostato come colore di sfondo dell’elemento svg all’interno dell’interfaccia utente, “else<\/strong>” il colore opposto sar\u00e0 impostato all’elemento svg all’interno dell’interfaccia utente.<\/div>\n
<\/div>\n

 <\/p>\n

UpdateWidget<\/strong>(): Questa dichiarazione aggiorner\u00e0 l’elemento widget quando viene eseguito all’interno del server.<\/span><\/div>\n<\/div>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.16″ _module_preset=”default” locked=”off” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_divider _builder_version=”4.16″ _module_preset=”default” locked=”off” global_colors_info=”{}”][\/et_pb_divider][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”http:\/\/support.ilevia.com\/wp-content\/uploads\/2021\/07\/Custom_widget_settriggers.png” alt=”Le dichiarazioni setTrigger, servono per eseguire le varie funzioni una volta lanciato lo script all’interno del server per la supervisione della domotica EVE ” title_text=”Custom_widget_settriggers” show_in_lightbox=”on” _builder_version=”4.19.1″ _module_preset=”default” hover_enabled=”0″ global_colors_info=”{}” box_shadow_style=”preset2″ sticky_enabled=”0″][\/et_pb_image][\/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.16″ _module_preset=”default” custom_margin=”-17px|||||” global_colors_info=”{}”]\n
\n

SetTriggers<\/strong>:<\/p>\n<\/blockquote>\n

setTrigger(temp,”temperature_changed”)<\/strong>: Questo statement permetter\u00e0 l’esecuzione della funzione “temperature_changed<\/strong>“;<\/p>\n

 <\/p>\n

setTrigger(mode,”mode_changed”<\/strong>)<\/strong>: Questo statement permetter\u00e0 l’esecuzione della funzione “mode_changed<\/strong>“;<\/p>\n

 <\/p>\n

setTrigger(setpoint,”setpoint_changed”<\/strong>)<\/strong>: Questo statement permetter\u00e0 l’esecuzione della funzione “setpoint_changed<\/strong>“;<\/span><\/p>\n

<\/span><\/p>\n

setTrigger(busy,”busy_changed”<\/strong>)<\/strong>: Questo statement permetter\u00e0 l’esecuzione della funzione “busy_changed<\/strong>“.<\/span><\/p>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ inner_shadow=”on” _builder_version=”4.19.1″ background_color=”#fafafa” parallax=”on” min_height=”280px” custom_margin=”30px||||false|false” locked=”off” collapsed=”off” global_colors_info=”{}” global_module=”59295″ theme_builder_area=”post_content”][et_pb_row module_class=” et_pb_row_fullwidth” _builder_version=”4.16″ width=”91%” width_tablet=”80%” width_phone=”” width_last_edited=”on|phone” max_width=”90%” max_width_tablet=”80%” max_width_phone=”” max_width_last_edited=”on|desktop” custom_padding=”30px|0px|22.8594px|0px|false|false” make_fullwidth=”on” collapsed=”off” global_colors_info=”{}” theme_builder_area=”post_content”][et_pb_column type=”4_4″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||” theme_builder_area=”post_content”][et_pb_text _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}” theme_builder_area=”post_content”]\n

Hai bisogno di aiuto? Il nostro servizio clienti \u00e8 qui per te.<\/h1>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.16″ _module_preset=”default” width=”100%” global_colors_info=”{}” theme_builder_area=”post_content”][et_pb_column type=”4_4″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}” theme_builder_area=”post_content”][et_pb_button button_url=”http:\/\/support.ilevia.com\/support-request\/” button_text=”Chiedi aiuto” button_alignment=”center” _builder_version=”4.19.1″ custom_button=”on” button_text_size=”20px” button_text_color=”#1e84f4″ button_bg_color=”#FFFFFF” button_border_width=”2px” button_border_color=”#1e84f4″ button_font=”||||||||” button_use_icon=”off” custom_margin=”|0px|||false|false” custom_margin_tablet=”” custom_margin_phone=”|0px|||false|false” custom_margin_last_edited=”on|phone” box_shadow_style=”preset2″ box_shadow_spread=”-80px” global_colors_info=”{}” box_shadow_spread__hover=”0px” box_shadow_spread__hover_enabled=”on” theme_builder_area=”post_content”][\/et_pb_button][et_pb_button button_url=”http:\/\/support.ilevia.com\/support-request\/” button_text=”Dai un suggerimento” button_alignment=”center” _builder_version=”4.19.1″ custom_button=”on” button_text_size=”20px” button_text_color=”#1e84f4″ button_bg_color=”#FFFFFF” button_border_width=”2px” button_border_color=”#1e84f4″ button_use_icon=”off” custom_margin=”|||0px|false|false” custom_margin_tablet=”” custom_margin_phone=”|||0px|false|false” custom_margin_last_edited=”on|phone” custom_padding=”|||25px|false|false” box_shadow_style=”preset2″ box_shadow_spread=”-80px” locked=”off” global_colors_info=”{}” box_shadow_spread__hover=”0px” box_shadow_spread__hover_enabled=”on” theme_builder_area=”post_content”][\/et_pb_button][\/et_pb_column][\/et_pb_row][\/et_pb_section]\n","protected":false},"excerpt":{"rendered":"

CUSTOM WIDGET SCRIPT INTRODUZIONE Questa guida spiegher\u00e0 come configurare lo script java per collegare il componente Custom widget con componenti come: Set point, Info, Interruttori, Drop down, etc… al file svg selezionato all’interno delle propriet\u00e0 del componente. Ovviamente lo script cambier\u00e0 in base alla struttura e funzione del vostro file svg. Variabili script Queste sono […]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","inline_featured_image":false,"footnotes":""},"categories":[72,30],"tags":[],"class_list":["post-39288","post","type-post","status-publish","format-standard","hentry","category-archivi","category-software-configurazione"],"yoast_head":"\nScript Custom widget Ilevia Support |<\/title>\n<meta name=\"description\" content=\"In questa guida verr\u00e0 spiegato in maniera dettagliata come viene composto un script tipo per il componente Custom widget.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/support.ilevia.com\/it\/software-configurazione\/script-custom-widget\/\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Filippo Amabilia\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/it\\\/software-configurazione\\\/script-custom-widget\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/it\\\/software-configurazione\\\/script-custom-widget\\\/\"},\"author\":{\"name\":\"Filippo Amabilia\",\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/#\\\/schema\\\/person\\\/08a8d13dee0bc9f160da55efe97b7959\"},\"headline\":\"Script Custom widget\",\"datePublished\":\"2021-07-13T16:16:57+00:00\",\"dateModified\":\"2023-04-06T08:50:19+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/it\\\/software-configurazione\\\/script-custom-widget\\\/\"},\"wordCount\":2614,\"publisher\":{\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/#organization\"},\"articleSection\":[\"Archivi\",\"Software Configurazione\"],\"inLanguage\":\"it-IT\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/it\\\/software-configurazione\\\/script-custom-widget\\\/\",\"url\":\"https:\\\/\\\/support.ilevia.com\\\/it\\\/software-configurazione\\\/script-custom-widget\\\/\",\"name\":\"Script Custom widget Ilevia Support |\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/#website\"},\"datePublished\":\"2021-07-13T16:16:57+00:00\",\"dateModified\":\"2023-04-06T08:50:19+00:00\",\"description\":\"In questa guida verr\u00e0 spiegato in maniera dettagliata come viene composto un script tipo per il componente Custom widget.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/it\\\/software-configurazione\\\/script-custom-widget\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/support.ilevia.com\\\/it\\\/software-configurazione\\\/script-custom-widget\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/it\\\/software-configurazione\\\/script-custom-widget\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/support.ilevia.com\\\/it\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Software Configurazione\",\"item\":\"https:\\\/\\\/support.ilevia.com\\\/it\\\/archivi\\\/software-configurazione\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Script Custom widget\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/\",\"name\":\"Ilevia Support\",\"description\":\"Assistance & Technical Guides\",\"publisher\":{\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/#organization\",\"name\":\"Ilevia\",\"url\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"http:\\\/\\\/support.ilevia.com\\\/wp-content\\\/uploads\\\/2018\\\/12\\\/ilevia.png\",\"contentUrl\":\"http:\\\/\\\/support.ilevia.com\\\/wp-content\\\/uploads\\\/2018\\\/12\\\/ilevia.png\",\"width\":500,\"height\":500,\"caption\":\"Ilevia\"},\"image\":{\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/ileviaofficial\\\/\",\"https:\\\/\\\/www.instagram.com\\\/ilevia_official\\\/\",\"https:\\\/\\\/it.linkedin.com\\\/company\\\/ilevia\\\/\",\"https:\\\/\\\/www.youtube.com\\\/ilevia\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/#\\\/schema\\\/person\\\/08a8d13dee0bc9f160da55efe97b7959\",\"name\":\"Filippo Amabilia\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0e396093874891309dc46571e6eec478bc2a5080be4f76a70e1ca9deb9f99eec?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0e396093874891309dc46571e6eec478bc2a5080be4f76a70e1ca9deb9f99eec?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0e396093874891309dc46571e6eec478bc2a5080be4f76a70e1ca9deb9f99eec?s=96&d=mm&r=g\",\"caption\":\"Filippo Amabilia\"},\"url\":\"https:\\\/\\\/support.ilevia.com\\\/it\\\/author\\\/filippo-amabilia\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Script Custom widget Ilevia Support |","description":"In questa guida verr\u00e0 spiegato in maniera dettagliata come viene composto un script tipo per il componente Custom widget.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/support.ilevia.com\/it\/software-configurazione\/script-custom-widget\/","twitter_misc":{"Scritto da":"Filippo Amabilia","Tempo di lettura stimato":"13 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/support.ilevia.com\/it\/software-configurazione\/script-custom-widget\/#article","isPartOf":{"@id":"https:\/\/support.ilevia.com\/it\/software-configurazione\/script-custom-widget\/"},"author":{"name":"Filippo Amabilia","@id":"https:\/\/support.ilevia.com\/en\/#\/schema\/person\/08a8d13dee0bc9f160da55efe97b7959"},"headline":"Script Custom widget","datePublished":"2021-07-13T16:16:57+00:00","dateModified":"2023-04-06T08:50:19+00:00","mainEntityOfPage":{"@id":"https:\/\/support.ilevia.com\/it\/software-configurazione\/script-custom-widget\/"},"wordCount":2614,"publisher":{"@id":"https:\/\/support.ilevia.com\/en\/#organization"},"articleSection":["Archivi","Software Configurazione"],"inLanguage":"it-IT"},{"@type":"WebPage","@id":"https:\/\/support.ilevia.com\/it\/software-configurazione\/script-custom-widget\/","url":"https:\/\/support.ilevia.com\/it\/software-configurazione\/script-custom-widget\/","name":"Script Custom widget Ilevia Support |","isPartOf":{"@id":"https:\/\/support.ilevia.com\/en\/#website"},"datePublished":"2021-07-13T16:16:57+00:00","dateModified":"2023-04-06T08:50:19+00:00","description":"In questa guida verr\u00e0 spiegato in maniera dettagliata come viene composto un script tipo per il componente Custom widget.","breadcrumb":{"@id":"https:\/\/support.ilevia.com\/it\/software-configurazione\/script-custom-widget\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/support.ilevia.com\/it\/software-configurazione\/script-custom-widget\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/support.ilevia.com\/it\/software-configurazione\/script-custom-widget\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/support.ilevia.com\/it\/"},{"@type":"ListItem","position":2,"name":"Software Configurazione","item":"https:\/\/support.ilevia.com\/it\/archivi\/software-configurazione\/"},{"@type":"ListItem","position":3,"name":"Script Custom widget"}]},{"@type":"WebSite","@id":"https:\/\/support.ilevia.com\/en\/#website","url":"https:\/\/support.ilevia.com\/en\/","name":"Ilevia Support","description":"Assistance & Technical Guides","publisher":{"@id":"https:\/\/support.ilevia.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/support.ilevia.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/support.ilevia.com\/en\/#organization","name":"Ilevia","url":"https:\/\/support.ilevia.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/support.ilevia.com\/en\/#\/schema\/logo\/image\/","url":"http:\/\/support.ilevia.com\/wp-content\/uploads\/2018\/12\/ilevia.png","contentUrl":"http:\/\/support.ilevia.com\/wp-content\/uploads\/2018\/12\/ilevia.png","width":500,"height":500,"caption":"Ilevia"},"image":{"@id":"https:\/\/support.ilevia.com\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/ileviaofficial\/","https:\/\/www.instagram.com\/ilevia_official\/","https:\/\/it.linkedin.com\/company\/ilevia\/","https:\/\/www.youtube.com\/ilevia\/"]},{"@type":"Person","@id":"https:\/\/support.ilevia.com\/en\/#\/schema\/person\/08a8d13dee0bc9f160da55efe97b7959","name":"Filippo Amabilia","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/secure.gravatar.com\/avatar\/0e396093874891309dc46571e6eec478bc2a5080be4f76a70e1ca9deb9f99eec?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/0e396093874891309dc46571e6eec478bc2a5080be4f76a70e1ca9deb9f99eec?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0e396093874891309dc46571e6eec478bc2a5080be4f76a70e1ca9deb9f99eec?s=96&d=mm&r=g","caption":"Filippo Amabilia"},"url":"https:\/\/support.ilevia.com\/it\/author\/filippo-amabilia\/"}]}},"_links":{"self":[{"href":"https:\/\/support.ilevia.com\/it\/wp-json\/wp\/v2\/posts\/39288","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/support.ilevia.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/support.ilevia.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/support.ilevia.com\/it\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/support.ilevia.com\/it\/wp-json\/wp\/v2\/comments?post=39288"}],"version-history":[{"count":34,"href":"https:\/\/support.ilevia.com\/it\/wp-json\/wp\/v2\/posts\/39288\/revisions"}],"predecessor-version":[{"id":62385,"href":"https:\/\/support.ilevia.com\/it\/wp-json\/wp\/v2\/posts\/39288\/revisions\/62385"}],"wp:attachment":[{"href":"https:\/\/support.ilevia.com\/it\/wp-json\/wp\/v2\/media?parent=39288"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/support.ilevia.com\/it\/wp-json\/wp\/v2\/categories?post=39288"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/support.ilevia.com\/it\/wp-json\/wp\/v2\/tags?post=39288"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}