{"id":338,"date":"2020-05-19T13:20:21","date_gmt":"2020-05-19T13:20:21","guid":{"rendered":"https:\/\/startersites.io\/blocksy\/app\/?p=338"},"modified":"2025-11-03T14:25:15","modified_gmt":"2025-11-03T14:25:15","slug":"guide-on-the-user-interface-buttons-menus","status":"publish","type":"post","link":"https:\/\/fintx.dev\/?p=338","title":{"rendered":"Getting to know the User Interface"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"338\" class=\"elementor elementor-338\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0607744 e-flex e-con-boxed e-con e-parent\" data-id=\"0607744\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d200a1b elementor-widget elementor-widget-image\" data-id=\"d200a1b\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"551\" src=\"https:\/\/fintx.dev\/wp-content\/uploads\/2020\/05\/MainApp-Annotated-1024x551.png\" class=\"attachment-large size-large wp-image-2582\" alt=\"\" srcset=\"https:\/\/fintx.dev\/wp-content\/uploads\/2020\/05\/MainApp-Annotated-1024x551.png 1024w, https:\/\/fintx.dev\/wp-content\/uploads\/2020\/05\/MainApp-Annotated-300x162.png 300w, https:\/\/fintx.dev\/wp-content\/uploads\/2020\/05\/MainApp-Annotated-768x413.png 768w, https:\/\/fintx.dev\/wp-content\/uploads\/2020\/05\/MainApp-Annotated-1536x827.png 1536w, https:\/\/fintx.dev\/wp-content\/uploads\/2020\/05\/MainApp-Annotated.png 2032w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-af56c1e e-flex e-con-boxed e-con e-parent\" data-id=\"af56c1e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5428a4a elementor-widget elementor-widget-heading\" data-id=\"5428a4a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">1. Main Menu<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9c6bb37 elementor-widget elementor-widget-heading\" data-id=\"9c6bb37\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">client<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-da463a2 elementor-widget elementor-widget-text-editor\" data-id=\"da463a2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Shows the explorer panel that contains all gRPC clients.\u00a0 Testing of all methods types such as Unary, Server Streaming, Client Streaming, and Duplex Streaming are supported<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d448636 elementor-widget elementor-widget-heading\" data-id=\"d448636\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">tests<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8479875 elementor-widget elementor-widget-text-editor\" data-id=\"8479875\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Shows the functional test panel that contains all the functional tests defined for each gRPC client.\u00a0 Every functional test allows for a visual comparison of expected and actual responses<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-00ba9dc elementor-widget elementor-widget-heading\" data-id=\"00ba9dc\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">colxn (collections)<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bd6c1c7 elementor-widget elementor-widget-text-editor\" data-id=\"bd6c1c7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Shows the collections of functional tests.\u00a0 Each collection contains functional tests that can be executed in parallel or in sequence<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ee88bb4 elementor-widget elementor-widget-heading\" data-id=\"ee88bb4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">perf tests<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cd0c6f6 elementor-widget elementor-widget-text-editor\" data-id=\"cd0c6f6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Shows the performance test panel that contains all the perf tests defined for each gRPC client.\u00a0 Various types of load testing scenarios can be configured for each per test<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6061842 elementor-widget elementor-widget-heading\" data-id=\"6061842\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">mock<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8873265 elementor-widget elementor-widget-text-editor\" data-id=\"8873265\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Shows the mock services panel.\u00a0 gRPC services can be &#8220;mocked&#8221; by simply providing the protobuf file or address of a reflection service<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-937d8f8 elementor-widget elementor-widget-heading\" data-id=\"937d8f8\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">2. gRPC client<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a7cbecb elementor-widget elementor-widget-text-editor\" data-id=\"a7cbecb\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>After clicking the Compile button, all the methods of the generated gRPC client will be displayed.\u00a0 Double-click a method to open it in a new tab and start testing it\u00a0<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-medium wp-image-2587\" src=\"https:\/\/fintx.dev\/wp-content\/uploads\/2020\/05\/gRPCClient-300x262.png\" alt=\"\" width=\"300\" height=\"262\" srcset=\"https:\/\/fintx.dev\/wp-content\/uploads\/2020\/05\/gRPCClient-300x262.png 300w, https:\/\/fintx.dev\/wp-content\/uploads\/2020\/05\/gRPCClient.png 302w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-118e285 elementor-widget elementor-widget-heading\" data-id=\"118e285\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">3. Request Panel<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5b3819b elementor-widget elementor-widget-text-editor\" data-id=\"5b3819b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Displays user-friend treeview editor that allows the user to configure the values that will be sent in the gRPC request.\u00a0 For advanced users, the treeview can be displayed as json that can be directly edited<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9e50e29 elementor-widget elementor-widget-heading\" data-id=\"9e50e29\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">4. Actions<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-73c7dee elementor-widget elementor-widget-text-editor\" data-id=\"73c7dee\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Contains the buttons to trigger actions<\/p>\n<ul>\n<li>Send the request<\/li>\n<li>Cancel the request and responses (for streaming methods)<\/li>\n<li>Toggle between JSON and Treeview<\/li>\n<\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-723f7e6 elementor-widget elementor-widget-heading\" data-id=\"723f7e6\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">5. Response Panel<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b925986 elementor-widget elementor-widget-text-editor\" data-id=\"b925986\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Displays the response from the gRPC Service<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-38c8242 elementor-widget elementor-widget-heading\" data-id=\"38c8242\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">6.Logs and Charts Panel<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2123ffd elementor-widget elementor-widget-text-editor\" data-id=\"2123ffd\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Shows the log entries and chart plotting the duration (in msec) of each call to the gRPC service<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>1. Main Menu client Shows the explorer panel that contains all gRPC clients.\u00a0 Testing of all methods types such as Unary, Server Streaming, Client Streaming, and Duplex Streaming are supported tests Shows the functional test panel that contains all the functional tests defined for each gRPC client.\u00a0 Every functional test allows for a visual comparison [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_import_markdown_pro_load_document_selector":0,"_import_markdown_pro_submit_text_textarea":"","footnotes":""},"categories":[45],"tags":[],"class_list":["post-338","post","type-post","status-publish","format-standard","hentry","category-general"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[]}},"_links":{"self":[{"href":"https:\/\/fintx.dev\/index.php?rest_route=\/wp\/v2\/posts\/338","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fintx.dev\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fintx.dev\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fintx.dev\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fintx.dev\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=338"}],"version-history":[{"count":5,"href":"https:\/\/fintx.dev\/index.php?rest_route=\/wp\/v2\/posts\/338\/revisions"}],"predecessor-version":[{"id":2590,"href":"https:\/\/fintx.dev\/index.php?rest_route=\/wp\/v2\/posts\/338\/revisions\/2590"}],"wp:attachment":[{"href":"https:\/\/fintx.dev\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=338"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fintx.dev\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=338"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fintx.dev\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=338"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}