{"id":26157,"date":"2026-10-14T11:31:54","date_gmt":"2026-10-14T15:31:54","guid":{"rendered":"https:\/\/kb.n0c.com\/?post_type=ht_kb&#038;p=26157"},"modified":"2026-10-27T14:06:08","modified_gmt":"2026-10-27T18:06:08","slug":"features-and-graphical-elements-of-the-mg-panels-user-interfaces","status":"publish","type":"ht_kb","link":"https:\/\/kb.n0c.com\/en\/knowledge-base\/features-and-graphical-elements-of-the-mg-panels-user-interfaces\/","title":{"rendered":"Features and Graphical Elements of the MG Panel\u2019s User Interfaces"},"content":{"rendered":"\n<p>The aim of this article is to explain the conventions used in the user interfaces of the N0C MG Panel, more specifically:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The areas of interfaces used for navigation and information, as well as the content areas.<\/li>\n\n\n\n<li>Dialogue boxes.<\/li>\n\n\n\n<li>Pictograms (graphic elements or symbols) found on icons, buttons and sliders.<\/li>\n<\/ul>\n\n\n\n<p>Reading this article will help you use the MG Panel more intuitively and save you time. You will no longer have to constantly refer to the knowledge base for general information that has become obvious to you. In addition, articles in the knowledge base refer to this article when appropriate, which helps keep the text concise.<\/p>\n\n\n\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\">The&nbsp;<a href=\"https:\/\/kb.n0c.com\/en\/glossary\/\">Glossary<\/a>&nbsp;contains explanations on multiple topics and can be consulted to clarify certain terms.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Prerequisites<\/h2>\n\n\n\n<p>Go to <a href=\"https:\/\/mg.n0c.com\/en\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/mg.n0c.com\/en\/<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-danger\">If you are not familiar with N0C at all, we encourage you to read first the article <a href=\"https:\/\/kb.n0c.com\/en\/knowledge-base\/how-to-use-the-dashboard\/\">How to Use the Dashboard<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Description of a Typical Interface in the MG Panel<\/h2>\n\n\n\n<p>When you click on an option in the <strong>Context menu<\/strong> (<strong>N0C WP<\/strong>, for example), a window similar to this one will open:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_signification_MG_2026-10-02_EN-1024x577.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"577\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_signification_MG_2026-10-02_EN-1024x577.png\" alt=\"Description of a Typical Interface\" class=\"wp-image-26160\" srcset=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_signification_MG_2026-10-02_EN-1024x577.png 1024w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_signification_MG_2026-10-02_EN-300x169.png 300w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_signification_MG_2026-10-02_EN-768x433.png 768w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_signification_MG_2026-10-02_EN-50x28.png 50w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_signification_MG_2026-10-02_EN-1536x865.png 1536w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_signification_MG_2026-10-02_EN-60x34.png 60w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_signification_MG_2026-10-02_EN-100x56.png 100w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_signification_MG_2026-10-02_EN.png 1569w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div>\n\n\n<p>Let\u2019s take a closer look at what it consists of.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><\/td><td><strong>Name<\/strong><\/td><td><strong>Use<\/strong><\/td><td><strong>Comments<\/strong><\/td><\/tr><tr><td>A<\/td><td>Context menu<\/td><td>List of options providing access to the N0C interfaces.<\/td><td>See the article <a href=\"https:\/\/kb.n0c.com\/en\/knowledge-base\/how-to-use-the-dashboard\/\">How to Use the Dashboard<\/a> for further details.<\/td><\/tr><tr><td>B<\/td><td>Name of the interface and name of the selected section<\/td><td>Name of the interface and name of the selected section to be used for interaction.<\/td><td>Note: the name that appears here does not necessarily have to be the same as the one selected from the context menu. A page may sometimes contain two, three or four separate sections.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"35\" height=\"37\" class=\"wp-image-25804\" style=\"width: 35px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-01-a-13.02.34.png\" alt=\"\">The <strong>See the documentation<\/strong> icon provides access to the knowledge base article relating to the interface displayed.<\/td><\/tr><tr><td>C<\/td><td>Descriptions of the section or tool on the page<\/td><td>Information regarding the interface\u2019s features.<\/td><td><\/td><\/tr><tr><td>D<\/td><td>Main content area<\/td><td>Displays the key information that the user has come to view in this section, along with the input fields and controls.<\/td><td>See &#8220;<a href=\"https:\/\/kb.n0c.com\/en\/knowledge-base\/features-and-graphical-elements-of-the-mg-panels-user-interfaces\/#:~:text=or%20a%20button).-,Types%20of%20Main%20Content%20Area,-The%20main%20content\">Types of main content area<\/a>&#8220;.<\/td><\/tr><tr><td>Da<\/td><td>Record<\/td><td>In a data table, this refers to a structured set of data relating to a single entity or subject.<\/td><td>Often referred to as a entry or row.<\/td><\/tr><tr><td>E<\/td><td>Controls<\/td><td>Sometimes, controls are displayed in the main content area.<\/td><td>The example shows a cursor.<\/td><\/tr><tr><td>F<\/td><td>Icons<\/td><td>A small image or icon representing a file, a folder or an application.<\/td><td>See the &#8220;<a href=\"https:\/\/kb.n0c.com\/en\/knowledge-base\/features-and-graphical-elements-of-the-mg-panels-user-interfaces\/#:~:text=data%20is%20available%3A-,Symbols%20Used%20on%20the%20MG%20Panel,-The%20name%20and\">Symbols used on the MG Panel<\/a>&#8220;.<\/td><\/tr><tr><td>G<\/td><td>Button<\/td><td>A graphic element that, when clicked, triggers an immediate action.<\/td><td>See the &#8220;<a href=\"https:\/\/kb.n0c.com\/en\/knowledge-base\/features-and-graphical-elements-of-the-mg-panels-user-interfaces\/#:~:text=data%20is%20available%3A-,Symbols%20Used%20on%20the%20MG%20Panel,-The%20name%20and\">Symbols used on the MG Panel<\/a>&#8220;.<\/td><\/tr><tr><td>H<\/td><td>Text field<\/td><td>An area where the user can type text using the keyboard.<\/td><td><\/td><\/tr><tr><td>I<\/td><td>Current user<\/td><td>Username associated with the Web Project.<\/td><td><\/td><\/tr><tr><td>J<\/td><td>Language<\/td><td>Selecting the display language for the MG Panel.<\/td><td>FR : French.<br><br>EN : English.<\/td><\/tr><tr><td>K<\/td><td>Navigation button<\/td><td>Enables the user to navigate or quickly access other pages when it is not possible to display all the records on the screen.<\/td><td><\/td><\/tr><tr><td>L<\/td><td>Tooktip<\/td><td>A small context-sensitive help message that appears on the screen when the user hovers the cursor over a graphical element (such as an icon or a button).<\/td><td><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Types of Main Content Area<\/h3>\n\n\n\n<p>The main content area, which forms the heart of the interface, contains, on one hand, the information being viewed and, on the other, the input fields and controls:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_MG_zone_contenu_principale_2026-10-13_EN-1024x587.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"587\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_MG_zone_contenu_principale_2026-10-13_EN-1024x587.png\" alt=\"\" class=\"wp-image-26503\" srcset=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_MG_zone_contenu_principale_2026-10-13_EN-1024x587.png 1024w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_MG_zone_contenu_principale_2026-10-13_EN-300x172.png 300w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_MG_zone_contenu_principale_2026-10-13_EN-768x440.png 768w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_MG_zone_contenu_principale_2026-10-13_EN-50x29.png 50w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_MG_zone_contenu_principale_2026-10-13_EN-60x34.png 60w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_MG_zone_contenu_principale_2026-10-13_EN-100x57.png 100w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_MG_zone_contenu_principale_2026-10-13_EN.png 1437w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div>\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><\/td><td><strong>Name<\/strong><\/td><td><strong>Use<\/strong><\/td><\/tr><tr><td>A<\/td><td>Display of the information viewed<\/td><td>Displays key information, data tables and other data requested by the user.<\/td><\/tr><tr><td>B<\/td><td>Input fields and controls<\/td><td>Interactive elements that allow the user to enter data or trigger an action (buttons, text fields, tick boxes, sliders, etc.).<\/td><\/tr><tr><td>C<\/td><td>Action buttons<\/td><td>In the data tables, the action buttons used to manipulate the information will always be on the right. There are only a few of them, except in a few specific cases.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Research Filters<\/h4>\n\n\n\n<p>Here is a typical example of an input interface and controls featuring search filters (in this case, drop-down lists and text fields) that allow you to filter data in tables or lists:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_MG_filtres_recherche_2026-10-13_EN-scaled.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"303\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_MG_filtres_recherche_2026-10-13_EN-1024x303.png\" alt=\"\" class=\"wp-image-26509\" srcset=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_MG_filtres_recherche_2026-10-13_EN-1024x303.png 1024w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_MG_filtres_recherche_2026-10-13_EN-300x89.png 300w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_MG_filtres_recherche_2026-10-13_EN-768x228.png 768w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_MG_filtres_recherche_2026-10-13_EN-50x15.png 50w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_MG_filtres_recherche_2026-10-13_EN-1536x455.png 1536w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_MG_filtres_recherche_2026-10-13_EN-2048x607.png 2048w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_MG_filtres_recherche_2026-10-13_EN-60x18.png 60w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_MG_filtres_recherche_2026-10-13_EN-100x30.png 100w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div>\n\n\n<h4 class=\"wp-block-heading\">Tabs<\/h4>\n\n\n\n<p>Tabs organize the content into separate views, only one of which can be displayed at a time. The label for each tab appears in the tab header, and the active tab is highlighted by a coloured bar:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_MG_php_2026-10-13_EN.png\"><img loading=\"lazy\" decoding=\"async\" width=\"894\" height=\"661\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_MG_php_2026-10-13_EN.png\" alt=\"\" class=\"wp-image-26511\" srcset=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_MG_php_2026-10-13_EN.png 894w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_MG_php_2026-10-13_EN-300x222.png 300w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_MG_php_2026-10-13_EN-768x568.png 768w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_MG_php_2026-10-13_EN-50x37.png 50w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_MG_php_2026-10-13_EN-60x44.png 60w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_MG_php_2026-10-13_EN-100x74.png 100w\" sizes=\"auto, (max-width: 894px) 100vw, 894px\" \/><\/a><\/figure><\/div>\n\n\n<p>Unlike a data table or a list, this interface allows to present a large amount of relevant information on a single topic without having to create a new page.<\/p>\n\n\n\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\">This library, developed by Google, is highly efficient and widely used; it is the only one employed for N0C: <a href=\"https:\/\/material.angular.dev\/components\/tabs\/overview\">https:\/\/material.angular.dev\/components\/tabs\/overview<\/a>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Label<\/h4>\n\n\n\n<p>A label is a textual content or a small visual element that describes the purpose of an element on the screen:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_MG_journaux_acces_2026-10-13_EN-1-1024x302.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"302\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_MG_journaux_acces_2026-10-13_EN-1-1024x302.png\" alt=\"\" class=\"wp-image-26513\" srcset=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_MG_journaux_acces_2026-10-13_EN-1-1024x302.png 1024w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_MG_journaux_acces_2026-10-13_EN-1-300x88.png 300w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_MG_journaux_acces_2026-10-13_EN-1-768x226.png 768w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_MG_journaux_acces_2026-10-13_EN-1-50x15.png 50w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_MG_journaux_acces_2026-10-13_EN-1-60x18.png 60w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_MG_journaux_acces_2026-10-13_EN-1-100x29.png 100w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_MG_journaux_acces_2026-10-13_EN-1.png 1449w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div>\n\n\n<h4 class=\"wp-block-heading\">Extension panel<\/h4>\n\n\n\n<p>An extension panel is a collapsible or expandable graphical user interface element that allows additional information or options to be displayed without cluttering the main screen:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_MG_memcached_2026-10-13_EN.png\"><img loading=\"lazy\" decoding=\"async\" width=\"771\" height=\"562\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_MG_memcached_2026-10-13_EN.png\" alt=\"\" class=\"wp-image-26515\" style=\"width:448px;height:auto\" srcset=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_MG_memcached_2026-10-13_EN.png 771w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_MG_memcached_2026-10-13_EN-300x219.png 300w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_MG_memcached_2026-10-13_EN-768x560.png 768w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_MG_memcached_2026-10-13_EN-50x36.png 50w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_MG_memcached_2026-10-13_EN-60x44.png 60w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_MG_memcached_2026-10-13_EN-100x73.png 100w\" sizes=\"auto, (max-width: 771px) 100vw, 771px\" \/><\/a><\/figure><\/div>\n\n\n<h2 class=\"wp-block-heading\">Description of the Dialogue Boxes<\/h2>\n\n\n\n<p>A dialogue box is a small secondary window that appears on the screen. There are:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>interactive dialogue boxes (which allow the user to perform actions or make choices); and<\/li>\n\n\n\n<li>dialogue boxes that appear to provide information (a message or main instruction).<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Interactive Dialog Boxes<\/h3>\n\n\n\n<p>Here is a typical action and choice dialogue box:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Boite_de_dialogue_typique_Panneau_MG_2026-10-01_EN-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"474\" height=\"862\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Boite_de_dialogue_typique_Panneau_MG_2026-10-01_EN-1.png\" alt=\"Interactive Dialog Boxes\" class=\"wp-image-26168\" style=\"width:270px;height:auto\" srcset=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Boite_de_dialogue_typique_Panneau_MG_2026-10-01_EN-1.png 474w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Boite_de_dialogue_typique_Panneau_MG_2026-10-01_EN-1-165x300.png 165w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Boite_de_dialogue_typique_Panneau_MG_2026-10-01_EN-1-27x50.png 27w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Boite_de_dialogue_typique_Panneau_MG_2026-10-01_EN-1-33x60.png 33w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Boite_de_dialogue_typique_Panneau_MG_2026-10-01_EN-1-55x100.png 55w\" sizes=\"auto, (max-width: 474px) 100vw, 474px\" \/><\/a><\/figure><\/div>\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><\/td><td><strong>Name<\/strong><\/td><td><strong>Usage<\/strong><\/td><td><strong>Comment<\/strong>s<\/td><\/tr><tr><td>A<\/td><td>Title bar<\/td><td>Shows the name of the programme, feature or action currently in progress.<\/td><td><\/td><\/tr><tr><td>B<\/td><td>Content area<\/td><td>A central area displaying options, tick boxes, sliders, drop-down lists or text fields to be filled in.<\/td><td><\/td><\/tr><tr><td>C<\/td><td>Confirmation buttons<\/td><td>Interactive buttons at the bottom to confirm or cancel an action (such as Create, OK, Cancel, Yes, No, Save, etc.).<\/td><td>Some buttons are grey and only turn blue once all the required information has been entered. They can then be clicked.<\/td><\/tr><tr><td>D<\/td><td>Closure button<\/td><td>Button to close the dialogue box.<\/td><td><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Dialogue Boxes for Providing Information<\/h3>\n\n\n\n<p>This type of dialogue box provides you with key messages or instructions. It is essentially an explanatory text or a question put to the user (for example: &#8220;Do you want to save the changes?&#8221;).<\/p>\n\n\n\n<p>Here are a few examples.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><\/td><td><strong>Messages\/instructions<\/strong><\/td><td><strong>Examples<\/strong><\/td><\/tr><tr><td><strong>Confirmation<\/strong><\/td><td>A communication or confirmation mechanism that either verifies a user\u2019s intention before a critical action is taken, or informs the user that an action has been successfully completed.<\/td><td><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"75\" class=\"wp-image-26193\" style=\"width: 150px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-06-a-09.56.25.png\" alt=\"\" srcset=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-06-a-09.56.25.png 880w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-06-a-09.56.25-300x151.png 300w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-06-a-09.56.25-768x386.png 768w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-06-a-09.56.25-50x25.png 50w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-06-a-09.56.25-60x30.png 60w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-06-a-09.56.25-100x50.png 100w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><br><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"26\" class=\"wp-image-26197\" style=\"width: 150px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-06-a-10.00.51.png\" alt=\"\" srcset=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-06-a-10.00.51.png 470w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-06-a-10.00.51-300x51.png 300w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-06-a-10.00.51-50x9.png 50w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-06-a-10.00.51-60x10.png 60w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-06-a-10.00.51-100x17.png 100w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/td><\/tr><tr><td><strong>Yellow box<\/strong><\/td><td>A yellow box (often referred to as a warning box) is a visual notification or alert element used to draw the user\u2019s attention to important, but non-critical, information.<\/td><td><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"27\" class=\"wp-image-26195\" style=\"width: 150px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-06-a-09.59.38.png\" alt=\"\" srcset=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-06-a-09.59.38.png 470w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-06-a-09.59.38-300x55.png 300w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-06-a-09.59.38-50x9.png 50w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-06-a-09.59.38-60x11.png 60w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-06-a-09.59.38-100x18.png 100w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/td><\/tr><tr><td><strong>Red box<\/strong><\/td><td>A red box (or red boxed area) generally indicates a visual indicator of an error, a warning or an active selection, signalling a problem that absolutely requires the user\u2019s attention and is often critical.<\/td><td><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"44\" class=\"wp-image-25816\" style=\"width: 150px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-01-a-14.43.14.png\" alt=\"\" srcset=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-01-a-14.43.14.png 231w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-01-a-14.43.14-50x15.png 50w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-01-a-14.43.14-60x17.png 60w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-01-a-14.43.14-100x29.png 100w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/td><\/tr><tr><td><strong>Informations<\/strong><\/td><td>All the data, text, messages and visual cues displayed to convey the status of a system and guide the user\u2019s actions.<\/td><td>Examples :<br><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"24\" class=\"wp-image-26183\" style=\"width: 150px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-06-a-09.12.15.png\" alt=\"\" srcset=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-06-a-09.12.15.png 876w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-06-a-09.12.15-300x47.png 300w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-06-a-09.12.15-768x121.png 768w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-06-a-09.12.15-50x8.png 50w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-06-a-09.12.15-60x9.png 60w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-06-a-09.12.15-100x16.png 100w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Loader<\/h3>\n\n\n\n<p>The loader icon indicates that data is currently being retrieved from the server and that the page or section will be temporarily unavailable until this data is available:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Attente.png\"><img loading=\"lazy\" decoding=\"async\" width=\"208\" height=\"182\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Attente.png\" alt=\"\" class=\"wp-image-26500\" srcset=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Attente.png 208w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Attente-50x44.png 50w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Attente-60x53.png 60w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Attente-100x88.png 100w\" sizes=\"auto, (max-width: 208px) 100vw, 208px\" \/><\/a><\/figure><\/div>\n\n\n<h2 class=\"wp-block-heading\">Symbols Used on the MG Panel<\/h2>\n\n\n\n<p>The name and function of each icon, button or slider depend on the context. Nevertheless, these symbols usually follow a standard pattern, so that \u2013 much like a pictogram displayed in an airport \u2013 they can be understood in any language. After all, as the well-known saying goes, a picture is worth a thousand words.<\/p>\n\n\n\n<p>Here are a few symbols used in the MG Panel. If you are familiar with them, you will save a great deal of time when using the application.<\/p>\n\n\n\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-danger\">The symbols for Roundcube, SiteBuilder, phpMyAdmin, and phpPgAdmin\u2014applications that are not part of the suite of tools designed with N0C\u2014are not all documented in this article. Instead, they are covered in the knowledge base articles or on the Web.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><strong>Icons<\/strong><\/td><td><strong>Names<\/strong><\/td><td><strong>Functions<\/strong><\/td><td><strong>Examples<\/strong><\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-26734\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Group-1752.png\" alt=\"\"><br><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"29\" class=\"wp-image-26784\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/view-1.png\" alt=\"\"><br><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-26756\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Group-1765.png\" alt=\"\"><br><img loading=\"lazy\" decoding=\"async\" width=\"50\" height=\"46\" class=\"wp-image-25994\" style=\"width: 50px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-02-a-12.30.21.png\" alt=\"\"><br><img loading=\"lazy\" decoding=\"async\" width=\"34\" height=\"32\" class=\"wp-image-26789\" style=\"width: 34px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-16-a-09.16.14.png\" alt=\"\"><\/td><td>More details<br><br>Display<br><br>Show<\/td><td>Used to display, reveal or make hidden content visible<\/td><td><\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"35\" class=\"wp-image-26706\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/eye-off.png\" alt=\"\"><\/td><td>Hide<\/td><td>To make an item invisible on the screen without permanently deleting it<\/td><td><\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-26742\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Group-1757.png\" alt=\"\"><\/td><td>Webmail login<\/td><td>The process of signing into an email account directly through a web browser.<\/td><td><\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-26722\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Group-1112.png\" alt=\"\"><\/td><td>Email Logs<\/td><td>System log files that chronologically record all activities, events and transactions relating to the sending, receiving and routing of emails on an email server.<\/td><td><\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-26607\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Web-1920-\u2013-7.png\" alt=\"\" srcset=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Web-1920-\u2013-7.png 120w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Web-1920-\u2013-7-50x50.png 50w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Web-1920-\u2013-7-60x60.png 60w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Web-1920-\u2013-7-100x100.png 100w\" sizes=\"auto, (max-width: 40px) 100vw, 40px\" \/><\/td><td>Change password<\/td><td><\/td><td><\/td><\/tr><tr><td><br><\/td><td>Password complexity<\/td><td>Green: confirms that the password is sufficiently complex.<br><br>Red: indicates that the password does not meet the complexity criteria and that you need to choose another one.<\/td><td><\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-26736\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Group-1753.png\" alt=\"\"><\/td><td>Suspend<\/td><td>To temporarily suspend the execution of a programme, process or application without terminating it, whilst preserving its current state so that it can be resumed later.<\/td><td><\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-26738\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Group-1754.png\" alt=\"\"><\/td><td>Stop<\/td><td>To bring a process to a definitive end or immediately stop a task that is in progress.<\/td><td><\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-26718\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Group-852.png\" alt=\"\"><br><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-26724\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Group-1687.png\" alt=\"\"><br><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-26847\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Group-1779.png\" alt=\"\"><br><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-26740\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Group-1755.png\" alt=\"\"><\/td><td>Delete<\/td><td>To remove all or part of a computer programme\u2019s files, configurations and components so that it can no longer be run on the system.<\/td><td>In the file manager, delete a previously selected file or folder.<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-26744\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Group-1758.png\" alt=\"\"><\/td><td>Add<\/td><td>To insert new information into an existing structure (such as a file, a list, a variable or a database).<\/td><td><\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-26746\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Group-1759.png\" alt=\"\"><\/td><td>Log in<\/td><td>The action of signing into an account.<\/td><td><\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-26850\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Group-1778.png\" alt=\"\"><\/td><td>Rename<\/td><td>Change the text label of an item (file, folder or program) in the system whilst retaining the link to its original content or function.<\/td><td>In the file manager, rename a previously selected file or folder.<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-26748\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Group-1760.png\" alt=\"\"><br><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-26750\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Group-1762.png\" alt=\"\"><\/td><td>Modify<br><br>Rename<br><br>Change<\/td><td>The act of changing, transforming or updating data, a file or code (for example, changing a value in a database).<\/td><td>Modify the quota.<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-26748\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Group-1760.png\" alt=\"\"><br><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-26750\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Group-1762.png\" alt=\"\"><br><img loading=\"lazy\" decoding=\"async\" width=\"50\" height=\"47\" class=\"wp-image-25927\" style=\"width: 50px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-02-a-09.48.53.png\" alt=\"\" srcset=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-02-a-09.48.53.png 92w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-02-a-09.48.53-50x47.png 50w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-02-a-09.48.53-60x56.png 60w\" sizes=\"auto, (max-width: 50px) 100vw, 50px\" \/><\/td><td>Edit<\/td><td>This generally involves opening a file in a specialised interface or programme (text editor or code editor) in order to view, amend or rewrite it before saving it.<\/td><td>Edit the file.<br><br>Edit the URL.<br><br>In the file manager, edit a selected text file. The code is then displayed on screen and can be easily edited.<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-25974\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-02-a-12.14.23.png\" alt=\"\"><br><br><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"39\" class=\"wp-image-25998\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-02-a-12.35.32.png\" alt=\"\"><\/td><td>Dashboard<\/td><td>A graphical interface that collates, organises and presents key data, metrics and key performance indicators (KPIs) in a visual and concise format.<\/td><td>The SiteBuilder dashboard.<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"32\" height=\"30\" class=\"wp-image-25986\" style=\"width: 32px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-02-a-12.12.43.png\" alt=\"\"><\/td><td>Pages<\/td><td>A digital document that can be viewed on the internet using a web browser.<\/td><td>Designing website pages with SiteBuilder.<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"30\" height=\"31\" class=\"wp-image-25972\" style=\"width: 30px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-02-a-12.11.13.png\" alt=\"\"><\/td><td>Blog<\/td><td>A website or a section of a website where short articles, known as blog posts, are published regularly and listed from the most recent to the oldest.<\/td><td>Designing website blogs with SiteBuilder.<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"30\" height=\"32\" class=\"wp-image-25984\" style=\"width: 30px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-02-a-12.12.55.png\" alt=\"\"><\/td><td>Media<\/td><td>All forms of information processed by a computer, including text, still or moving images, sound and video.<\/td><td>Media in SiteBuilder.<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"30\" height=\"33\" class=\"wp-image-25982\" style=\"width: 30px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-02-a-12.13.09.png\" alt=\"\"><\/td><td>Themes<\/td><td>The graphic design and visual presentation of a website\u2019s interface.<\/td><td>Themes you can choose for a website designed with SiteBuilder.<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"28\" height=\"32\" class=\"wp-image-25980\" style=\"width: 28px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-02-a-12.13.23.png\" alt=\"\"><\/td><td>Menus<\/td><td>A graphical user interface element that displays a list of options or commands, enabling the user to navigate or carry out actions.<\/td><td>See SiteBuilder.<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-26917\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/thumb_38393.png\" alt=\"\"><\/td><td>Hamburger button<\/td><td>An icon consisting of three stacked bars resembling a hamburger, typically located in the upper corner of a window, which opens a menu when clicked.<\/td><td><\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"33\" height=\"30\" class=\"wp-image-25976\" style=\"width: 33px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-02-a-12.13.50.png\" alt=\"\"><\/td><td>Sites<\/td><td>A collection of web pages and multimedia resources linked together by hyperlinks and accessible via a single address (the URL).<\/td><td>See SiteBuilder<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"34\" class=\"wp-image-26762\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Group-1773.png\" alt=\"\"><\/td><td>Generate<\/td><td>To automatically generate, create or display elements (content, traffic or data) using a computer system or a script.<\/td><td>Generate a password.<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-26754\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Group-1764.png\" alt=\"\"><br><img loading=\"lazy\" decoding=\"async\" width=\"50\" height=\"45\" class=\"wp-image-25906\" style=\"width: 50px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-01-a-15.52.05.png\" alt=\"\"><\/td><td>Refresh<\/td><td>This involves asking the browser to reload the page from the server in order to display the most recent version.<\/td><td><\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"41\" height=\"41\" class=\"wp-image-26752\" style=\"width: 41px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Group-1763.png\" alt=\"\"><\/td><td>Restart<\/td><td>Restart or reset a server, a web application or a process in order to clear the memory, apply updates or rectify a technical fault.<\/td><td><\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"38\" height=\"38\" class=\"wp-image-26720\" style=\"width: 38px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Group-1044.png\" alt=\"\"><br><img loading=\"lazy\" decoding=\"async\" width=\"29\" height=\"29\" class=\"wp-image-26782\" style=\"width: 29px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Union-6.png\" alt=\"\"><br><img loading=\"lazy\" decoding=\"async\" width=\"50\" height=\"45\" class=\"wp-image-26017\" style=\"width: 50px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-02-a-15.50.00.png\" alt=\"\"><\/td><td>Copy<\/td><td>The action of selecting and temporarily storing part of a piece of content (text, image or URL link) in the device\u2019s memory (the clipboard) so that it can be reproduced elsewhere.<\/td><td>In the file manager, copy a previously selected file or folder.<br><br>Copy value.<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-26698\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/content_copy_40dp_0882C3_FILL1_wght400_GRAD0_opsz40.png\" alt=\"\"><\/td><td>Clone<\/td><td>Create an identical copy of an existing website, including its code, files and database.<\/td><td><\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-26694\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/calendar_today_40dp_596D78_FILL1_wght400_GRAD0_opsz40.png\" alt=\"\"><\/td><td>Calendar<\/td><td>A clickable module (such as a date picker) that allows the user to select a date for an appointment, an event or an order.<\/td><td><\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"24\" height=\"24\" class=\"wp-image-26732\" style=\"width: 24px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Group-1691.png\" alt=\"\"><\/td><td>Disabled<\/td><td>Currently neither active nor interacting, or that has been abandoned.<\/td><td><\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"31\" height=\"22\" class=\"wp-image-26714\" style=\"width: 31px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Group-1.png\" alt=\"\"><\/td><td>Actif<\/td><td>Currently activated, operational and ready for use, or currently in progress.<\/td><td><\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"31\" height=\"22\" class=\"wp-image-26716\" style=\"width: 31px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Group-2.png\" alt=\"\"><\/td><td>Healthy<br><br>Successful<\/td><td>A system, network or service that is in good working order, i.e. fully operational, secure and performing well.<\/td><td><\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"31\" height=\"22\" class=\"wp-image-26716\" style=\"width: 31px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Group-2.png\" alt=\"\"><\/td><td>Validate<\/td><td>The process of checking and ensuring that data, programmes or transactions are accurate, correct and comply with predefined criteria before being accepted or processed.<\/td><td><\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-26696\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/check_circle_40dp_596D78_FILL1_wght400_GRAD0_opsz40.png\" alt=\"\"><\/td><td>Select multiple<\/td><td>A feature that allows a user to select several options at once from the same list or group of commands, rather than just one.<\/td><td>In the file manager, select several files and folders at once.<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-26772\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/info_40dp_596D78_FILL1_wght400_GRAD0_opsz40.png\" alt=\"\"><\/td><td>Info.<\/td><td>Information, data or content made available to users.<\/td><td>In the file manager, display various details about the selected file or folder, such as the <strong>name<\/strong>, the date of the <strong>last modification<\/strong>, the number of <strong>permissions<\/strong>, etc.<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-26688\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/info.png\" alt=\"\"><br><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-26686\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/info-1.png\" alt=\"\"><\/td><td>See the knowledge base.<\/td><td>Access the knowledge base.<\/td><td><\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-26686\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/info-1.png\" alt=\"\"><\/td><td>See the documentation<\/td><td>A link or instruction that directs the user to a collection of written resources to help them understand how to use a tool, feature or service.<\/td><td><\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-26756\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Group-1765.png\" alt=\"\"><\/td><td>Details<\/td><td>A specific page or section that provides comprehensive, in-depth and exhaustive information on a particular item (a product, a service, an event or a data record).<\/td><td><\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-26780\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/settings_applications_40dp_596D78_FILL1_wght400_GRAD0_opsz40.png\" alt=\"\"><br><br><img loading=\"lazy\" decoding=\"async\" width=\"32\" height=\"33\" class=\"wp-image-25978\" style=\"width: 32px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-02-a-12.13.38.png\" alt=\"\"><br><br><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-26766\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Group-1776.png\" alt=\"\"><\/td><td>Settings<\/td><td>Configuration options for an account or a page, or technical elements added to a web address to transmit data.<\/td><td>Email account settings.<br><br><br>FTP settings.<br><br><br>File Manager settings.<br><br><br><em>SiteBuilder<\/em> settings.<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-26764\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Group-1775.png\" alt=\"\"><\/td><td>Start<\/td><td>To launch, open or start a programme, an application or a system<\/td><td><\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"60\" height=\"47\" class=\"wp-image-25885\" style=\"width: 60px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-01-a-15.48.22.png\" alt=\"\"><\/td><td>Delete cache<\/td><td>Delete the temporary files and thumbnails saved by your computer or mobile phone to quickly display a visual representation of a file or application.<\/td><td><\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"46\" height=\"37\" class=\"wp-image-26770\" style=\"width: 46px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/icon-local.png\" alt=\"\"><\/td><td>Local<\/td><td>Means that the file or folder is physically stored on the hard drive or internal memory of your device (computer, smartphone or tablet).<\/td><td><\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-26708\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/folder_40dp_596D78_FILL1_wght400_GRAD0_opsz40.png\" alt=\"\"><\/td><td>My files<\/td><td>A shortcut to the app or central hub that brings together, organises and allows you to manage all the documents, images, videos and other data stored on your device.<\/td><td>See the File manager.<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"50\" height=\"41\" class=\"wp-image-25949\" style=\"width: 50px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-02-a-09.59.51.png\" alt=\"\"><br><img loading=\"lazy\" decoding=\"async\" width=\"35\" height=\"36\" class=\"wp-image-25953\" style=\"width: 35px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-02-a-10.02.52.png\" alt=\"\"><\/td><td>Logout<\/td><td>Exit an application, log out, or return to the previous screen.<\/td><td><\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-26700\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/create_new_folder_40dp_596D78_FILL1_wght400_GRAD0_opsz40.png\" alt=\"\"><\/td><td>New folder<\/td><td>Is used to create an empty folder for organising and storing your documents.<\/td><td>See the File manager.<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-26778\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/note_add_40dp_596D78_FILL1_wght400_GRAD0_opsz40.png\" alt=\"\"><\/td><td>New file<\/td><td>A command that allows you to instantly create an empty data container or a blank document in the folder you are currently in.<\/td><td>See the File manager.<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-26776\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/lists_40dp_596D78_FILL1_wght400_GRAD0_opsz40.png\" alt=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-26712\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/grid_view_40dp_596D78_FILL0_wght400_GRAD0_opsz40.png\" alt=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-26786\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/view_module_40dp_596D78_FILL1_wght400_GRAD0_opsz40.png\" alt=\"\"><br><\/td><td>Switch view<\/td><td>Allows you to change the way folders and files are displayed on screen by grouping files and folders together.<\/td><td>In the file manager, you can select up to three display options:<br>\u2013 List items one after the other, showing their <strong>Name<\/strong>, <strong>Size<\/strong> and <strong>Last modified<\/strong> date.<br>\u2013 Group files and folders together using large icons.<br>\u2013 Group files and folders together using very large icons.<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-26692\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/arrow_shape_right_40dp_596D78_FILL1_wght400_GRAD0_opsz40.png\" alt=\"\"><\/td><td>Move<\/td><td>Move a document or folder to a different directory, without keeping a copy in the original location.<\/td><td>In the file manager, move a file or folder from one folder to another.<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-26692\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/arrow_shape_right_40dp_596D78_FILL1_wght400_GRAD0_opsz40.png\" alt=\"\"><\/td><td>Copy<\/td><td>Create an exact duplicate of data, text, files, or a whole document while leaving the original source completely unchanged.<\/td><td><\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-26774\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/key_40dp_596D78_FILL1_wght400_GRAD0_opsz40.png\" alt=\"\"><\/td><td>Permissions<\/td><td>Security rules that define who is authorised to read, edit or run this item. <\/td><td>In the file manager, open a window that allows you to manage access permissions for files and folders.<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-26758\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Group-1768.png\" alt=\"\"><br><img loading=\"lazy\" decoding=\"async\" width=\"26\" height=\"32\" class=\"wp-image-26768\" style=\"width: 26px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/icon_getMoreResources.png\" alt=\"\"><\/td><td>Download<\/td><td>Copy a file from a remote server (such as cloud storage or a website) to your own device.<\/td><td>In the file manager, download files from the host to your local device.<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-26758\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Group-1768.png\" alt=\"\"><\/td><td>Install<\/td><td>Is used to download, set up and install new software, an app or an update on your device so that it is ready to use.<\/td><td><\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"26\" height=\"32\" class=\"wp-image-26760\" style=\"width: 26px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Group-1770.png\" alt=\"\"><\/td><td>Upload<\/td><td>Is used to transfer files or data from an external source (such as a USB stick, another folder or a camera) to your device\u2019s current location.<\/td><td>In the file manager, upload files from your local device to the hosting service.<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-26854\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/folder_zip_40dp_596D78_FILL1_wght400_GRAD0_opsz40-1.png\" alt=\"\"><\/td><td>Create archive<\/td><td>Allows you to combine one or more selected files and folders into a single compressed file.<\/td><td>In the file manager, compress and archive a previously selected file or folder.<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-26852\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/unarchive_40dp_596D78_FILL1_wght400_GRAD0_opsz40.png\" alt=\"\"><\/td><td>Extract an archive<\/td><td>Extract and restore the original files or folders that were grouped together and compressed into a single file.<\/td><td>In the file manager, extract a previously selected archived file.<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"60\" height=\"60\" class=\"wp-image-25931\" style=\"width: 60px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-02-a-09.47.27.png\" alt=\"\" srcset=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-02-a-09.47.27.png 76w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-02-a-09.47.27-50x50.png 50w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-02-a-09.47.27-60x60.png 60w\" sizes=\"auto, (max-width: 60px) 100vw, 60px\" \/><\/td><td>Enable\/disable the system shell interface<\/td><td>Is used to open or close a command terminal (the shell) that is directly integrated into the browser<\/td><td>In the file manager, open the terminal, which provides access to the server via the command line.<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-26804\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/save_40dp_0882C3_FILL1_wght400_GRAD0_opsz40.png\" alt=\"\"><\/td><td>Register<\/td><td>To officially record, enroll, or assign a piece of data, a device, or a software component into a system&#8217;s directory, database, or memory structure so the system recognizes and can interact with it.<\/td><td><\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"60\" height=\"48\" class=\"wp-image-26010\" style=\"width: 60px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-02-a-15.31.41.png\" alt=\"\" srcset=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-02-a-15.31.41.png 53w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-02-a-15.31.41-50x40.png 50w\" sizes=\"auto, (max-width: 60px) 100vw, 60px\" \/><\/td><td>Select or choose (with the tick)<br><\/td><td>Trigger, confirm or activate a setting by moving a slider along a digital track.<\/td><td><\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"60\" height=\"46\" class=\"wp-image-26012\" style=\"width: 60px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-02-a-15.31.08.png\" alt=\"\" srcset=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-02-a-15.31.08.png 59w, https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-02-a-15.31.08-50x38.png 50w\" sizes=\"auto, (max-width: 60px) 100vw, 60px\" \/><\/td><td>Disable or do not select (greyed out)<\/td><td>To disable or suspend a visual function, behaviour or pointing device associated with the on-screen indicator.<\/td><td>See the File manager.<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-26808\" style=\"width: 40px;\" src=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Group-1777.png\" alt=\"\"><\/td><td>Access to an additional tool<\/td><td>Open a new page and exit N0C to access an additional tool, such as another application.<\/td><td>The user leaves N0C, but everything is displayed on a new page; he will not be logged out of N0C.<\/td><\/tr><\/tbody><\/table><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>The aim of this article is to explain the conventions used in the user interfaces of the N0C MG Panel, more specifically: Reading this article will help you use the MG Panel more intuitively and save you time. You will no longer have to constantly refer to the knowledge base&#8230;<\/p>\n","protected":false},"author":4,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[364],"ht-kb-tag":[],"class_list":["post-26157","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-specifications_n0c_en"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Features and Graphical Elements of the MG Panel\u2019s User Interfaces - N0C KB<\/title>\n<meta name=\"description\" content=\"Conventions used in the user interfaces of the N0C MG Panel such as the areas of typical interfaces, dialogue boxes and pictograms.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kb.n0c.com\/en\/knowledge-base\/features-and-graphical-elements-of-the-mg-panels-user-interfaces\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Features and Graphical Elements of the MG Panel\u2019s User Interfaces - N0C KB\" \/>\n<meta property=\"og:description\" content=\"Conventions used in the user interfaces of the N0C MG Panel such as the areas of typical interfaces, dialogue boxes and pictograms.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kb.n0c.com\/en\/knowledge-base\/features-and-graphical-elements-of-the-mg-panels-user-interfaces\/\" \/>\n<meta property=\"og:site_name\" content=\"N0C KB\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-27T18:06:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_signification_MG_2026-10-02_EN.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1569\" \/>\n\t<meta property=\"og:image:height\" content=\"884\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"14 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/kb.n0c.com\\\/en\\\/knowledge-base\\\/features-and-graphical-elements-of-the-mg-panels-user-interfaces\\\/\",\"url\":\"https:\\\/\\\/kb.n0c.com\\\/en\\\/knowledge-base\\\/features-and-graphical-elements-of-the-mg-panels-user-interfaces\\\/\",\"name\":\"Features and Graphical Elements of the MG Panel\u2019s User Interfaces - N0C KB\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/kb.n0c.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/kb.n0c.com\\\/en\\\/knowledge-base\\\/features-and-graphical-elements-of-the-mg-panels-user-interfaces\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/kb.n0c.com\\\/en\\\/knowledge-base\\\/features-and-graphical-elements-of-the-mg-panels-user-interfaces\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/kb.n0c.com\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Interfaces_panneau_signification_MG_2026-10-02_EN-1024x577.png\",\"datePublished\":\"2026-10-14T15:31:54+00:00\",\"dateModified\":\"2026-10-27T18:06:08+00:00\",\"description\":\"Conventions used in the user interfaces of the N0C MG Panel such as the areas of typical interfaces, dialogue boxes and pictograms.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/kb.n0c.com\\\/en\\\/knowledge-base\\\/features-and-graphical-elements-of-the-mg-panels-user-interfaces\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/kb.n0c.com\\\/en\\\/knowledge-base\\\/features-and-graphical-elements-of-the-mg-panels-user-interfaces\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/kb.n0c.com\\\/en\\\/knowledge-base\\\/features-and-graphical-elements-of-the-mg-panels-user-interfaces\\\/#primaryimage\",\"url\":\"https:\\\/\\\/kb.n0c.com\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Interfaces_panneau_signification_MG_2026-10-02_EN-1024x577.png\",\"contentUrl\":\"https:\\\/\\\/kb.n0c.com\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Interfaces_panneau_signification_MG_2026-10-02_EN-1024x577.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/kb.n0c.com\\\/en\\\/knowledge-base\\\/features-and-graphical-elements-of-the-mg-panels-user-interfaces\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/kb.n0c.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\\\/\\\/kb.n0c.com\\\/en\\\/knowledge-base\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Features and Graphical Elements of the MG Panel\u2019s User Interfaces\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/kb.n0c.com\\\/#website\",\"url\":\"https:\\\/\\\/kb.n0c.com\\\/\",\"name\":\"N0C KB\",\"description\":\"Official documentation of the N0C hosting platform\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/kb.n0c.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Features and Graphical Elements of the MG Panel\u2019s User Interfaces - N0C KB","description":"Conventions used in the user interfaces of the N0C MG Panel such as the areas of typical interfaces, dialogue boxes and pictograms.","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:\/\/kb.n0c.com\/en\/knowledge-base\/features-and-graphical-elements-of-the-mg-panels-user-interfaces\/","og_locale":"en_US","og_type":"article","og_title":"Features and Graphical Elements of the MG Panel\u2019s User Interfaces - N0C KB","og_description":"Conventions used in the user interfaces of the N0C MG Panel such as the areas of typical interfaces, dialogue boxes and pictograms.","og_url":"https:\/\/kb.n0c.com\/en\/knowledge-base\/features-and-graphical-elements-of-the-mg-panels-user-interfaces\/","og_site_name":"N0C KB","article_modified_time":"2026-10-27T18:06:08+00:00","og_image":[{"width":1569,"height":884,"url":"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_signification_MG_2026-10-02_EN.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kb.n0c.com\/en\/knowledge-base\/features-and-graphical-elements-of-the-mg-panels-user-interfaces\/","url":"https:\/\/kb.n0c.com\/en\/knowledge-base\/features-and-graphical-elements-of-the-mg-panels-user-interfaces\/","name":"Features and Graphical Elements of the MG Panel\u2019s User Interfaces - N0C KB","isPartOf":{"@id":"https:\/\/kb.n0c.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kb.n0c.com\/en\/knowledge-base\/features-and-graphical-elements-of-the-mg-panels-user-interfaces\/#primaryimage"},"image":{"@id":"https:\/\/kb.n0c.com\/en\/knowledge-base\/features-and-graphical-elements-of-the-mg-panels-user-interfaces\/#primaryimage"},"thumbnailUrl":"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_signification_MG_2026-10-02_EN-1024x577.png","datePublished":"2026-10-14T15:31:54+00:00","dateModified":"2026-10-27T18:06:08+00:00","description":"Conventions used in the user interfaces of the N0C MG Panel such as the areas of typical interfaces, dialogue boxes and pictograms.","breadcrumb":{"@id":"https:\/\/kb.n0c.com\/en\/knowledge-base\/features-and-graphical-elements-of-the-mg-panels-user-interfaces\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kb.n0c.com\/en\/knowledge-base\/features-and-graphical-elements-of-the-mg-panels-user-interfaces\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/kb.n0c.com\/en\/knowledge-base\/features-and-graphical-elements-of-the-mg-panels-user-interfaces\/#primaryimage","url":"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_signification_MG_2026-10-02_EN-1024x577.png","contentUrl":"https:\/\/kb.n0c.com\/wp-content\/uploads\/2026\/10\/Interfaces_panneau_signification_MG_2026-10-02_EN-1024x577.png"},{"@type":"BreadcrumbList","@id":"https:\/\/kb.n0c.com\/en\/knowledge-base\/features-and-graphical-elements-of-the-mg-panels-user-interfaces\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/kb.n0c.com\/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https:\/\/kb.n0c.com\/en\/knowledge-base\/"},{"@type":"ListItem","position":3,"name":"Features and Graphical Elements of the MG Panel\u2019s User Interfaces"}]},{"@type":"WebSite","@id":"https:\/\/kb.n0c.com\/#website","url":"https:\/\/kb.n0c.com\/","name":"N0C KB","description":"Official documentation of the N0C hosting platform","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kb.n0c.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/kb.n0c.com\/en\/wp-json\/wp\/v2\/ht-kb\/26157","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kb.n0c.com\/en\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/kb.n0c.com\/en\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/kb.n0c.com\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/kb.n0c.com\/en\/wp-json\/wp\/v2\/comments?post=26157"}],"version-history":[{"count":61,"href":"https:\/\/kb.n0c.com\/en\/wp-json\/wp\/v2\/ht-kb\/26157\/revisions"}],"predecessor-version":[{"id":26919,"href":"https:\/\/kb.n0c.com\/en\/wp-json\/wp\/v2\/ht-kb\/26157\/revisions\/26919"}],"wp:attachment":[{"href":"https:\/\/kb.n0c.com\/en\/wp-json\/wp\/v2\/media?parent=26157"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/kb.n0c.com\/en\/wp-json\/wp\/v2\/ht-kb-category?post=26157"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/kb.n0c.com\/en\/wp-json\/wp\/v2\/ht-kb-tag?post=26157"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}