{"id":20923,"date":"2020-09-01T15:53:27","date_gmt":"2020-09-01T13:53:27","guid":{"rendered":"http:\/\/support.ilevia.com\/?p=20923"},"modified":"2026-01-07T14:50:43","modified_gmt":"2026-01-07T13:50:43","slug":"map-user-interface","status":"publish","type":"post","link":"https:\/\/support.ilevia.com\/en\/app-interface\/map-user-interface\/","title":{"rendered":"Map user interface"},"content":{"rendered":"[et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;section&#8221; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;0px||4px|||&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row admin_label=&#8221;row&#8221; _builder_version=&#8221;4.16&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; custom_padding=&#8221;0px|0px|12px|0px|false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text admin_label=&#8221;Interface structure&#8221; _builder_version=&#8221;4.16&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221; global_colors_info=&#8221;{}&#8221;]\n<h1 style=\"text-align: center;\">MAP USER INTERFACE<\/h1>\n[\/et_pb_text][et_pb_divider _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;f069e280-95aa-444f-b65b-f33082ca48d8&#8243; custom_margin=&#8221;-5px||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_divider][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;0px|||||&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.27.2&#8243; global_colors_info=&#8221;{}&#8221;]\n<blockquote>\n<h2><strong>INTRODUCTION<\/strong><\/h2>\n<\/blockquote>\n<p>The creation of a &#8220;Map&#8221; interface develops in two layers:<\/p>\n<ul>\n<li><strong>Primary menu (on the left):<\/strong> Only icons (from <em>Icons<\/em> tab). This is the <strong><em>primary bar<\/em><\/strong>, the main menu of the user interface;<\/li>\n<li><strong>Secondary menu (on the top):<\/strong>\u00a0Only icons (from <em>Icons<\/em> tab). This is the <em><strong>secondary bar<\/strong><\/em> that looks like the excel sheets bar.<\/li>\n<\/ul>\n<p>\u00a0The creation of the Map\u00a0interface provides a pyramid structure: for each selected object of the above layer corresponds a specific understructure. To each icon of the primary menu corresponds a\u00a0secondary menu. To each icon of the secondary menu corresponds a sheet (canvas area) where to arrange your components.<\/p>\n[\/et_pb_text][et_pb_image src=&#8221;https:\/\/support.ilevia.com\/wp-content\/uploads\/2022\/08\/Map_user_interface_tab-and-menu.png&#8221; alt=&#8221;Here is shown the main menus bar with the main tab&#8221; title_text=&#8221;Map_user_interface_tab-and-menu&#8221; show_in_lightbox=&#8221;on&#8221; align=&#8221;center&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.17.4&#8243; custom_margin=&#8221;50px||50px||false|false&#8221; box_shadow_style=&#8221;preset2&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.18.0&#8243; global_colors_info=&#8221;{}&#8221;]In order to resize the interface area\u00a0please refer to the interface settings of the &#8220;<a href=\"https:\/\/support.ilevia.com\/configuration-software-en\/user-managment\/\" target=\"_blank\" rel=\"noopener noreferrer\">User management<\/a>&#8221; guide.[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_2,1_2&#8243; disabled_on=&#8221;on|off|off&#8221; _builder_version=&#8221;4.16&#8243; custom_margin=&#8221;20px||20px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.20.4&#8243; _module_preset=&#8221;default&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]\n<p style=\"text-align:center\"><strong><em>EVE Manager interface editor<\/em><\/strong><\/p>\n[\/et_pb_text][et_pb_image src=&#8221;https:\/\/support.ilevia.com\/wp-content\/uploads\/2023\/05\/Map-user-interface_category-lights-eve-manager.png&#8221; alt=&#8221;How is the rappresented the Map user interface within the Interface Editor of the Ilevia&#8217;s configuration software EVE Manager.&#8221; title_text=&#8221;Map-user-interface_category-lights-eve-manager&#8221; show_in_lightbox=&#8221;on&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.20.4&#8243; width=&#8221;100%&#8221; custom_margin=&#8221;||||false|false&#8221; box_shadow_style=&#8221;preset2&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.20.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;|||-50px|false|false&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]\n<p style=\"text-align:center\"><strong><em>EVE Remote Plus<\/em><\/strong><\/p>\n[\/et_pb_text][et_pb_image src=&#8221;https:\/\/support.ilevia.com\/wp-content\/uploads\/2023\/05\/Interfaccia-utente-mappe_luci.png&#8221; alt=&#8221;How does the map User interface look like within the Ilevia&#8217;s app EVE Remote Plus.&#8221; title_text=&#8221;Map-user-interface_category-lights&#8221; show_in_lightbox=&#8221;on&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.20.4&#8243; width=&#8221;100%&#8221; custom_margin=&#8221;||||false|false&#8221; border_radii=&#8221;on|20px|20px|20px|20px&#8221; box_shadow_style=&#8221;preset2&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row disabled_on=&#8221;off|on|on&#8221; _builder_version=&#8221;4.20.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;||||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.20.4&#8243; _module_preset=&#8221;default&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]\n<p style=\"text-align:center\"><strong><em>EVE Manager interface editor<\/em><\/strong><\/p>\n[\/et_pb_text][et_pb_image src=&#8221;https:\/\/support.ilevia.com\/wp-content\/uploads\/2023\/05\/Map-user-interface_category-lights-eve-manager.png&#8221; title_text=&#8221;Map-user-interface_category-lights-eve-manager&#8221; show_in_lightbox=&#8221;on&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.20.4&#8243; width=&#8221;100%&#8221; custom_margin=&#8221;||30px||false|false&#8221; box_shadow_style=&#8221;preset2&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.20.4&#8243; _module_preset=&#8221;default&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]\n<p style=\"text-align:center\"><strong><em>EVE Remote Plus<\/em><\/strong><\/p>\n[\/et_pb_text][et_pb_image src=&#8221;https:\/\/support.ilevia.com\/wp-content\/uploads\/2023\/05\/Map-user-interface_category-lights.png&#8221; title_text=&#8221;Map-user-interface_category-lights&#8221; show_in_lightbox=&#8221;on&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.20.4&#8243; custom_margin=&#8221;30px||||false|false&#8221; border_radii=&#8221;on|20px|20px|20px|20px&#8221; box_shadow_style=&#8221;preset2&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=&#8221;row&#8221; _builder_version=&#8221;4.20.4&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; custom_margin=&#8221;30px||||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_divider _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||16px|||&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_divider][et_pb_text _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;10px||||false|false&#8221; global_colors_info=&#8221;{}&#8221;]\n<blockquote>\n<h3><strong>Visual result<\/strong><\/h3>\n<\/blockquote>\n[\/et_pb_text][et_pb_text admin_label=&#8221;Text&#8221; _builder_version=&#8221;4.18.0&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; custom_margin=&#8221;30px||||false|false&#8221; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221; global_colors_info=&#8221;{}&#8221;]\n<p style=\"text-align: justify;\">Below it is possible to see the visual result of what we have just created. As we said, primary and secondary menu\u00a0allow to categorize. Instead, the canvas area is dedicated to the components control, each one with its own defined command icon.\u00a0In order to get an idea of the visual result of each component please refer to the dedicated component&#8217;s guide starting from &#8220;<a href=\"https:\/\/support.ilevia.com\/configuration-software-en\/gateway-protocols\" target=\"_blank\" rel=\"noopener\">Components library<\/a>&#8221; guide.<\/p>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_2,1_2&#8243; disabled_on=&#8221;on|off|off&#8221; _builder_version=&#8221;4.16&#8243; custom_margin=&#8221;20px||20px||false|false&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_image src=&#8221;https:\/\/support.ilevia.com\/wp-content\/uploads\/2023\/05\/Map-user-interface_category-lights.png&#8221; title_text=&#8221;Map-user-interface_category-lights&#8221; show_in_lightbox=&#8221;on&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.20.4&#8243; custom_margin=&#8221;||||false|false&#8221; border_radii=&#8221;on|20px|20px|20px|20px&#8221; box_shadow_style=&#8221;preset2&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_image src=&#8221;https:\/\/support.ilevia.com\/wp-content\/uploads\/2023\/05\/Map-user-interface_category-shutters.png&#8221; title_text=&#8221;Map-user-interface_category-shutters&#8221; show_in_lightbox=&#8221;on&#8221; show_bottom_space=&#8221;off&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.20.4&#8243; custom_margin=&#8221;||||false|false&#8221; custom_margin_tablet=&#8221;40px||40px||false|false&#8221; custom_margin_phone=&#8221;0px||0px||false|false&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; border_radii=&#8221;on|20px|20px|20px|20px&#8221; box_shadow_style=&#8221;preset2&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row disabled_on=&#8221;off|on|on&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px|||&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/support.ilevia.com\/wp-content\/uploads\/2023\/05\/Map-user-interface_category-lights.png&#8221; title_text=&#8221;Map-user-interface_category-lights&#8221; show_in_lightbox=&#8221;on&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.20.4&#8243; custom_margin=&#8221;20px||20px||false|false&#8221; border_radii=&#8221;on|20px|20px|20px|20px&#8221; box_shadow_style=&#8221;preset2&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_image src=&#8221;https:\/\/support.ilevia.com\/wp-content\/uploads\/2023\/05\/Map-user-interface_category-shutters.png&#8221; title_text=&#8221;Map-user-interface_category-shutters&#8221; show_in_lightbox=&#8221;on&#8221; show_bottom_space=&#8221;off&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.20.4&#8243; custom_margin=&#8221;40px||40px||false|false&#8221; custom_margin_tablet=&#8221;40px||40px||false|false&#8221; custom_margin_phone=&#8221;0px||20px||false|false&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; border_radii=&#8221;on|20px|20px|20px|20px&#8221; box_shadow_style=&#8221;preset2&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=&#8221;row&#8221; _builder_version=&#8221;4.16&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text admin_label=&#8221;Text&#8221; _builder_version=&#8221;4.20.4&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221; global_colors_info=&#8221;{}&#8221;]\n<p style=\"text-align: justify;\">The creation of a Map interface can be very meticulous because no choice is left to chance and customization is possible at 100% as regards the choice of the icon, the color and the text of each object. This to benefit a unique interaction with images, icons, text data and the user interface in general.<\/p>\n<p style=\"text-align: justify;\">Here is a list of all the features you are allowed to customize:<\/p>\n<ul>\n<li><strong>Interface\u00a0dimensions:<\/strong> please refer to the interface settings of the \u201c<a href=\"https:\/\/support.ilevia.com\/configuration-software-en\/user-managment\/\" target=\"_blank\" rel=\"noopener noreferrer\">User management<\/a>\u201d guide;<\/li>\n<li><strong style=\"line-height: 1.5;\">Background image:<\/strong><span style=\"line-height: 1.5;\"> please refer to the interface settings of the &#8220;<a href=\"https:\/\/support.ilevia.com\/configuration-software-en\/user-managment\/\" target=\"_blank\" rel=\"noopener noreferrer\">User management<\/a>\u201d guide;<\/span><\/li>\n<li><strong>Bars position and color:<\/strong> please refer to the interface settings of the \u201c<a href=\"https:\/\/support.ilevia.com\/configuration-software-en\/user-managment\/\" target=\"_blank\" rel=\"noopener noreferrer\">User management<\/a>&#8220;;<\/li>\n<li><strong>Sheet\u00a0background and color:<\/strong> it is possible to set\u00a0a different background and color for each new sheet;<\/li>\n<li><strong>Icons and titles:<\/strong>\u00a0please refer to the interface object editor of the \u201c<a href=\"https:\/\/support.ilevia.com\/configuration-software-en\/icon-editor\/\" target=\"_blank\" rel=\"noopener noreferrer\">Icon editor<\/a>\u201d guide;<\/li>\n<li><strong>Customized icon set:<\/strong>\u00a0please refer to the \u201c<a href=\"https:\/\/support.ilevia.com\/app-interface\/new-icon-set\/\" target=\"_blank\" rel=\"noopener noreferrer\">New icon set<\/a>\u201d guide;<\/li>\n<li><strong>Component&#8217;s icon and titles:<\/strong> please refer to the interface object editor of the \u201c<a href=\"https:\/\/support.ilevia.com\/configuration-software-en\/icon-editor\/\" target=\"_blank\" rel=\"noopener noreferrer\">Icon editor<\/a>\u201d guide.<\/li>\n<\/ul>\n<p><strong>Note.<\/strong> When considering components, any change made on the Interface tab will not be considered on the Component\u2019s tab. Vice versa, if you edit components&#8217; icon and icon&#8217;s color from the Component\u2019s parameters area of the Component\u2019s tab, the change will automatically be considered on your user interface.<\/p>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=&#8221;row&#8221; _builder_version=&#8221;4.16&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_divider _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;20px||5px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_divider][et_pb_text admin_label=&#8221;Sheets management&#8221; _builder_version=&#8221;4.19.1&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; custom_margin=&#8221;0px||||false|false&#8221; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221; global_colors_info=&#8221;{}&#8221;]\n<blockquote>\n<h3><strong>Tab management<\/strong><\/h3>\n<\/blockquote>\n[\/et_pb_text][et_pb_image src=&#8221;https:\/\/support.ilevia.com\/wp-content\/uploads\/2022\/08\/Map_user_interface_tab-management.png&#8221; alt=&#8221;Here you can see how to add a new tab within the Map User Interface&#8221; title_text=&#8221;Map_user_interface_tab-management&#8221; show_in_lightbox=&#8221;on&#8221; align=&#8221;center&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.17.4&#8243; custom_margin=&#8221;50px||50px||false|false&#8221; custom_margin_tablet=&#8221;50px||50px||false|false&#8221; custom_margin_phone=&#8221;30px||30px||false|false&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; box_shadow_style=&#8221;preset2&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text admin_label=&#8221;Text&#8221; _builder_version=&#8221;4.16&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221; global_colors_info=&#8221;{}&#8221;]\n<p>First of all let&#8217;s see how to add secondary menus:<\/p>\n<p style=\"text-align: justify;\">Click the &#8220;+&#8221; tab in order to add a new secondary menu for the specific selected icon of your primary menu.\u00a0In order to edit title and icon of the sheet just click the setting icon on top right of the tab&#8217;s corner.\u00a0You are allowed to create as many secondary menus as your project requires.<\/p>\n<p style=\"text-align: justify;\">You can easily move a sheet before or after another just dragging it.<\/p>\n[\/et_pb_text][et_pb_text admin_label=&#8221;Text&#8221; module_id=&#8221;tab-management&#8221; _builder_version=&#8221;4.27.4&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; custom_margin=&#8221;||0px||false|false&#8221; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221; global_colors_info=&#8221;{}&#8221;]\n<blockquote>\n<h4>INTERFACE TOOLS BAR<\/h4>\n<\/blockquote>\n<p>As said, you are allowed to set a different background and color for each new sheet.<\/p>\n<p>Below the canvas area of any new sheet you are allowed to manage few other options:<\/p>\n<ul>\n<li><strong>Background<\/strong>: It allows to select a specific image for the selected sheet (pay attention to the dimensions);<\/li>\n<li><strong>Visible<\/strong>: Check box that defines if the set image has to be visualized or not on the interface;<\/li>\n<li><strong>Color<\/strong>: It allows to select a specific color for the selected sheet (it will cover the system background image);<\/li>\n<li><strong>Transparent<\/strong>: Check box that defines if the set color has to be visualized or not on the interface;<\/li>\n<li><strong>Gesture: <\/strong>This checkbox enable or disable the opportunity to zoom in\/out or drag the image pannel though its surface;<\/li>\n<li><strong>Grid<\/strong>: Pixel value of your interface grid. It allows a better array\u00a0of the components on the sheet;<\/li>\n<li><strong>View dept<\/strong>: This slider allows the editor to go back and forth among all the interface&#8217;s levels added by placing the components;<\/li>\n<li><strong>Active<\/strong>: Check box that defines if the grid function is activated or deactivated.<\/li>\n<\/ul>\n<p><a href=\"http:\/\/www.ilevia.com\/wordpress\/wp-content\/uploads\/2015-09-01_17-23-18.png\"><\/a><\/p>\n[\/et_pb_text][et_pb_image src=&#8221;https:\/\/support.ilevia.com\/wp-content\/uploads\/2022\/08\/Map_user_interface_tools_5975.png&#8221; alt=&#8221;New map user interface context menu&#8221; title_text=&#8221;Map_user_interface_tools_5975&#8243; show_in_lightbox=&#8221;on&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.17.4&#8243; custom_margin=&#8221;13px||40px||false|false&#8221; custom_margin_tablet=&#8221;30px||50px||false|false&#8221; custom_margin_phone=&#8221;0px||30px||false|false&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; box_shadow_style=&#8221;preset2&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.18.0&#8243; global_colors_info=&#8221;{}&#8221;]\n<p>There are many other functions available on Map interface creation. These functions are listed on the\u00a0<a href=\"https:\/\/support.ilevia.com\/configuration-software-en\/map-user-interface-context-menu\/\" target=\"_blank\" rel=\"noopener noreferrer\">context menu<\/a>.<\/p>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row disabled_on=&#8221;off|off|off&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]\n<blockquote>\n<h4><strong>COMPONENT MAP TOOLS EDITOR<br \/><\/strong><\/h4>\n<\/blockquote>\n[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]\n<p>This section of the <em>Map interface Editor<\/em> allows the User to tidy up and organize the components inside the user interface.<\/p>\n[\/et_pb_text][et_pb_image src=&#8221;https:\/\/support.ilevia.com\/wp-content\/uploads\/2022\/02\/Map_user_interface_tools_5970.png&#8221; alt=&#8221;How the Icon editor tool menu looks like inside the Home automation configuration software EVE Manager&#8221; title_text=&#8221;Map_user_interface_tools_5970&#8243; show_in_lightbox=&#8221;on&#8221; disabled_on=&#8221;on|off|off&#8221; _builder_version=&#8221;4.24.2&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;30px||30px||false|false&#8221; box_shadow_style=&#8221;preset2&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_image src=&#8221;https:\/\/support.ilevia.com\/wp-content\/uploads\/2022\/02\/Map_user_interface_tools_5970_mobile.png&#8221; alt=&#8221;How the Icon editor tool menu looks like inside the Home automation configuration software EVE Manager&#8221; title_text=&#8221;Map_user_interface_tools_5970_mobile&#8221; show_in_lightbox=&#8221;on&#8221; align=&#8221;center&#8221; disabled_on=&#8221;off|on|on&#8221; _builder_version=&#8221;4.24.2&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;30px||30px||false|false&#8221; box_shadow_style=&#8221;preset2&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text disabled_on=&#8221;on|off|off&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]\n<table style=\"height: 200px; border-color: #000000;\" width=\"557\">\n<tbody>\n<tr style=\"height: 112px;\">\n<td style=\"width: 143.65px; height: 112px;\">\n<p style=\"text-align: center;\">Undo &amp; Redo<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/support.ilevia.com\/wp-content\/uploads\/2022\/02\/Map_user_interface_editor_undo-redo.png\" alt=\"\" class=\"wp-image-45163 alignnone size-full\" width=\"72\" height=\"34\" \/><\/p>\n<\/td>\n<td style=\"width: 143.65px; height: 112px;\">These two buttons allow the user to undo or redo action done in the User interface Editor<\/td>\n<\/tr>\n<tr style=\"height: 106px;\">\n<td style=\"width: 143.65px; height: 106px;\">\n<p style=\"text-align: center;\">Move to back &amp; Move to front<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/support.ilevia.com\/wp-content\/uploads\/2022\/02\/Map_user_interface_move_front-back.png\" alt=\"\" class=\"wp-image-45165 alignnone size-full\" style=\"display: block; margin-left: auto; margin-right: auto;\" width=\"72\" height=\"34\" \/><\/p>\n<\/td>\n<td style=\"width: 143.65px; height: 106px;\">These two buttons allow the user to modify the selected component&#8217;s interface level.<\/td>\n<\/tr>\n<tr style=\"height: 26.2333px;\">\n<td style=\"width: 143.65px; height: 26.2333px; text-align: center;\">\n<p>Align to the left, center or right<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/support.ilevia.com\/wp-content\/uploads\/2022\/02\/Map_user_interface_editor_align_l-c-r.png\" alt=\"\" class=\"wp-image-45167 alignnone size-full\" width=\"110\" height=\"35\" \/><\/p>\n<\/td>\n<td style=\"width: 143.65px; height: 26.2333px;\">These three buttons allow the user to regroup the group of components selected to the left, center or right.<\/td>\n<\/tr>\n<tr style=\"height: 10px;\">\n<td style=\"width: 143.65px; height: 10px;\">\n<p style=\"text-align: center;\">\u00a0Align to the top, middle or bottom<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/support.ilevia.com\/wp-content\/uploads\/2022\/02\/Map_user_interface_editor_align_t-m-b.png\" alt=\"\" class=\"wp-image-45175 alignnone size-full\" width=\"110\" height=\"35\" \/><\/p>\n<\/td>\n<td style=\"width: 143.65px; height: 10px;\">These three buttons allow the user to align the selected group of components to the top, middle or bottom.<\/td>\n<\/tr>\n<tr style=\"height: 10px;\">\n<td style=\"width: 143.65px; height: 10px;\">\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\">Distribute evenly horizontally, vertically or group shapes<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/support.ilevia.com\/wp-content\/uploads\/2022\/02\/Map_user_interface_editor_distribute_evenly.png\" alt=\"\" class=\"wp-image-45177 alignnone size-full\" width=\"110\" height=\"35\" \/><\/p>\n<\/td>\n<td style=\"width: 143.65px; height: 10px;\">These three components allow the editor to distribute evenly within the map interface the components selected.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n[\/et_pb_text][et_pb_text disabled_on=&#8221;off|on|on&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]\n<p><strong>Redo &amp; Undo<\/strong><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/support.ilevia.com\/wp-content\/uploads\/2022\/02\/Map_user_interface_editor_undo-redo.png\" \/><\/p>\n<p>This two buttons allow the user to undo or redo action done in the User interface Editor.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Move to Back or Move to front<br \/><\/strong><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/support.ilevia.com\/wp-content\/uploads\/2022\/02\/Map_user_interface_move_front-back.png\" \/><\/p>\n<p>This two buttons allow the user to modify the selected component&#8217;s interface level.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Align to left, center or right<\/strong><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/support.ilevia.com\/wp-content\/uploads\/2022\/02\/Map_user_interface_editor_align_l-c-r.png\" \/><\/p>\n<p>These three buttons allow the user to regroup the group of components selected to the left, center or right.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Align on top, middle or bottom<\/strong><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/support.ilevia.com\/wp-content\/uploads\/2022\/02\/Map_user_interface_editor_align_t-m-b.png\" \/><\/p>\n<p>These three buttons allow the user to align the selected group of components to the top, middle or bottom.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Distribute evenly vertically horizontally or Group shapes<\/strong><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/support.ilevia.com\/wp-content\/uploads\/2022\/02\/Map_user_interface_editor_distribute_evenly.png\" \/><\/p>\n<p>These three components allow the editor to distribute evenly within the map interface the components selected.<\/p>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; inner_shadow=&#8221;on&#8221; _builder_version=&#8221;4.16&#8243; background_color=&#8221;#fafafa&#8221; parallax=&#8221;on&#8221; min_height=&#8221;100px&#8221; custom_margin=&#8221;30px||||false|false&#8221; locked=&#8221;off&#8221; collapsed=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row module_class=&#8221; et_pb_row_fullwidth&#8221; _builder_version=&#8221;4.16&#8243; width=&#8221;91%&#8221; width_tablet=&#8221;80%&#8221; width_last_edited=&#8221;off|desktop&#8221; max_width=&#8221;90%&#8221; max_width_tablet=&#8221;80%&#8221; max_width_phone=&#8221;&#8221; max_width_last_edited=&#8221;on|desktop&#8221; custom_padding=&#8221;30px|0px|22.8594px|0px|false|false&#8221; make_fullwidth=&#8221;on&#8221; collapsed=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]\n<h1 style=\"text-align: center;\">Still Need Help? Our Customer Service Is Here For You.<\/h1>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_2,1_2&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_button button_url=&#8221;https:\/\/support.ilevia.com\/contacts\/&#8221; button_text=&#8221;Ask For Help&#8221; button_alignment=&#8221;center&#8221; _builder_version=&#8221;4.16&#8243; custom_button=&#8221;on&#8221; button_text_size=&#8221;20px&#8221; button_text_color=&#8221;#1e84f4&#8243; button_bg_color=&#8221;#FFFFFF&#8221; button_border_width=&#8221;2px&#8221; button_border_color=&#8221;#1e84f4&#8243; button_font=&#8221;||||||||&#8221; button_use_icon=&#8221;off&#8221; custom_margin=&#8221;|-120px|||false|false&#8221; custom_margin_tablet=&#8221;&#8221; custom_margin_phone=&#8221;|0px|||false|false&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; box_shadow_style=&#8221;preset2&#8243; box_shadow_spread=&#8221;-80px&#8221; global_colors_info=&#8221;{}&#8221; box_shadow_spread__hover=&#8221;0px&#8221; box_shadow_spread__hover_enabled=&#8221;on&#8221;][\/et_pb_button][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_button button_url=&#8221;https:\/\/support.ilevia.com\/contacts\/&#8221; button_text=&#8221;Make a suggestion&#8221; button_alignment=&#8221;center&#8221; _builder_version=&#8221;4.16&#8243; custom_button=&#8221;on&#8221; button_text_size=&#8221;20px&#8221; button_text_color=&#8221;#1e84f4&#8243; button_bg_color=&#8221;#FFFFFF&#8221; button_border_width=&#8221;2px&#8221; button_border_color=&#8221;#1e84f4&#8243; button_use_icon=&#8221;off&#8221; custom_margin=&#8221;|||-120px|false|false&#8221; custom_margin_tablet=&#8221;&#8221; custom_margin_phone=&#8221;|||0px|false|false&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; custom_padding=&#8221;|||25px|false|false&#8221; box_shadow_style=&#8221;preset2&#8243; box_shadow_spread=&#8221;-80px&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; box_shadow_spread__hover=&#8221;0px&#8221; box_shadow_spread__hover_enabled=&#8221;on&#8221;][\/et_pb_button][\/et_pb_column][\/et_pb_row][\/et_pb_section]\n","protected":false},"excerpt":{"rendered":"<p>MAP USER INTERFACE INTRODUCTION The creation of a &#8220;Map&#8221; interface develops in two layers: Primary menu (on the left): Only icons (from Icons tab). This is the primary bar, the main menu of the user interface; Secondary menu (on the top):\u00a0Only icons (from Icons tab). This is the secondary bar that looks like the excel [&hellip;]<\/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":[1,23],"tags":[],"class_list":["post-20923","post","type-post","status-publish","format-standard","hentry","category-all","category-app-interface"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Map user interface Ilevia Support |<\/title>\n<meta name=\"description\" content=\"Complete guide of the configuration of the map user interface inside the Home automation software EVE Manager Pro.\" \/>\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\/en\/all\/map-user-interface\/\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Filippo Amabilia\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"16 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/all\\\/map-user-interface\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/all\\\/map-user-interface\\\/\"},\"author\":{\"name\":\"Filippo Amabilia\",\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/#\\\/schema\\\/person\\\/08a8d13dee0bc9f160da55efe97b7959\"},\"headline\":\"Map user interface\",\"datePublished\":\"2020-09-01T13:53:27+00:00\",\"dateModified\":\"2026-01-07T13:50:43+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/all\\\/map-user-interface\\\/\"},\"wordCount\":3175,\"publisher\":{\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/all\\\/map-user-interface\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/support.ilevia.com\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/Map_user_interface_editor_undo-redo.png\",\"articleSection\":[\"All Archives\",\"App &amp; Interface\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/all\\\/map-user-interface\\\/\",\"url\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/all\\\/map-user-interface\\\/\",\"name\":\"Map user interface Ilevia Support |\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/all\\\/map-user-interface\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/all\\\/map-user-interface\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/support.ilevia.com\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/Map_user_interface_editor_undo-redo.png\",\"datePublished\":\"2020-09-01T13:53:27+00:00\",\"dateModified\":\"2026-01-07T13:50:43+00:00\",\"description\":\"Complete guide of the configuration of the map user interface inside the Home automation software EVE Manager Pro.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/all\\\/map-user-interface\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/support.ilevia.com\\\/en\\\/all\\\/map-user-interface\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/all\\\/map-user-interface\\\/#primaryimage\",\"url\":\"https:\\\/\\\/support.ilevia.com\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/Map_user_interface_editor_undo-redo.png\",\"contentUrl\":\"https:\\\/\\\/support.ilevia.com\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/Map_user_interface_editor_undo-redo.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/all\\\/map-user-interface\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"App &amp; Interfaccia\",\"item\":\"https:\\\/\\\/support.ilevia.com\\\/it\\\/archivi\\\/app-interfaccia\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Map user interface\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/\",\"name\":\"Ilevia Support\",\"description\":\"Assistance &amp; 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\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/#organization\",\"name\":\"Ilevia\",\"url\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@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\":\"en-US\",\"@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\\\/en\\\/author\\\/filippo-amabilia\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Map user interface Ilevia Support |","description":"Complete guide of the configuration of the map user interface inside the Home automation software EVE Manager Pro.","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\/en\/all\/map-user-interface\/","twitter_misc":{"Written by":"Filippo Amabilia","Est. reading time":"16 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/support.ilevia.com\/en\/all\/map-user-interface\/#article","isPartOf":{"@id":"https:\/\/support.ilevia.com\/en\/all\/map-user-interface\/"},"author":{"name":"Filippo Amabilia","@id":"https:\/\/support.ilevia.com\/en\/#\/schema\/person\/08a8d13dee0bc9f160da55efe97b7959"},"headline":"Map user interface","datePublished":"2020-09-01T13:53:27+00:00","dateModified":"2026-01-07T13:50:43+00:00","mainEntityOfPage":{"@id":"https:\/\/support.ilevia.com\/en\/all\/map-user-interface\/"},"wordCount":3175,"publisher":{"@id":"https:\/\/support.ilevia.com\/en\/#organization"},"image":{"@id":"https:\/\/support.ilevia.com\/en\/all\/map-user-interface\/#primaryimage"},"thumbnailUrl":"https:\/\/support.ilevia.com\/wp-content\/uploads\/2022\/02\/Map_user_interface_editor_undo-redo.png","articleSection":["All Archives","App &amp; Interface"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/support.ilevia.com\/en\/all\/map-user-interface\/","url":"https:\/\/support.ilevia.com\/en\/all\/map-user-interface\/","name":"Map user interface Ilevia Support |","isPartOf":{"@id":"https:\/\/support.ilevia.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/support.ilevia.com\/en\/all\/map-user-interface\/#primaryimage"},"image":{"@id":"https:\/\/support.ilevia.com\/en\/all\/map-user-interface\/#primaryimage"},"thumbnailUrl":"https:\/\/support.ilevia.com\/wp-content\/uploads\/2022\/02\/Map_user_interface_editor_undo-redo.png","datePublished":"2020-09-01T13:53:27+00:00","dateModified":"2026-01-07T13:50:43+00:00","description":"Complete guide of the configuration of the map user interface inside the Home automation software EVE Manager Pro.","breadcrumb":{"@id":"https:\/\/support.ilevia.com\/en\/all\/map-user-interface\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/support.ilevia.com\/en\/all\/map-user-interface\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/support.ilevia.com\/en\/all\/map-user-interface\/#primaryimage","url":"https:\/\/support.ilevia.com\/wp-content\/uploads\/2022\/02\/Map_user_interface_editor_undo-redo.png","contentUrl":"https:\/\/support.ilevia.com\/wp-content\/uploads\/2022\/02\/Map_user_interface_editor_undo-redo.png"},{"@type":"BreadcrumbList","@id":"https:\/\/support.ilevia.com\/en\/all\/map-user-interface\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/support.ilevia.com\/en\/"},{"@type":"ListItem","position":2,"name":"App &amp; Interfaccia","item":"https:\/\/support.ilevia.com\/it\/archivi\/app-interfaccia\/"},{"@type":"ListItem","position":3,"name":"Map user interface"}]},{"@type":"WebSite","@id":"https:\/\/support.ilevia.com\/en\/#website","url":"https:\/\/support.ilevia.com\/en\/","name":"Ilevia Support","description":"Assistance &amp; 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":"en-US"},{"@type":"Organization","@id":"https:\/\/support.ilevia.com\/en\/#organization","name":"Ilevia","url":"https:\/\/support.ilevia.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@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":"en-US","@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\/en\/author\/filippo-amabilia\/"}]}},"_links":{"self":[{"href":"https:\/\/support.ilevia.com\/en\/wp-json\/wp\/v2\/posts\/20923","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/support.ilevia.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/support.ilevia.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/support.ilevia.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/support.ilevia.com\/en\/wp-json\/wp\/v2\/comments?post=20923"}],"version-history":[{"count":144,"href":"https:\/\/support.ilevia.com\/en\/wp-json\/wp\/v2\/posts\/20923\/revisions"}],"predecessor-version":[{"id":83494,"href":"https:\/\/support.ilevia.com\/en\/wp-json\/wp\/v2\/posts\/20923\/revisions\/83494"}],"wp:attachment":[{"href":"https:\/\/support.ilevia.com\/en\/wp-json\/wp\/v2\/media?parent=20923"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/support.ilevia.com\/en\/wp-json\/wp\/v2\/categories?post=20923"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/support.ilevia.com\/en\/wp-json\/wp\/v2\/tags?post=20923"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}