{"id":80577,"date":"2025-07-22T14:47:59","date_gmt":"2025-07-22T12:47:59","guid":{"rendered":"https:\/\/support.ilevia.com\/?p=80577"},"modified":"2026-01-07T14:13:59","modified_gmt":"2026-01-07T13:13:59","slug":"shape","status":"publish","type":"post","link":"https:\/\/support.ilevia.com\/en\/ilevia-control\/shape\/","title":{"rendered":"Shape"},"content":{"rendered":"[et_pb_section fb_built=”1″ _builder_version=”4.27.4″ _module_preset=”default” custom_padding=”0px||||false|false” global_colors_info=”{}”][et_pb_row _builder_version=”4.27.4″ _module_preset=”default” custom_padding=”0px||0px||false|false” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]\n

\"\"SHAPE<\/h1>\n
\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.27.5″ _module_preset=”default” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″]\n
\n

INTRODUCTION<\/h2>\n<\/blockquote>\n

This component allows you to place precise shapes within the Ilevia’s Map user interface<\/a>. The shapes can be customized and placed precisely in your project.<\/p>\n[\/et_pb_text][et_pb_text _builder_version=”4.27.4″ _module_preset=”default” custom_margin=”30px||||false|false” custom_padding=”||0px||false|false” global_colors_info=”{}”]\n

\n

Component properties<\/h3>\n<\/blockquote>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”2_5,3_5″ _builder_version=”4.27.4″ _module_preset=”default” custom_padding=”0px||||false|false” global_colors_info=”{}”][et_pb_column type=”2_5″ _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”https:\/\/support.ilevia.com\/wp-content\/uploads\/2025\/07\/Shape_component-properties.png” title_text=”Shape_component-properties” show_in_lightbox=”on” _builder_version=”4.27.4″ _module_preset=”default” box_shadow_style=”preset2″ global_colors_info=”{}”][\/et_pb_image][\/et_pb_column][et_pb_column type=”3_5″ _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]\n

Shape type:<\/strong> Select the shape between Rectangle<\/b>, Rounded rectangle<\/b>, Circle<\/b> and Triangle<\/b>.<\/p>\n

Background color:<\/strong> Here select the shape’s color.<\/p>\n

Border radius:<\/strong> This setting allows to change the smoothness of the shape’s angles.<\/p>\n

Ignore app opacity:<\/strong> This checkbox will make the shape ignore the app (Ilevia Control) opacity if different from the default one.<\/p>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.27.4″ _module_preset=”default” custom_margin=”30px||||false|false” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]\n

Shape component visualization<\/h4>\n[\/et_pb_text][et_pb_text _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]\n

The picture below represents the Shape components within the Map user interface<\/a> on the Ilevia Control app<\/a>.[\/et_pb_text][et_pb_image src=”https:\/\/support.ilevia.com\/wp-content\/uploads\/2025\/07\/Shape_user-interface-visualization.png” alt=”Shape component within the Ilevia’s app Ilevia Control.” title_text=”Shape_user-interface-visualization” show_in_lightbox=”on” _builder_version=”4.27.4″ _module_preset=”default” custom_margin=”50px||||false|false” box_shadow_style=”preset2″ global_colors_info=”{}”][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ inner_shadow=”on” admin_label=”section” _builder_version=”4.24.0″ background_color=”#fafafa” parallax=”on” min_height=”280px” custom_margin=”30px||||false|false” global_module=”59323″ locked=”off” collapsed=”off” global_colors_info=”{}”][et_pb_row admin_label=”row” _builder_version=”4.16″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]\n

Still Need Help? Our Customer Service Is Here For You.<\/h1>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.23.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.23.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_button button_url=”https:\/\/support.ilevia.com\/faqs\/” button_text=”Ask for help” button_alignment=”center” _builder_version=”4.27.4″ _module_preset=”default” custom_button=”on” button_text_size=”20px” button_text_color=”#1e84f4″ button_border_color=”#1e84f4″ button_use_icon=”off” custom_margin=”||||false|false” box_shadow_style=”preset2″ box_shadow_spread=”-80px” global_colors_info=”{}” box_shadow_spread__hover_enabled=”on|desktop” box_shadow_spread__hover=”0px” button_text_color__hover_enabled=”on|hover” button_text_color__hover=”#FFFFFF”][\/et_pb_button][et_pb_button button_url=”https:\/\/support.ilevia.com\/suggestions\/” button_text=”Make a suggestion” button_alignment=”center” _builder_version=”4.27.4″ _module_preset=”default” custom_button=”on” button_text_size=”20px” button_text_color=”#1e84f4″ button_border_color=”#1e84f4″ button_use_icon=”off” custom_margin=”||||false|false” box_shadow_style=”preset2″ box_shadow_spread=”-80px” locked=”off” global_colors_info=”{}” box_shadow_spread__hover_enabled=”on|desktop” box_shadow_spread__hover=”0px” button_text_color__hover=”#FFFFFF” button_text_color__hover_enabled=”on|hover”][\/et_pb_button][\/et_pb_column][\/et_pb_row][\/et_pb_section]\n","protected":false},"excerpt":{"rendered":"

SHAPE INTRODUCTION This component allows you to place precise shapes within the Ilevia’s Map user interface. The shapes can be customized and placed precisely in your project. Component properties Shape type: Select the shape between Rectangle, Rounded rectangle, Circle and Triangle. Background color: Here select the shape’s color. Border radius: This setting allows to change […]<\/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,18,105],"tags":[],"class_list":["post-80577","post","type-post","status-publish","format-standard","hentry","category-all","category-configuration-software-en","category-ilevia-control"],"yoast_head":"\nShape Ilevia Support |<\/title>\n<meta name=\"description\" content=\"Complete guide of how to configure the Shape component within the Ilevia's cnfiguration software.\" \/>\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\/shape\/\" \/>\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=\"4 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\\\/shape\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/all\\\/shape\\\/\"},\"author\":{\"name\":\"Filippo Amabilia\",\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/#\\\/schema\\\/person\\\/08a8d13dee0bc9f160da55efe97b7959\"},\"headline\":\"Shape\",\"datePublished\":\"2025-07-22T12:47:59+00:00\",\"dateModified\":\"2026-01-07T13:13:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/all\\\/shape\\\/\"},\"wordCount\":765,\"publisher\":{\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/all\\\/shape\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/support.ilevia.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/Shape.png\",\"articleSection\":[\"All Archives\",\"Configuration Software\",\"ilevia control\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/all\\\/shape\\\/\",\"url\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/all\\\/shape\\\/\",\"name\":\"Shape Ilevia Support |\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/all\\\/shape\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/all\\\/shape\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/support.ilevia.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/Shape.png\",\"datePublished\":\"2025-07-22T12:47:59+00:00\",\"dateModified\":\"2026-01-07T13:13:59+00:00\",\"description\":\"Complete guide of how to configure the Shape component within the Ilevia's cnfiguration software.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/all\\\/shape\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/support.ilevia.com\\\/en\\\/all\\\/shape\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/all\\\/shape\\\/#primaryimage\",\"url\":\"https:\\\/\\\/support.ilevia.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/Shape.png\",\"contentUrl\":\"https:\\\/\\\/support.ilevia.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/Shape.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/all\\\/shape\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"ilevia control\",\"item\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/ilevia-control\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Shape\"}]},{\"@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\":\"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":"Shape Ilevia Support |","description":"Complete guide of how to configure the Shape component within the Ilevia's cnfiguration software.","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\/shape\/","twitter_misc":{"Written by":"Filippo Amabilia","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/support.ilevia.com\/en\/all\/shape\/#article","isPartOf":{"@id":"https:\/\/support.ilevia.com\/en\/all\/shape\/"},"author":{"name":"Filippo Amabilia","@id":"https:\/\/support.ilevia.com\/en\/#\/schema\/person\/08a8d13dee0bc9f160da55efe97b7959"},"headline":"Shape","datePublished":"2025-07-22T12:47:59+00:00","dateModified":"2026-01-07T13:13:59+00:00","mainEntityOfPage":{"@id":"https:\/\/support.ilevia.com\/en\/all\/shape\/"},"wordCount":765,"publisher":{"@id":"https:\/\/support.ilevia.com\/en\/#organization"},"image":{"@id":"https:\/\/support.ilevia.com\/en\/all\/shape\/#primaryimage"},"thumbnailUrl":"https:\/\/support.ilevia.com\/wp-content\/uploads\/2025\/07\/Shape.png","articleSection":["All Archives","Configuration Software","ilevia control"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/support.ilevia.com\/en\/all\/shape\/","url":"https:\/\/support.ilevia.com\/en\/all\/shape\/","name":"Shape Ilevia Support |","isPartOf":{"@id":"https:\/\/support.ilevia.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/support.ilevia.com\/en\/all\/shape\/#primaryimage"},"image":{"@id":"https:\/\/support.ilevia.com\/en\/all\/shape\/#primaryimage"},"thumbnailUrl":"https:\/\/support.ilevia.com\/wp-content\/uploads\/2025\/07\/Shape.png","datePublished":"2025-07-22T12:47:59+00:00","dateModified":"2026-01-07T13:13:59+00:00","description":"Complete guide of how to configure the Shape component within the Ilevia's cnfiguration software.","breadcrumb":{"@id":"https:\/\/support.ilevia.com\/en\/all\/shape\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/support.ilevia.com\/en\/all\/shape\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/support.ilevia.com\/en\/all\/shape\/#primaryimage","url":"https:\/\/support.ilevia.com\/wp-content\/uploads\/2025\/07\/Shape.png","contentUrl":"https:\/\/support.ilevia.com\/wp-content\/uploads\/2025\/07\/Shape.png"},{"@type":"BreadcrumbList","@id":"https:\/\/support.ilevia.com\/en\/all\/shape\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/support.ilevia.com\/en\/"},{"@type":"ListItem","position":2,"name":"ilevia control","item":"https:\/\/support.ilevia.com\/en\/ilevia-control\/"},{"@type":"ListItem","position":3,"name":"Shape"}]},{"@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":"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\/80577","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=80577"}],"version-history":[{"count":26,"href":"https:\/\/support.ilevia.com\/en\/wp-json\/wp\/v2\/posts\/80577\/revisions"}],"predecessor-version":[{"id":83485,"href":"https:\/\/support.ilevia.com\/en\/wp-json\/wp\/v2\/posts\/80577\/revisions\/83485"}],"wp:attachment":[{"href":"https:\/\/support.ilevia.com\/en\/wp-json\/wp\/v2\/media?parent=80577"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/support.ilevia.com\/en\/wp-json\/wp\/v2\/categories?post=80577"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/support.ilevia.com\/en\/wp-json\/wp\/v2\/tags?post=80577"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}