{"id":6312,"date":"2026-05-04T12:02:01","date_gmt":"2026-05-04T12:02:01","guid":{"rendered":"https:\/\/docs.connexite.co.uk\/index.php\/connexite-documentation\/connexgate-documentation\/connexgate-user-interface-overview\/"},"modified":"2026-05-04T12:02:01","modified_gmt":"2026-05-04T12:02:01","slug":"connexgate-user-interface-overview","status":"publish","type":"page","link":"https:\/\/docs.connexite.co.uk\/index.php\/connexite-documentation\/connexgate-documentation\/connexgate-user-interface-overview\/","title":{"rendered":"User Interface Overview"},"content":{"rendered":"<h2 class=\"connexite-doc-h2\">Main Layout<\/h2>\n<p>ConnexGate administration user interface is built on everyday look and feel frameworks that most user experience while browsing usual internet.<\/p>\n<p>UI elements and functions used in UI are as follow;<\/p>\n<ul class=\"connexite-doc-nested-list\">\n<li>Cards: Information containers with titles and content<\/li>\n<li>Tables: Data display with sorting and filtering capabilities<\/li>\n<li>Forms: Input fields with validation<\/li>\n<li>Buttons: Primary actions (blue), secondary actions (gray), danger actions (red)<\/li>\n<li>Status Indicators: Color-coded badges (green=running, red=stopped, yellow=warning)<\/li>\n<li>Alerts: Success (green), error (red), warning (yellow), info (blue)<\/li>\n<li>Modals: Dialog windows for adding\/editing items<\/li>\n<li>Tabs: Sub-navigation within sections (e.g., Firewall Logs, Request Logs, Settings)<\/li>\n<\/ul>\n<p>The connexGate interface consists of;<\/p>\n<ul class=\"connexite-doc-nested-list\">\n<li>Header: Page title and information<\/li>\n<li>Sidebar Navigation: Main menu items to access different sections<\/li>\n<li>Content Area: Dynamic content based on selected section<\/li>\n<li>User Menu: Located at bottom of sidebar, provides access to:<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>OT\/ICS \u203a Security<\/p>\n","protected":false},"author":0,"featured_media":0,"parent":6308,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6312","page","type-page","status-publish","hentry","no-post-thumbnail"],"acf":[],"_links":{"self":[{"href":"https:\/\/docs.connexite.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/6312","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.connexite.co.uk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/docs.connexite.co.uk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.connexite.co.uk\/index.php\/wp-json\/wp\/v2\/comments?post=6312"}],"version-history":[{"count":0,"href":"https:\/\/docs.connexite.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/6312\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/docs.connexite.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/6308"}],"wp:attachment":[{"href":"https:\/\/docs.connexite.co.uk\/index.php\/wp-json\/wp\/v2\/media?parent=6312"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}