{"id":8893,"date":"2015-07-08T09:30:06","date_gmt":"2015-07-08T16:30:06","guid":{"rendered":"http:\/\/www.seedcode.com\/?p=8893"},"modified":"2015-07-08T09:30:06","modified_gmt":"2015-07-08T16:30:06","slug":"adding-a-new-module-in-seedcode-complete-part-1-2","status":"publish","type":"post","link":"https:\/\/seedcode.com\/adding-a-new-module-in-seedcode-complete-part-1-2\/","title":{"rendered":"Adding a New Module in SeedCode Complete, Part 1"},"content":{"rendered":"<h3>Going further with SeedCode Complete &#8211; our &#8220;starter solution for the real world&#8221;<\/h3>\n<p>Our SeedCode Complete starter solution is a great\u00a0framework\u00a0for\u00a0use as the foundation for new FileMaker projects. <a href=\"http:\/\/www.seedcode.com\/complete-filemaker-template\/\">SeedCode Complete<\/a> comes packed with features, but we fully expect you\u2019ll want to customize it further to suit your particular needs. It includes modules for companies, contacts, invoices, inventory and several others. While most folks get starter renaming these modules\u00a0to match the entities in their world (using &#8220;projects&#8221; for &#8220;trade shows&#8221; for example), you may find you want to add a whole new module, which would probably involve a new table and layout. This series of videos will guide you through that process.<\/p>\n<h3>Getting started<\/h3>\n<p>This first video (below) shows you how to create a button for your new module on the Home screen. The basic steps are outlined below, and described in detail in the video.<\/p>\n<p style=\"padding-left: 30px;\">1. Duplicate one of the existing button clusters. Note that each button cluster includes three objects: a large button, a smaller button (both with labels) and a graphic icon.<\/p>\n<p style=\"padding-left: 30px;\">2. Position the new button cluster where you want it in the button column, spaced appropriately among the others.<\/p>\n<p style=\"padding-left: 30px;\">3. Decide which icon you want to use for the new button. Find its position in the Icons::Icons_Navigation repeating global field by going to the Splash layout in Layout Mode and scrolling to the right of the visible layout area.<\/p>\n<p style=\"padding-left: 30px;\">4. Select the icon in your new button cluster, then change the \u201cShow repetitions\u201d number on the Inspector&#8217;s Data panel to that of the icon position determined from the Splash layout. The icon should change to the one you chose to use for your new module.<\/p>\n<p style=\"padding-left: 30px;\">5. Select the smaller of the two buttons and go to the Appearance panel on the Inspector palette. Note that the left padding for the \u201cNormal\u201d state is set to 300. If you change that to 0 (zero), you\u2019ll see the label text appear on the button. Edit the label text to reflect the name of your new module (e.g., \u201cSupplies\u201d), then change the left padding back to 300.<\/p>\n<p style=\"padding-left: 30px;\">6. Select the larger of the two buttons and repeat the process describe in step 5 above. BTW, here\u2019s another <a href=\"http:\/\/www.seedcode.com\/hover-tricks-filemaker-buttons\/\">another blog post<\/a> that describes in more detail how we use that left-padding trick to cause button labels to appear when you hover your cursor over the button.<\/p>\n<p>Enjoy!<\/p>\n<p>[ba-youtubeflex videoid=&#8221;PwJjJPyA_ts&#8221;]<\/p>\n<p>The <a href=\"http:\/\/www.seedcode.com\/adding-a-new-module-in-seedcode-complete-part-2\/\">next post in this series<\/a> will describe how to add the new module to the\u00a0<span class=\"s1\">slide panel\/search on the home screen.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Going further with SeedCode Complete &#8211; our &#8220;starter solution for the real world&#8221; Our SeedCode Complete starter solution is a great\u00a0framework\u00a0for\u00a0use as the foundation for new FileMaker projects. SeedCode Complete comes packed with features, but we fully expect you\u2019ll want to customize it further to suit your particular needs. It includes modules for companies, contacts, invoices, inventory and several others. While most folks get starter renaming these modules\u00a0to match the entities in their world (using &#8220;projects&#8221; for &#8220;trade shows&#8221; for example), you may find you want to add a whole new module, which would probably involve a new table and layout. This series of videos will guide you through that process. Getting started This first video (below) shows you how to create a button for your new module on the Home screen. The basic steps are outlined below, and described in detail in the video. 1. Duplicate one of the existing button clusters. Note that each button cluster includes three objects: a large button, a smaller button (both with labels) and a graphic icon. 2. Position the new button cluster where you want it in the button column, spaced appropriately among the others. 3. Decide which icon you want to use for the new button. Find its position in the Icons::Icons_Navigation repeating global field by going to the Splash layout in Layout Mode and scrolling to the right of the visible layout area. 4. Select the icon in your new button cluster, then change the \u201cShow repetitions\u201d number on the Inspector&#8217;s Data panel to that of the icon position determined from the Splash layout. The icon should change to the one you chose to use for your new module. 5. Select the smaller of the two buttons and go to the Appearance panel on the Inspector palette. Note that the left padding for the \u201cNormal\u201d state is set to 300. If you change that to 0 (zero), you\u2019ll see the label text appear on the button. Edit the label text to reflect the name of your new module (e.g., \u201cSupplies\u201d), then change the left padding back to 300. 6. Select the larger of the two buttons and repeat the process describe in step 5 above. BTW, here\u2019s another another blog post that describes in more detail how we use that left-padding trick to cause button labels to appear when you hover your cursor over the button. Enjoy! [ba-youtubeflex videoid=&#8221;PwJjJPyA_ts&#8221;] The next post in this series will describe how to add the new module to the\u00a0slide panel\/search on the home screen.<\/p>\n","protected":false},"author":2,"featured_media":7667,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-8893","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Adding a New Module in SeedCode Complete, Part 1 - SeedCode<\/title>\n<meta name=\"description\" content=\"The first in a series of articles on how to expand SeedCode&#039;s starter solution for FileMaker Pro: SeedCode Complete-- a starter solution for the real world.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/seedcode.com\/adding-a-new-module-in-seedcode-complete-part-1-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Adding a New Module in SeedCode Complete, Part 1 - SeedCode\" \/>\n<meta property=\"og:description\" content=\"The first in a series of articles on how to expand SeedCode&#039;s starter solution for FileMaker Pro: SeedCode Complete-- a starter solution for the real world.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/seedcode.com\/adding-a-new-module-in-seedcode-complete-part-1-2\/\" \/>\n<meta property=\"og:site_name\" content=\"SeedCode\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/seedcoder\" \/>\n<meta property=\"article:published_time\" content=\"2015-07-08T16:30:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/seedcode.com\/wp-content\/uploads\/2014\/11\/JvF.png\" \/>\n\t<meta property=\"og:image:width\" content=\"109\" \/>\n\t<meta property=\"og:image:height\" content=\"110\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"jeffalmquist\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dayback\" \/>\n<meta name=\"twitter:site\" content=\"@dayback\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"jeffalmquist\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/seedcode.com\/adding-a-new-module-in-seedcode-complete-part-1-2\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/seedcode.com\/adding-a-new-module-in-seedcode-complete-part-1-2\/\"},\"author\":{\"name\":\"jeffalmquist\",\"@id\":\"https:\/\/seedcode.com\/#\/schema\/person\/e038c04c4091d558cd79fa44d0199ff6\"},\"headline\":\"Adding a New Module in SeedCode Complete, Part 1\",\"datePublished\":\"2015-07-08T16:30:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/seedcode.com\/adding-a-new-module-in-seedcode-complete-part-1-2\/\"},\"wordCount\":433,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/seedcode.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/seedcode.com\/adding-a-new-module-in-seedcode-complete-part-1-2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/seedcode.com\/wp-content\/uploads\/2014\/11\/JvF.png\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/seedcode.com\/adding-a-new-module-in-seedcode-complete-part-1-2\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/seedcode.com\/adding-a-new-module-in-seedcode-complete-part-1-2\/\",\"url\":\"https:\/\/seedcode.com\/adding-a-new-module-in-seedcode-complete-part-1-2\/\",\"name\":\"Adding a New Module in SeedCode Complete, Part 1 - SeedCode\",\"isPartOf\":{\"@id\":\"https:\/\/seedcode.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/seedcode.com\/adding-a-new-module-in-seedcode-complete-part-1-2\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/seedcode.com\/adding-a-new-module-in-seedcode-complete-part-1-2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/seedcode.com\/wp-content\/uploads\/2014\/11\/JvF.png\",\"datePublished\":\"2015-07-08T16:30:06+00:00\",\"description\":\"The first in a series of articles on how to expand SeedCode's starter solution for FileMaker Pro: SeedCode Complete-- a starter solution for the real world.\",\"breadcrumb\":{\"@id\":\"https:\/\/seedcode.com\/adding-a-new-module-in-seedcode-complete-part-1-2\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/seedcode.com\/adding-a-new-module-in-seedcode-complete-part-1-2\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/seedcode.com\/adding-a-new-module-in-seedcode-complete-part-1-2\/#primaryimage\",\"url\":\"https:\/\/seedcode.com\/wp-content\/uploads\/2014\/11\/JvF.png\",\"contentUrl\":\"https:\/\/seedcode.com\/wp-content\/uploads\/2014\/11\/JvF.png\",\"width\":109,\"height\":110},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/seedcode.com\/adding-a-new-module-in-seedcode-complete-part-1-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/seedcode.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Adding a New Module in SeedCode Complete, Part 1\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/seedcode.com\/#website\",\"url\":\"https:\/\/seedcode.com\/\",\"name\":\"SeedCode\",\"description\":\"Build the Software You&#039;ve Always Wanted\",\"publisher\":{\"@id\":\"https:\/\/seedcode.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/seedcode.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/seedcode.com\/#organization\",\"name\":\"SeedCode\",\"url\":\"https:\/\/seedcode.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/seedcode.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/seedcode.com\/wp-content\/uploads\/2022\/12\/SeedCodeLogo.png\",\"contentUrl\":\"https:\/\/seedcode.com\/wp-content\/uploads\/2022\/12\/SeedCodeLogo.png\",\"width\":595,\"height\":189,\"caption\":\"SeedCode\"},\"image\":{\"@id\":\"https:\/\/seedcode.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/seedcoder\",\"https:\/\/x.com\/dayback\",\"https:\/\/www.linkedin.com\/company\/seedcode\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/seedcode.com\/#\/schema\/person\/e038c04c4091d558cd79fa44d0199ff6\",\"name\":\"jeffalmquist\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/seedcode.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g\",\"caption\":\"jeffalmquist\"},\"url\":\"https:\/\/seedcode.com\/author\/jeffalmquist\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Adding a New Module in SeedCode Complete, Part 1 - SeedCode","description":"The first in a series of articles on how to expand SeedCode's starter solution for FileMaker Pro: SeedCode Complete-- a starter solution for the real world.","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:\/\/seedcode.com\/adding-a-new-module-in-seedcode-complete-part-1-2\/","og_locale":"en_US","og_type":"article","og_title":"Adding a New Module in SeedCode Complete, Part 1 - SeedCode","og_description":"The first in a series of articles on how to expand SeedCode's starter solution for FileMaker Pro: SeedCode Complete-- a starter solution for the real world.","og_url":"https:\/\/seedcode.com\/adding-a-new-module-in-seedcode-complete-part-1-2\/","og_site_name":"SeedCode","article_publisher":"https:\/\/www.facebook.com\/seedcoder","article_published_time":"2015-07-08T16:30:06+00:00","og_image":[{"width":109,"height":110,"url":"https:\/\/seedcode.com\/wp-content\/uploads\/2014\/11\/JvF.png","type":"image\/png"}],"author":"jeffalmquist","twitter_card":"summary_large_image","twitter_creator":"@dayback","twitter_site":"@dayback","twitter_misc":{"Written by":"jeffalmquist","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/seedcode.com\/adding-a-new-module-in-seedcode-complete-part-1-2\/#article","isPartOf":{"@id":"https:\/\/seedcode.com\/adding-a-new-module-in-seedcode-complete-part-1-2\/"},"author":{"name":"jeffalmquist","@id":"https:\/\/seedcode.com\/#\/schema\/person\/e038c04c4091d558cd79fa44d0199ff6"},"headline":"Adding a New Module in SeedCode Complete, Part 1","datePublished":"2015-07-08T16:30:06+00:00","mainEntityOfPage":{"@id":"https:\/\/seedcode.com\/adding-a-new-module-in-seedcode-complete-part-1-2\/"},"wordCount":433,"commentCount":0,"publisher":{"@id":"https:\/\/seedcode.com\/#organization"},"image":{"@id":"https:\/\/seedcode.com\/adding-a-new-module-in-seedcode-complete-part-1-2\/#primaryimage"},"thumbnailUrl":"https:\/\/seedcode.com\/wp-content\/uploads\/2014\/11\/JvF.png","inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/seedcode.com\/adding-a-new-module-in-seedcode-complete-part-1-2\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/seedcode.com\/adding-a-new-module-in-seedcode-complete-part-1-2\/","url":"https:\/\/seedcode.com\/adding-a-new-module-in-seedcode-complete-part-1-2\/","name":"Adding a New Module in SeedCode Complete, Part 1 - SeedCode","isPartOf":{"@id":"https:\/\/seedcode.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/seedcode.com\/adding-a-new-module-in-seedcode-complete-part-1-2\/#primaryimage"},"image":{"@id":"https:\/\/seedcode.com\/adding-a-new-module-in-seedcode-complete-part-1-2\/#primaryimage"},"thumbnailUrl":"https:\/\/seedcode.com\/wp-content\/uploads\/2014\/11\/JvF.png","datePublished":"2015-07-08T16:30:06+00:00","description":"The first in a series of articles on how to expand SeedCode's starter solution for FileMaker Pro: SeedCode Complete-- a starter solution for the real world.","breadcrumb":{"@id":"https:\/\/seedcode.com\/adding-a-new-module-in-seedcode-complete-part-1-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/seedcode.com\/adding-a-new-module-in-seedcode-complete-part-1-2\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/seedcode.com\/adding-a-new-module-in-seedcode-complete-part-1-2\/#primaryimage","url":"https:\/\/seedcode.com\/wp-content\/uploads\/2014\/11\/JvF.png","contentUrl":"https:\/\/seedcode.com\/wp-content\/uploads\/2014\/11\/JvF.png","width":109,"height":110},{"@type":"BreadcrumbList","@id":"https:\/\/seedcode.com\/adding-a-new-module-in-seedcode-complete-part-1-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/seedcode.com\/"},{"@type":"ListItem","position":2,"name":"Adding a New Module in SeedCode Complete, Part 1"}]},{"@type":"WebSite","@id":"https:\/\/seedcode.com\/#website","url":"https:\/\/seedcode.com\/","name":"SeedCode","description":"Build the Software You&#039;ve Always Wanted","publisher":{"@id":"https:\/\/seedcode.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/seedcode.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/seedcode.com\/#organization","name":"SeedCode","url":"https:\/\/seedcode.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/seedcode.com\/#\/schema\/logo\/image\/","url":"https:\/\/seedcode.com\/wp-content\/uploads\/2022\/12\/SeedCodeLogo.png","contentUrl":"https:\/\/seedcode.com\/wp-content\/uploads\/2022\/12\/SeedCodeLogo.png","width":595,"height":189,"caption":"SeedCode"},"image":{"@id":"https:\/\/seedcode.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/seedcoder","https:\/\/x.com\/dayback","https:\/\/www.linkedin.com\/company\/seedcode\/"]},{"@type":"Person","@id":"https:\/\/seedcode.com\/#\/schema\/person\/e038c04c4091d558cd79fa44d0199ff6","name":"jeffalmquist","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/seedcode.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g","caption":"jeffalmquist"},"url":"https:\/\/seedcode.com\/author\/jeffalmquist\/"}]}},"_links":{"self":[{"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/posts\/8893","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/comments?post=8893"}],"version-history":[{"count":0,"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/posts\/8893\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/media\/7667"}],"wp:attachment":[{"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/media?parent=8893"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/categories?post=8893"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/tags?post=8893"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}