{"id":19104,"date":"2021-08-27T11:11:11","date_gmt":"2021-08-27T11:11:11","guid":{"rendered":"https:\/\/www.dmcinfo.com\/blog\/19104\/creating-dynamic-ignition-perspective-projects-part-3-embedded-views-and-flex-containers\/"},"modified":"2025-12-23T09:50:50","modified_gmt":"2025-12-23T14:50:50","slug":"creating-dynamic-ignition-perspective-projects-part-3-embedded-views-and-flex-containers","status":"publish","type":"post","link":"https:\/\/www.dmcinfo.com\/blog\/19104\/creating-dynamic-ignition-perspective-projects-part-3-embedded-views-and-flex-containers\/","title":{"rendered":"Creating Dynamic Ignition Perspective Projects, Part 3: Embedded Views and Flex Containers"},"content":{"rendered":"<p>One of the fastest growing SCADA\/HMI platforms today is Inductive Automation&#39;s <a href=\"https:\/\/inductiveautomation.com\/ignition\/\" target=\"_blank\">Ignition<\/a>. In addition to the well-known <a href=\"https:\/\/inductiveautomation.com\/ignition\/modules\/vision\" target=\"_blank\">Vision<\/a> visualization module, Ignition&nbsp;contains <a href=\"https:\/\/inductiveautomation.com\/ignition\/modules\/perspective\">Perspective<\/a>, a web-friendly visualization module built from the ground up to work in any web browser &mdash;&nbsp;even on mobile!<\/p>\r\n\r\n<p>Although most Ignition functions work the same across Perspective or Vision, there are some adjustments&nbsp;to&nbsp;work&nbsp;better&nbsp;in a web-friendly environment. This multi-part blog will serve as a guide to setting up dynamic Perspective screens that take full advantage of the powerful new features.<\/p>\r\n\r\n<p>In the last two blogs, we created a status display to toggle an enable bit and display a numeric value. In this blog, we will combine&nbsp;those objects into an embedded view and use a flex repeater to create a dynamic layout.<\/p>\r\n\r\n<h2 class=\"wp-block-heading\">Creating a New Flex View<\/h2>\r\n\r\n<p>To create a new view, right click &quot;Views&quot; in the Project Browser then click &quot;New View&quot; In the popup. Be sure to change the root container type to &quot;Flex Container&quot;. The root container type cannot be changed once the view is created.<\/p>\r\n\r\n<figure class=\"wp-block-image\"><img decoding=\"async\" alt=\"Create a new view with a flex root container\" src=\"https:\/\/cdn.dmcinfo.com\/wp-content\/uploads\/2025\/05\/27162742\/1_new_flex_view.png\"  \/><\/figure>\r\n\r\n<p>Next, select the view in the project browser and resize it using the width and height properties in the property editor. Change the dimensions to 400x100px.<\/p>\r\n\r\n<figure class=\"wp-block-image\"><img decoding=\"async\" alt=\"Resize the view for it to be a template\" src=\"https:\/\/cdn.dmcinfo.com\/wp-content\/uploads\/2025\/05\/27162741\/2_resized_view.png\"  \/><\/figure>\r\n\r\n<p>Next, return to the main view and copy the toggle button, enable display, and numeric value display. Paste these three components into the new view&#39;s root container.<\/p>\r\n\r\n<p><figure class=\"wp-block-image\"><img decoding=\"async\" alt=\"Copy your components from the main view\" src=\"https:\/\/cdn.dmcinfo.com\/wp-content\/uploads\/2025\/05\/27162741\/3_copy_from_main_view.png\"  \/><\/figure><figure class=\"wp-block-image\"><img decoding=\"async\" alt=\"Paste your components to the template view\" src=\"https:\/\/cdn.dmcinfo.com\/wp-content\/uploads\/2025\/05\/27162741\/4_paste_to_main_view.png\"  \/><\/figure><\/p>\r\n\r\n<p>The three views line up on top of each other in the flex container, which is not what we want. We need to configure the flex container and object position properties to best display our data.<\/p>\r\n\r\n<h2 class=\"wp-block-heading\">Configuring the Flex Container<\/h2>\r\n\r\n<p>The flex container has many different properties that determine how objects are displayed, the first is the direction. Switch this to &quot;row&quot; to change the orientation of the three objects.<\/p>\r\n\r\n<figure class=\"wp-block-image\"><img decoding=\"async\" alt=\"Change the flex container direction\" src=\"https:\/\/cdn.dmcinfo.com\/wp-content\/uploads\/2025\/05\/27162740\/6_flex_container_props.png\"  \/><\/figure>\r\n\r\n<p>Now our objects are in a row, but they are not the correct size. We want the button, enable, and numeric display to take up different amounts of space. Luckily, there are position properties on each object that can achieve this exact behavior.<\/p>\r\n\r\n<figure class=\"wp-block-image\"><img decoding=\"async\" alt=\"Row oriented flex container\" src=\"https:\/\/cdn.dmcinfo.com\/wp-content\/uploads\/2025\/05\/27162740\/7_row_flex_container.png\"  \/><\/figure>\r\n\r\n<p>Select the button object and find the position properties in the property editor. The basis determines how much space the object &quot;wants&quot; to take up. It can be in percent (%) or pixels (px). Set the button basis to 20%, the enable label basis to 30%, and the numeric label to 50%.<\/p>\r\n\r\n<figure class=\"wp-block-image\"><img decoding=\"async\" alt=\"Change the basis in the object's position props\" src=\"https:\/\/cdn.dmcinfo.com\/wp-content\/uploads\/2025\/05\/27162740\/8_flex_position_props.png\"  \/><\/figure>\r\n\r\n<p>The other parameters are shrink, which decides if the object should shrink if there isn&#39;t enough space, and grow, which decides if the object should grow to take up unallocated space. We do not need to adjust these.<\/p>\r\n\r\n<p>After adjusting the basis, each object takes up the allotted percentage of space.&nbsp;There is one final tweak: adding a margin to the button so it is spaced away&nbsp;from the edges and other components.&nbsp;<\/p>\r\n\r\n<figure class=\"wp-block-image\"><img decoding=\"async\" alt=\"With proper basis settings, the elements look better\" src=\"https:\/\/cdn.dmcinfo.com\/wp-content\/uploads\/2025\/05\/27162739\/9_spaced_flex.png\"  \/><\/figure>\r\n\r\n<p>Select the button and find the &quot;style&quot; property in the property editor. Press the plus button to add a new style entry. Name it &quot;margin&quot; and set the value to 5px. Alternatively, you can click the style card icon button to graphically view and edit style definitions.&nbsp;<\/p>\r\n\r\n<figure class=\"wp-block-image\"><img decoding=\"async\" alt=\"Add a margin to the button to space it from other components\" src=\"https:\/\/cdn.dmcinfo.com\/wp-content\/uploads\/2025\/05\/27162739\/11_add_margin.png\"  \/><\/figure>\r\n\r\n<p>With a margin on the button, our flex container view looks ready to go! All that&#39;s left to do is to&nbsp;add it to our main view.<\/p>\r\n\r\n<figure class=\"wp-block-image\"><img decoding=\"async\" alt=\"That is a nice looking flex container!\" src=\"https:\/\/cdn.dmcinfo.com\/wp-content\/uploads\/2025\/05\/27162738\/12_final_result.png\"  \/><\/figure>\r\n\r\n<h2 class=\"wp-block-heading\">Embedding in Another View<\/h2>\r\n\r\n<p>Embedding views within other views is easy. Just find your desired view in the project browser, then drag it into your current&nbsp;view. Alternatively, you can grab an &quot;Embedded View&quot; object from the toolbox, then set the path parameter to your view&#39;s path. The embedded view now acts as a singular object.<\/p>\r\n\r\n<figure class=\"wp-block-image\"><img decoding=\"async\" alt=\"Drag your embedded view into the main view\" src=\"https:\/\/cdn.dmcinfo.com\/wp-content\/uploads\/2025\/05\/27162738\/13_drag_into_main_view.png\"  \/><\/figure>\r\n\r\n<p>In this blog, we learned how to create an embedded view template and add it to another view. <a href=\"https:\/\/www.dmcinfo.com\/latest-thinking\/blog\/id\/10253\/creating-dynamic-ignition-perspective-projects-part-4-parameters-indirect-bindings-and-flex-repeaters\">In the next blog<\/a>, we will add parameters to this template so we can create multiple instances to get data from different sources!<\/p>\r\n\r\n<p><strong>Learn more about DMC&#39;s&nbsp;<a href=\"https:\/\/www.dmcinfo.com\/services\/manufacturing-automation-and-intelligence\/hmi-and-scada-programming\/ignition-designer-programming\">Ignition expertise<\/a>.&nbsp;&nbsp;<a href=\"https:\/\/www.dmcinfo.com\/contact\">Contact us<\/a>&nbsp;to get started on your next HMI, SCADA, or MES project.<br \/>\r\n<br \/>\r\nSee other blogs in this series:&nbsp;<\/strong>Creating Dynamic Ignition Perspective Projects<br \/>\r\n<a href=\"https:\/\/www.dmcinfo.com\/latest-thinking\/blog\/id\/10250\/creating-dynamic-ignition-perspective-projects-part-one-bindings-and-transforms\">Part 1: Bindings and Transforms<\/a><br \/>\r\n<a href=\"https:\/\/www.dmcinfo.com\/latest-thinking\/blog\/id\/10251\/creating-dynamic-ignition-perspective-projects-part-2-button-event-actions\">Part 2: Button Event Actions<\/a><br \/>\r\nPart 3: Embedded Views and Flex Containers<br \/>\r\nPart 4: View Parameters,&nbsp;Indirect Bindings, and Flex Repeaters<br \/>\r\nPart 5: Flex Repeaters with Variable Number of Instances (coming soon)<br \/>\r\nPart 6: Changing Colors and Other Properties (coming soon)<\/p>\r\n","protected":false},"excerpt":{"rendered":"<p>One of the fastest growing SCADA\/HMI platforms today is Inductive Automation&#39;s Ignition. In addition to the well-known Vision visualization module, Ignition&nbsp;contains Perspective, a web-friendly visualization module built from the ground up to work in any web browser &mdash;&nbsp;even on mobile! Although most Ignition functions work the same across Perspective or Vision, there are some adjustments&nbsp;to&nbsp;work&nbsp;better&nbsp;in [&hellip;]<\/p>\n","protected":false},"author":79,"featured_media":19105,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[756,731,782],"tags":[1019,944,1018,795],"class_list":["post-19104","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-hmi-and-scada","category-manufacturing-automation-intelligence","category-mes","tag-container","tag-embedded","tag-flex","tag-ignition"],"yoast_head":"<title>Creating Dynamic Ignition Perspective Projects, Part 3: Embedded Views and Flex Containers | DMC, Inc.<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.dmcinfo.com\/blog\/19104\/creating-dynamic-ignition-perspective-projects-part-3-embedded-views-and-flex-containers\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Creating Dynamic Ignition Perspective Projects, Part 3: Embedded Views and Flex Containers\" \/>\n<meta property=\"og:description\" content=\"One of the fastest growing SCADA\/HMI platforms today is Inductive Automation&#039;s Ignition. In addition to the well-known Vision visualization module, Ignition&nbsp;contains Perspective, a web-friendly visualization module built from the ground up to work in any web browser &mdash;&nbsp;even on mobile! Although most Ignition functions work the same across Perspective or Vision, there are some adjustments&nbsp;to&nbsp;work&nbsp;better&nbsp;in [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.dmcinfo.com\/blog\/19104\/creating-dynamic-ignition-perspective-projects-part-3-embedded-views-and-flex-containers\/\" \/>\n<meta property=\"og:site_name\" content=\"DMC, Inc.\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/pages\/DMC-Inc\/107982009242929\" \/>\n<meta property=\"article:published_time\" content=\"2021-08-27T11:11:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-23T14:50:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.dmcinfo.com\/wp-content\/uploads\/2025\/05\/27162737\/Part-Three.png\" \/>\n\t<meta property=\"og:image:width\" content=\"925\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Casimir Smith\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Casimir Smith\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.dmcinfo.com\/blog\/19104\/creating-dynamic-ignition-perspective-projects-part-3-embedded-views-and-flex-containers\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.dmcinfo.com\/blog\/19104\/creating-dynamic-ignition-perspective-projects-part-3-embedded-views-and-flex-containers\/\"},\"author\":{\"name\":\"Casimir Smith\",\"@id\":\"https:\/\/www.dmcinfo.com\/#\/schema\/person\/18f836a33f0d791dee373b4813b09b1a\"},\"headline\":\"Creating Dynamic Ignition Perspective Projects, Part 3: Embedded Views and Flex Containers\",\"datePublished\":\"2021-08-27T11:11:11+00:00\",\"dateModified\":\"2025-12-23T14:50:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.dmcinfo.com\/blog\/19104\/creating-dynamic-ignition-perspective-projects-part-3-embedded-views-and-flex-containers\/\"},\"wordCount\":758,\"publisher\":{\"@id\":\"https:\/\/www.dmcinfo.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.dmcinfo.com\/blog\/19104\/creating-dynamic-ignition-perspective-projects-part-3-embedded-views-and-flex-containers\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdn.dmcinfo.com\/wp-content\/uploads\/2025\/05\/27162737\/Part-Three.png\",\"keywords\":[\"container\",\"embedded\",\"flex\",\"ignition\"],\"articleSection\":[\"HMI and SCADA\",\"Manufacturing Automation &amp; Intelligence\",\"MES\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.dmcinfo.com\/blog\/19104\/creating-dynamic-ignition-perspective-projects-part-3-embedded-views-and-flex-containers\/\",\"url\":\"https:\/\/www.dmcinfo.com\/blog\/19104\/creating-dynamic-ignition-perspective-projects-part-3-embedded-views-and-flex-containers\/\",\"name\":\"Creating Dynamic Ignition Perspective Projects, Part 3: Embedded Views and Flex Containers | DMC, Inc.\",\"isPartOf\":{\"@id\":\"https:\/\/www.dmcinfo.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.dmcinfo.com\/blog\/19104\/creating-dynamic-ignition-perspective-projects-part-3-embedded-views-and-flex-containers\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.dmcinfo.com\/blog\/19104\/creating-dynamic-ignition-perspective-projects-part-3-embedded-views-and-flex-containers\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdn.dmcinfo.com\/wp-content\/uploads\/2025\/05\/27162737\/Part-Three.png\",\"datePublished\":\"2021-08-27T11:11:11+00:00\",\"dateModified\":\"2025-12-23T14:50:50+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.dmcinfo.com\/blog\/19104\/creating-dynamic-ignition-perspective-projects-part-3-embedded-views-and-flex-containers\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.dmcinfo.com\/blog\/19104\/creating-dynamic-ignition-perspective-projects-part-3-embedded-views-and-flex-containers\/#primaryimage\",\"url\":\"https:\/\/cdn.dmcinfo.com\/wp-content\/uploads\/2025\/05\/27162737\/Part-Three.png\",\"contentUrl\":\"https:\/\/cdn.dmcinfo.com\/wp-content\/uploads\/2025\/05\/27162737\/Part-Three.png\",\"width\":925,\"height\":400,\"caption\":\"Part Three\"},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.dmcinfo.com\/#website\",\"url\":\"https:\/\/www.dmcinfo.com\/\",\"name\":\"DMC, Inc.\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.dmcinfo.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.dmcinfo.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.dmcinfo.com\/#organization\",\"name\":\"DMC, Inc.\",\"url\":\"https:\/\/www.dmcinfo.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.dmcinfo.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdn.dmcinfo.com\/wp-content\/uploads\/2025\/05\/27171146\/dmc-logo-1.png\",\"contentUrl\":\"https:\/\/cdn.dmcinfo.com\/wp-content\/uploads\/2025\/05\/27171146\/dmc-logo-1.png\",\"width\":418,\"height\":167,\"caption\":\"DMC, Inc.\"},\"image\":{\"@id\":\"https:\/\/www.dmcinfo.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/pages\/DMC-Inc\/107982009242929\",\"https:\/\/www.instagram.com\/dmcengineering\",\"https:\/\/www.youtube.com\/DMCEngineering\",\"https:\/\/www.linkedin.com\/company\/dmc-engineering\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.dmcinfo.com\/#\/schema\/person\/18f836a33f0d791dee373b4813b09b1a\",\"name\":\"Casimir Smith\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.dmcinfo.com\/#\/schema\/person\/image\/\",\"url\":\"\/\/www.dmcinfo.com\/wp-content\/uploads\/wpo365\/profile-images\/79.png\",\"contentUrl\":\"\/\/www.dmcinfo.com\/wp-content\/uploads\/wpo365\/profile-images\/79.png\",\"caption\":\"Casimir Smith\"},\"url\":\"https:\/\/www.dmcinfo.com\/blog\/author\/casimirs\/\"}]}<\/script>","yoast_head_json":{"title":"Creating Dynamic Ignition Perspective Projects, Part 3: Embedded Views and Flex Containers | DMC, Inc.","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:\/\/www.dmcinfo.com\/blog\/19104\/creating-dynamic-ignition-perspective-projects-part-3-embedded-views-and-flex-containers\/","og_locale":"en_US","og_type":"article","og_title":"Creating Dynamic Ignition Perspective Projects, Part 3: Embedded Views and Flex Containers","og_description":"One of the fastest growing SCADA\/HMI platforms today is Inductive Automation&#39;s Ignition. In addition to the well-known Vision visualization module, Ignition&nbsp;contains Perspective, a web-friendly visualization module built from the ground up to work in any web browser &mdash;&nbsp;even on mobile! Although most Ignition functions work the same across Perspective or Vision, there are some adjustments&nbsp;to&nbsp;work&nbsp;better&nbsp;in [&hellip;]","og_url":"https:\/\/www.dmcinfo.com\/blog\/19104\/creating-dynamic-ignition-perspective-projects-part-3-embedded-views-and-flex-containers\/","og_site_name":"DMC, Inc.","article_publisher":"https:\/\/www.facebook.com\/pages\/DMC-Inc\/107982009242929","article_published_time":"2021-08-27T11:11:11+00:00","article_modified_time":"2025-12-23T14:50:50+00:00","og_image":[{"width":925,"height":400,"url":"https:\/\/cdn.dmcinfo.com\/wp-content\/uploads\/2025\/05\/27162737\/Part-Three.png","type":"image\/png"}],"author":"Casimir Smith","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Casimir Smith","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.dmcinfo.com\/blog\/19104\/creating-dynamic-ignition-perspective-projects-part-3-embedded-views-and-flex-containers\/#article","isPartOf":{"@id":"https:\/\/www.dmcinfo.com\/blog\/19104\/creating-dynamic-ignition-perspective-projects-part-3-embedded-views-and-flex-containers\/"},"author":{"name":"Casimir Smith","@id":"https:\/\/www.dmcinfo.com\/#\/schema\/person\/18f836a33f0d791dee373b4813b09b1a"},"headline":"Creating Dynamic Ignition Perspective Projects, Part 3: Embedded Views and Flex Containers","datePublished":"2021-08-27T11:11:11+00:00","dateModified":"2025-12-23T14:50:50+00:00","mainEntityOfPage":{"@id":"https:\/\/www.dmcinfo.com\/blog\/19104\/creating-dynamic-ignition-perspective-projects-part-3-embedded-views-and-flex-containers\/"},"wordCount":758,"publisher":{"@id":"https:\/\/www.dmcinfo.com\/#organization"},"image":{"@id":"https:\/\/www.dmcinfo.com\/blog\/19104\/creating-dynamic-ignition-perspective-projects-part-3-embedded-views-and-flex-containers\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.dmcinfo.com\/wp-content\/uploads\/2025\/05\/27162737\/Part-Three.png","keywords":["container","embedded","flex","ignition"],"articleSection":["HMI and SCADA","Manufacturing Automation &amp; Intelligence","MES"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.dmcinfo.com\/blog\/19104\/creating-dynamic-ignition-perspective-projects-part-3-embedded-views-and-flex-containers\/","url":"https:\/\/www.dmcinfo.com\/blog\/19104\/creating-dynamic-ignition-perspective-projects-part-3-embedded-views-and-flex-containers\/","name":"Creating Dynamic Ignition Perspective Projects, Part 3: Embedded Views and Flex Containers | DMC, Inc.","isPartOf":{"@id":"https:\/\/www.dmcinfo.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.dmcinfo.com\/blog\/19104\/creating-dynamic-ignition-perspective-projects-part-3-embedded-views-and-flex-containers\/#primaryimage"},"image":{"@id":"https:\/\/www.dmcinfo.com\/blog\/19104\/creating-dynamic-ignition-perspective-projects-part-3-embedded-views-and-flex-containers\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.dmcinfo.com\/wp-content\/uploads\/2025\/05\/27162737\/Part-Three.png","datePublished":"2021-08-27T11:11:11+00:00","dateModified":"2025-12-23T14:50:50+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.dmcinfo.com\/blog\/19104\/creating-dynamic-ignition-perspective-projects-part-3-embedded-views-and-flex-containers\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.dmcinfo.com\/blog\/19104\/creating-dynamic-ignition-perspective-projects-part-3-embedded-views-and-flex-containers\/#primaryimage","url":"https:\/\/cdn.dmcinfo.com\/wp-content\/uploads\/2025\/05\/27162737\/Part-Three.png","contentUrl":"https:\/\/cdn.dmcinfo.com\/wp-content\/uploads\/2025\/05\/27162737\/Part-Three.png","width":925,"height":400,"caption":"Part Three"},{"@type":"WebSite","@id":"https:\/\/www.dmcinfo.com\/#website","url":"https:\/\/www.dmcinfo.com\/","name":"DMC, Inc.","description":"","publisher":{"@id":"https:\/\/www.dmcinfo.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.dmcinfo.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.dmcinfo.com\/#organization","name":"DMC, Inc.","url":"https:\/\/www.dmcinfo.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.dmcinfo.com\/#\/schema\/logo\/image\/","url":"https:\/\/cdn.dmcinfo.com\/wp-content\/uploads\/2025\/05\/27171146\/dmc-logo-1.png","contentUrl":"https:\/\/cdn.dmcinfo.com\/wp-content\/uploads\/2025\/05\/27171146\/dmc-logo-1.png","width":418,"height":167,"caption":"DMC, Inc."},"image":{"@id":"https:\/\/www.dmcinfo.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/pages\/DMC-Inc\/107982009242929","https:\/\/www.instagram.com\/dmcengineering","https:\/\/www.youtube.com\/DMCEngineering","https:\/\/www.linkedin.com\/company\/dmc-engineering"]},{"@type":"Person","@id":"https:\/\/www.dmcinfo.com\/#\/schema\/person\/18f836a33f0d791dee373b4813b09b1a","name":"Casimir Smith","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.dmcinfo.com\/#\/schema\/person\/image\/","url":"\/\/www.dmcinfo.com\/wp-content\/uploads\/wpo365\/profile-images\/79.png","contentUrl":"\/\/www.dmcinfo.com\/wp-content\/uploads\/wpo365\/profile-images\/79.png","caption":"Casimir Smith"},"url":"https:\/\/www.dmcinfo.com\/blog\/author\/casimirs\/"}]}},"_links":{"self":[{"href":"https:\/\/www.dmcinfo.com\/wp-json\/wp\/v2\/posts\/19104","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dmcinfo.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.dmcinfo.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.dmcinfo.com\/wp-json\/wp\/v2\/users\/79"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dmcinfo.com\/wp-json\/wp\/v2\/comments?post=19104"}],"version-history":[{"count":1,"href":"https:\/\/www.dmcinfo.com\/wp-json\/wp\/v2\/posts\/19104\/revisions"}],"predecessor-version":[{"id":19106,"href":"https:\/\/www.dmcinfo.com\/wp-json\/wp\/v2\/posts\/19104\/revisions\/19106"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.dmcinfo.com\/wp-json\/wp\/v2\/media\/19105"}],"wp:attachment":[{"href":"https:\/\/www.dmcinfo.com\/wp-json\/wp\/v2\/media?parent=19104"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dmcinfo.com\/wp-json\/wp\/v2\/categories?post=19104"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dmcinfo.com\/wp-json\/wp\/v2\/tags?post=19104"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}