{"id":9092,"date":"2017-03-09T20:28:24","date_gmt":"2017-03-09T12:28:24","guid":{"rendered":"http:\/\/www.vbtutor.net\/?page_id=9092"},"modified":"2018-06-22T09:37:19","modified_gmt":"2018-06-22T01:37:19","slug":"visual-basic-2017-lesson-2-designing-interface","status":"publish","type":"page","link":"https:\/\/www.vbtutor.net\/index.php\/visual-basic-2017-lesson-2-designing-interface\/","title":{"rendered":"Visual Basic 2017 Lesson 2: Designing the Interface"},"content":{"rendered":"<h4 style=\"text-align: center;\"><strong><a title=\"visual basic 2015 lesson 1\" href=\"https:\/\/www.vbtutor.net\/index.php\/visual-basic-2017-lesson-1-introduction\/\">[Lesson 1]<\/a>&lt;&lt;<a title=\"visual basic 2015 tutorial\" href=\"https:\/\/www.vbtutor.net\/index.php\/visual-basic-2017-tutorial\/\">[Contents]<\/a>&gt;&gt;<a title=\"visual basic 2015 lesson 3\" href=\"https:\/\/www.vbtutor.net\/index.php\/visual-basic-2017-lesson-3-adding-controls-form\/\">[Lesson 3]<\/a><\/strong><\/h4>\n<p>The first step in developing a Visual Basic 2017 application is to build a graphical user interface. To build a graphical user interface, add controls from the toolbox to the form and then customize their properties. Note that the default form is also a control by itself and you can change its properties first before adding additional controls. After adding controls to the form, you then need to write code for all the controls so that they can response to events triggered by the user\u2019s actions such as clicking the mouse. Therefore, Visual Basic 2017 is also an event-driven programming language.<\/p>\n<div><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script><br \/>\n<ins class=\"adsbygoogle\" style=\"display: block; text-align: center;\" data-ad-layout=\"in-article\" data-ad-format=\"fluid\" data-ad-client=\"ca-pub-3033628290023372\" data-ad-slot=\"3393818013\"><\/ins><br \/>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/div>\n<h3>2.1 Customizing the Properties of the Default-Form using the Properties Window<\/h3>\n<p>When you start a new Visual Basic 2017project, the IDE will display the default form along with the Solution Explorer window and the Properties window on the far right,\u00a0\u00a0as shown in Figure 2.1.<\/p>\n<p><a href=\"https:\/\/www.vbtutor.net\/wordpress\/wp-content\/uploads\/2015\/03\/vb2015_fig2.1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5761\" src=\"https:\/\/www.vbtutor.net\/wordpress\/wp-content\/uploads\/2015\/03\/vb2015_fig2.1.jpg\" alt=\"vb2015_fig2.1\" width=\"1366\" height=\"768\" srcset=\"https:\/\/www.vbtutor.net\/wordpress\/wp-content\/uploads\/2015\/03\/vb2015_fig2.1.jpg 1366w, https:\/\/www.vbtutor.net\/wordpress\/wp-content\/uploads\/2015\/03\/vb2015_fig2.1-300x169.jpg 300w, https:\/\/www.vbtutor.net\/wordpress\/wp-content\/uploads\/2015\/03\/vb2015_fig2.1-1024x576.jpg 1024w, https:\/\/www.vbtutor.net\/wordpress\/wp-content\/uploads\/2015\/03\/vb2015_fig2.1-624x351.jpg 624w\" sizes=\"auto, (max-width: 1366px) 100vw, 1366px\" \/><\/a><\/p>\n<h4>Figure 2.1: Initial Visual Basic 2017 IDE<\/h4>\n<p><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script><br \/>\n<ins class=\"adsbygoogle\" style=\"display: block; text-align: center;\" data-ad-layout=\"in-article\" data-ad-format=\"fluid\" data-ad-client=\"ca-pub-3033628290023372\" data-ad-slot=\"3393818013\"><\/ins><br \/>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/p>\n<p>The properties window comprises an object drop-down list, a list of properties and the bottom section that shows a description of the selected property. As the only object on the IDE\u00a0is the default form by the name of Form1, the properties window displays all properties related to Form1 and their corresponding attributes or values, as shown in Figure 2.2. You can change the name of the form, the title of the form, the background color, the foreground color, the size and more. Properties can be changed by typing a value or select a value from a drop-down list. For the color setting, you just need to select a color rectangle or from a color palette.<\/p>\n<p><a href=\"https:\/\/www.vbtutor.net\/wordpress\/wp-content\/uploads\/2015\/03\/vb2015_fig2.2.jpg\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-5768\" src=\"https:\/\/www.vbtutor.net\/wordpress\/wp-content\/uploads\/2015\/03\/vb2015_fig2.2.jpg\" alt=\"vb2015_fig2.2\" width=\"90%\" height=\"auto\" srcset=\"https:\/\/www.vbtutor.net\/wordpress\/wp-content\/uploads\/2015\/03\/vb2015_fig2.2.jpg 348w, https:\/\/www.vbtutor.net\/wordpress\/wp-content\/uploads\/2015\/03\/vb2015_fig2.2-300x265.jpg 300w\" sizes=\"(max-width: 348px) 100vw, 348px\" \/><\/a><\/p>\n<h4>Figure 2.2: The Properties window<\/h4>\n<p>Now let us specify\u00a0the following properties for Form1:<\/p>\n<table style=\"border: 1px solid black; font-size: 100%; width: 80%; margin: auto;\">\n<tbody>\n<tr>\n<th style=\"border-right: 1px solid black; padding-left: 10px; border-bottom: 1px solid black;\">Property<\/th>\n<th style=\"padding-left: 10px; border-bottom: 1px solid black;\">Value<\/th>\n<\/tr>\n<tr>\n<td style=\"border-right: 1px solid black; padding-left: 10px;\">Name<\/td>\n<td style=\"padding-left: 10px;\">MyForm<\/td>\n<\/tr>\n<tr>\n<td style=\"border-right: 1px solid black; padding-left: 10px;\">Text<\/td>\n<td style=\"padding-left: 10px;\">My First VB2017 Program<\/td>\n<\/tr>\n<tr>\n<td style=\"border-right: 1px solid black; padding-left: 10px;\">BackColor<\/td>\n<td style=\"padding-left: 10px;\">128, 255, 255<\/td>\n<\/tr>\n<tr>\n<td style=\"border-right: 1px solid black; padding-left: 10px;\">MaximizeBox<\/td>\n<td style=\"padding-left: 10px;\">False<\/td>\n<\/tr>\n<tr>\n<td style=\"border-right: 1px solid black; padding-left: 10px;\">Font<\/td>\n<td style=\"padding-left: 10px;\">Arial, 9.75pt<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>* The value for Backcolor (background color) 128,255,255 is actually the RGB color code for Cyan. Instead of typing the RGB value, you can indeed select a color from the color drop-down list that comprises three tabs, Custom, Web, and System. Clicking on the drop-down arrow will bring out a color palette or a list of color rectangles where you can select a color,\u00a0as shown the figures below:<\/p>\n<table>\n<tbody>\n<tr>\n<td>\u00a0<a href=\"https:\/\/www.vbtutor.net\/wordpress\/wp-content\/uploads\/2015\/03\/vb2015_fig2.3.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5777\" src=\"https\/\/www.vbtutor.net\/wordpress\/wp-content\/uploads\/2015\/03\/vb2015_fig2.3.jpg\" alt=\"vb2015_fig2.3\" width=\"204\" height=\"224\" \/><\/a><br \/>\n<strong>Figure 2.3: Custom Palette <\/strong><\/td>\n<td>\u00a0<a href=\"https:\/\/www.vbtutor.net\/wordpress\/wp-content\/uploads\/2015\/03\/vb2015_fig2.4.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5778\" src=\"https:\/\/www.vbtutor.net\/wordpress\/wp-content\/uploads\/2015\/03\/vb2015_fig2.4.jpg\" alt=\"vb2015_fig2.4\" width=\"204\" height=\"224\" \/><\/a><br \/>\n<strong>Figure 2.4: Web Colours <\/strong><\/td>\n<td>\u00a0<a href=\"https:\/\/www.vbtutor.net\/wordpress\/wp-content\/uploads\/2015\/03\/vb2015_fig2.5.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5779\" src=\"https:\/\/www.vbtutor.net\/wordpress\/wp-content\/uploads\/2015\/03\/vb2015_fig2.5.jpg\" alt=\"vb2015_fig2.5\" width=\"204\" height=\"224\" \/><\/a><br \/>\n<strong>Figure 2.5: System Colours <\/strong><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>The runtime interface is shown in Figure 2.6. Notice that the title of the form has been changed from Form1 to My First VB2017 Project, the background changed to cyan color and the window cannot be maximized.<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-9094\" src=\"https:\/\/www.vbtutor.net\/wordpress\/wp-content\/uploads\/2017\/03\/Figure2.6.jpg\" alt=\"\" width=\"70%\" height=\"auto\" srcset=\"https:\/\/www.vbtutor.net\/wordpress\/wp-content\/uploads\/2017\/03\/Figure2.6.jpg 360w, https:\/\/www.vbtutor.net\/wordpress\/wp-content\/uploads\/2017\/03\/Figure2.6-271x300.jpg 271w\" sizes=\"(max-width: 360px) 100vw, 360px\" \/><\/p>\n<p style=\"text-align: center;\"><strong>\u00a0Figure 2.6: The Runtime Interface<\/strong><\/p>\n<div><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script><br \/>\n<ins class=\"adsbygoogle\" style=\"display: block; text-align: center;\" data-ad-layout=\"in-article\" data-ad-format=\"fluid\" data-ad-client=\"ca-pub-3033628290023372\" data-ad-slot=\"3393818013\"><\/ins><br \/>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/div>\n<h3>2.2\u00a0Changing the Properties of the Default-Form at Run-Time<\/h3>\n<p>You can also change the properties of the form at run-time by writing the relevant codes. The default form is an object and an instant of the form can be denoted by the name<strong> Me.\u00a0<\/strong>The property of the object can be defined by specifying the object\u2019s name follows by a dot or period:<\/p>\n<p><strong>ObjectName.property<\/strong><\/p>\n<p>For example, we can set the background color of the form to cyan\u00a0using the following code<\/p>\n<p><span style=\"color: #0000ff;\">Me<\/span>.BackColor=<span style=\"color: #008080;\">Color<\/span>.Cyan<\/p>\n<h4>Example 2.1<\/h4>\n<p>To achieve the same interface as in Figure 2.6, type in the following code by clicking the form to enter the code window:<\/p>\n<pre>Public Class Form1\r\nPrivate Sub Form1_Load(ByVal sender As Object, ByVal e As EventArgs)Handles MyBase.Load\r\n Me.Text = \u201cMy First VB2017 Program\u201d\r\n Me.BackColor = Color.Cyan\r\n Me.MaximizeBox=False\r\n Me.MinimizeBox = True\r\nEnd Sub\r\nEnd Class\r\n<\/pre>\n<h4>Example 2.2<\/h4>\n<p>You can also specify the size, the \u00a0opacity \u00a0and the position of the default form using the code, as follows:<\/p>\n<pre>Private Sub Form1_Load(sender As Object, e As EventArgs Handles MyBase.Load\r\nMe.Text = \u201cMy First VB2015 Project\u201d\r\nMe.BackColor =Color.Beige\r\nMe.MaximizeBox = False\r\nMe.MinimizeBox = True\r\n<span style=\"color: #008000;\">'Specifying the form size to 400pixel x 400pixel<\/span>\r\nMe.Size = New Size(400, 400)\r\n<span style=\"color: #008000;\">'To set the form opacity at 85%<\/span>\r\nMe.Opacity = 0.85\r\n<span style=\"color: #008000;\">'To position the form at the center of the screen<\/span>\r\nMe.CenterToParent()\r\nEnd Sub\r\n<\/pre>\n<p>The runtime interface is shown in Figure 2.7<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-9099\" src=\"https:\/\/www.vbtutor.net\/wordpress\/wp-content\/uploads\/2017\/03\/figure_2017_2.7.jpg\" alt=\"\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/www.vbtutor.net\/wordpress\/wp-content\/uploads\/2017\/03\/figure_2017_2.7.jpg 1920w, https:\/\/www.vbtutor.net\/wordpress\/wp-content\/uploads\/2017\/03\/figure_2017_2.7-300x169.jpg 300w, https:\/\/www.vbtutor.net\/wordpress\/wp-content\/uploads\/2017\/03\/figure_2017_2.7-768x432.jpg 768w, https:\/\/www.vbtutor.net\/wordpress\/wp-content\/uploads\/2017\/03\/figure_2017_2.7-1024x576.jpg 1024w, https:\/\/www.vbtutor.net\/wordpress\/wp-content\/uploads\/2017\/03\/figure_2017_2.7-624x351.jpg 624w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p><strong>Figure 2.7<\/strong><\/p>\n<p>Notice that the form is positioned in the center of the screen and the faint lines appear behind form as its opacity was set to 85%.<\/p>\n<p>&nbsp;<\/p>\n<div><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script><br \/>\n<ins class=\"adsbygoogle\" style=\"display: block;\" data-ad-format=\"autorelaxed\" data-ad-client=\"ca-pub-3033628290023372\" data-ad-slot=\"9961025909\"><\/ins><br \/>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/div>\n<h4 style=\"text-align: center;\"><strong><a title=\"visual basic 2015 lesson 1\" href=\"https:\/\/www.vbtutor.net\/index.php\/visual-basic-2017-lesson-1-introduction\/\">[Lesson 1]<\/a>&lt;&lt;<a title=\"visual basic 2015 tutorial\" href=\"https:\/\/www.vbtutor.net\/index.php\/visual-basic-2017-tutorial\/\">[Contents]<\/a>&gt;&gt;<a title=\"visual basic 2015 lesson 3\" href=\"https:\/\/www.vbtutor.net\/index.php\/visual-basic-2017-lesson-3-adding-controls-form\/\">[Lesson 3]<\/a><\/strong><\/h4>\n","protected":false},"excerpt":{"rendered":"<p>[Lesson 1]&lt;&lt;[Contents]&gt;&gt;[Lesson 3] The first step in developing a Visual Basic 2017 application is to build a graphical user interface. To build a graphical user interface, add controls from the toolbox to the form and then customize their properties. Note that the default form is also a control by itself and you can change its &hellip; <a href=\"https:\/\/www.vbtutor.net\/index.php\/visual-basic-2017-lesson-2-designing-interface\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Visual Basic 2017 Lesson 2: Designing the Interface<\/span><\/a><\/p>\n","protected":false},"author":23013,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-9092","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Visual Basic 2017 Lesson 2: Designing the Interface - Learn Visual Basic Programming \u2013 VB.NET, VBA &amp; Classic VB<\/title>\n<meta name=\"description\" content=\"Visual Basic Tutorial\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/www.vbtutor.net\/vb2017\/vb2017_Lesson2.html\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Visual Basic 2017 Lesson 2: Designing the Interface - Learn Visual Basic Programming \u2013 VB.NET, VBA &amp; Classic VB\" \/>\n<meta property=\"og:description\" content=\"Visual Basic Tutorial\" \/>\n<meta property=\"og:url\" content=\"http:\/\/www.vbtutor.net\/vb2017\/vb2017_Lesson2.html\" \/>\n<meta property=\"og:site_name\" content=\"Learn Visual Basic Programming \u2013 VB.NET, VBA &amp; Classic VB\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Vbtutor\" \/>\n<meta property=\"article:modified_time\" content=\"2018-06-22T01:37:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vbtutor.net\/wordpress\/wp-content\/uploads\/2015\/03\/vb2015_fig2.1.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@liewvk\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.vbtutor.net\/index.php\/visual-basic-2017-lesson-2-designing-interface\/\",\"url\":\"http:\/\/www.vbtutor.net\/vb2017\/vb2017_Lesson2.html\",\"name\":\"Visual Basic 2017 Lesson 2: Designing the Interface - Learn Visual Basic Programming \u2013 VB.NET, VBA &amp; Classic VB\",\"isPartOf\":{\"@id\":\"https:\/\/www.vbtutor.net\/#website\"},\"primaryImageOfPage\":{\"@id\":\"http:\/\/www.vbtutor.net\/vb2017\/vb2017_Lesson2.html#primaryimage\"},\"image\":{\"@id\":\"http:\/\/www.vbtutor.net\/vb2017\/vb2017_Lesson2.html#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.vbtutor.net\/wordpress\/wp-content\/uploads\/2015\/03\/vb2015_fig2.1.jpg\",\"datePublished\":\"2017-03-09T12:28:24+00:00\",\"dateModified\":\"2018-06-22T01:37:19+00:00\",\"description\":\"Visual Basic Tutorial\",\"breadcrumb\":{\"@id\":\"http:\/\/www.vbtutor.net\/vb2017\/vb2017_Lesson2.html#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\/\/www.vbtutor.net\/vb2017\/vb2017_Lesson2.html\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\/\/www.vbtutor.net\/vb2017\/vb2017_Lesson2.html#primaryimage\",\"url\":\"https:\/\/www.vbtutor.net\/wordpress\/wp-content\/uploads\/2015\/03\/vb2015_fig2.1.jpg\",\"contentUrl\":\"https:\/\/www.vbtutor.net\/wordpress\/wp-content\/uploads\/2015\/03\/vb2015_fig2.1.jpg\",\"width\":1366,\"height\":768},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\/\/www.vbtutor.net\/vb2017\/vb2017_Lesson2.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.vbtutor.net\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Visual Basic 2017 Lesson 2: Designing the Interface\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.vbtutor.net\/#website\",\"url\":\"https:\/\/www.vbtutor.net\/\",\"name\":\"Learn Visual Basic Programming \u2013 VB.NET, VBA &amp; Classic VB\",\"description\":\"Start learning Visual Basic from beginner to advanced. Includes VB.NET, VBA, and classic VB tutorials for students and professionals.\",\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Visual Basic 2017 Lesson 2: Designing the Interface - Learn Visual Basic Programming \u2013 VB.NET, VBA &amp; Classic VB","description":"Visual Basic Tutorial","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":"http:\/\/www.vbtutor.net\/vb2017\/vb2017_Lesson2.html","og_locale":"en_US","og_type":"article","og_title":"Visual Basic 2017 Lesson 2: Designing the Interface - Learn Visual Basic Programming \u2013 VB.NET, VBA &amp; Classic VB","og_description":"Visual Basic Tutorial","og_url":"http:\/\/www.vbtutor.net\/vb2017\/vb2017_Lesson2.html","og_site_name":"Learn Visual Basic Programming \u2013 VB.NET, VBA &amp; Classic VB","article_publisher":"https:\/\/www.facebook.com\/Vbtutor","article_modified_time":"2018-06-22T01:37:19+00:00","og_image":[{"url":"https:\/\/www.vbtutor.net\/wordpress\/wp-content\/uploads\/2015\/03\/vb2015_fig2.1.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@liewvk","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vbtutor.net\/index.php\/visual-basic-2017-lesson-2-designing-interface\/","url":"http:\/\/www.vbtutor.net\/vb2017\/vb2017_Lesson2.html","name":"Visual Basic 2017 Lesson 2: Designing the Interface - Learn Visual Basic Programming \u2013 VB.NET, VBA &amp; Classic VB","isPartOf":{"@id":"https:\/\/www.vbtutor.net\/#website"},"primaryImageOfPage":{"@id":"http:\/\/www.vbtutor.net\/vb2017\/vb2017_Lesson2.html#primaryimage"},"image":{"@id":"http:\/\/www.vbtutor.net\/vb2017\/vb2017_Lesson2.html#primaryimage"},"thumbnailUrl":"https:\/\/www.vbtutor.net\/wordpress\/wp-content\/uploads\/2015\/03\/vb2015_fig2.1.jpg","datePublished":"2017-03-09T12:28:24+00:00","dateModified":"2018-06-22T01:37:19+00:00","description":"Visual Basic Tutorial","breadcrumb":{"@id":"http:\/\/www.vbtutor.net\/vb2017\/vb2017_Lesson2.html#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["http:\/\/www.vbtutor.net\/vb2017\/vb2017_Lesson2.html"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/www.vbtutor.net\/vb2017\/vb2017_Lesson2.html#primaryimage","url":"https:\/\/www.vbtutor.net\/wordpress\/wp-content\/uploads\/2015\/03\/vb2015_fig2.1.jpg","contentUrl":"https:\/\/www.vbtutor.net\/wordpress\/wp-content\/uploads\/2015\/03\/vb2015_fig2.1.jpg","width":1366,"height":768},{"@type":"BreadcrumbList","@id":"http:\/\/www.vbtutor.net\/vb2017\/vb2017_Lesson2.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vbtutor.net\/"},{"@type":"ListItem","position":2,"name":"Visual Basic 2017 Lesson 2: Designing the Interface"}]},{"@type":"WebSite","@id":"https:\/\/www.vbtutor.net\/#website","url":"https:\/\/www.vbtutor.net\/","name":"Learn Visual Basic Programming \u2013 VB.NET, VBA &amp; Classic VB","description":"Start learning Visual Basic from beginner to advanced. Includes VB.NET, VBA, and classic VB tutorials for students and professionals.","inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.vbtutor.net\/index.php\/wp-json\/wp\/v2\/pages\/9092","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vbtutor.net\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.vbtutor.net\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.vbtutor.net\/index.php\/wp-json\/wp\/v2\/users\/23013"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vbtutor.net\/index.php\/wp-json\/wp\/v2\/comments?post=9092"}],"version-history":[{"count":37,"href":"https:\/\/www.vbtutor.net\/index.php\/wp-json\/wp\/v2\/pages\/9092\/revisions"}],"predecessor-version":[{"id":12978,"href":"https:\/\/www.vbtutor.net\/index.php\/wp-json\/wp\/v2\/pages\/9092\/revisions\/12978"}],"wp:attachment":[{"href":"https:\/\/www.vbtutor.net\/index.php\/wp-json\/wp\/v2\/media?parent=9092"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.vbtutor.net\/index.php\/wp-json\/wp\/v2\/categories?post=9092"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.vbtutor.net\/index.php\/wp-json\/wp\/v2\/tags?post=9092"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}