{"id":838,"date":"2025-12-31T06:11:14","date_gmt":"2025-12-31T06:11:14","guid":{"rendered":"https:\/\/www.greytrix.com\/blogs\/creatio\/?p=838"},"modified":"2025-12-31T06:11:15","modified_gmt":"2025-12-31T06:11:15","slug":"prevent-empty-gaps-in-creatio-crm-forms-with-flex-containers","status":"publish","type":"post","link":"https:\/\/www.greytrix.com\/blogs\/creatio\/2025\/12\/31\/prevent-empty-gaps-in-creatio-crm-forms-with-flex-containers\/","title":{"rendered":"Prevent Empty Gaps in Creatio CRM Forms with Flex Containers"},"content":{"rendered":"\n<p>When customizing the Creatio CRM interface, one common issue both developers and no\u2011code designers run into is the appearance of awkward blank spaces in panels when certain fields are hidden. This usually happens because field visibility is controlled through business rules, while the layout itself remains fixed. As a result, even if a field is hidden, the system still reserves space for it, leaving the page looking misaligned and less polished.<\/p>\n\n\n\n<p>One of our clients recently pointed out this exact problem. They noticed that when fields were hidden based on conditions, the panel continued to show empty gaps that served no purpose. To solve this, Creatio introduced a smart layout feature called the <strong>Flex Container<\/strong>. Unlike static layouts, Flex Containers automatically adjust the design depending on which elements are visible, ensuring the interface stays clean and well\u2011organized.<\/p>\n\n\n\n<p><strong>Problem Scenario: Hiding Fields Using Business Rules<\/strong><\/p>\n\n\n\n<p>Let\u2019s consider a real-world example on the <strong>Contacts<\/strong> page.<\/p>\n\n\n\n<p>We had two custom fields:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Employee ID<\/strong><\/li>\n\n\n\n<li><strong>Employment Status<\/strong><\/li>\n<\/ul>\n\n\n\n<p>These fields should only be visible when the <strong>Type<\/strong> field is set to <strong>Employee<\/strong>.<\/p>\n\n\n\n<p><strong>Initial Approach (Without Flex Container)<\/strong><\/p>\n\n\n\n<p>Initially, both fields were added directly to a panel. A business rule was configured to hide Employee ID and Employment Status when <strong>Type \u2260 Employee<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"450\" src=\"https:\/\/www.greytrix.com\/blogs\/creatio\/wp-content\/uploads\/2025\/12\/Img-1-1024x450.png\" alt=\"\" class=\"wp-image-839\" srcset=\"https:\/\/www.greytrix.com\/blogs\/creatio\/wp-content\/uploads\/2025\/12\/Img-1-1024x450.png 1024w, https:\/\/www.greytrix.com\/blogs\/creatio\/wp-content\/uploads\/2025\/12\/Img-1-300x132.png 300w, https:\/\/www.greytrix.com\/blogs\/creatio\/wp-content\/uploads\/2025\/12\/Img-1-768x337.png 768w, https:\/\/www.greytrix.com\/blogs\/creatio\/wp-content\/uploads\/2025\/12\/Img-1-1536x674.png 1536w, https:\/\/www.greytrix.com\/blogs\/creatio\/wp-content\/uploads\/2025\/12\/Img-1-2048x899.png 2048w, https:\/\/www.greytrix.com\/blogs\/creatio\/wp-content\/uploads\/2025\/12\/Img-1-660x290.png 660w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>While this worked functionally, it caused a UI issue:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>When the fields were hidden, <strong>empty space remained<\/strong> in the panel.<\/li>\n\n\n\n<li>The layout looked broken and inconsistent, especially on responsive screens.<\/li>\n<\/ul>\n\n\n\n<p>In this example, when the type is set to anything other than <em>Employee<\/em>, the fields disappear, but the layout still leaves behind empty space.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"448\" src=\"https:\/\/www.greytrix.com\/blogs\/creatio\/wp-content\/uploads\/2025\/12\/Img-2-1024x448.png\" alt=\"\" class=\"wp-image-840\" srcset=\"https:\/\/www.greytrix.com\/blogs\/creatio\/wp-content\/uploads\/2025\/12\/Img-2-1024x448.png 1024w, https:\/\/www.greytrix.com\/blogs\/creatio\/wp-content\/uploads\/2025\/12\/Img-2-300x131.png 300w, https:\/\/www.greytrix.com\/blogs\/creatio\/wp-content\/uploads\/2025\/12\/Img-2-768x336.png 768w, https:\/\/www.greytrix.com\/blogs\/creatio\/wp-content\/uploads\/2025\/12\/Img-2-1536x672.png 1536w, https:\/\/www.greytrix.com\/blogs\/creatio\/wp-content\/uploads\/2025\/12\/Img-2-2048x896.png 2048w, https:\/\/www.greytrix.com\/blogs\/creatio\/wp-content\/uploads\/2025\/12\/Img-2-660x289.png 660w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>This is because standard containers in Creatio do not automatically reflow when elements are hidden.<\/p>\n\n\n\n<p><strong>Solution: Using Flex Container with Setup Conditions<\/strong><\/p>\n\n\n\n<p>To overcome this issue, Creatio provides the <strong>Flex Container layout element<\/strong>, which dynamically adjusts its layout based on the visibility of its child elements.<\/p>\n\n\n\n<p><strong>Updated Approach (With Flex Container)<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>A <strong>Flex Container<\/strong> was added to the Contacts page.<\/li>\n\n\n\n<li>The fields <strong>Employee ID<\/strong> and <strong>Employment Status<\/strong> were moved inside this Flex Container.<\/li>\n\n\n\n<li>Instead of applying a business rule to each field, a <strong>Setup Condition<\/strong> was applied directly to the Flex Container:<br><br><strong>Condition:<\/strong> Show container only when Type = Employee<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"456\" src=\"https:\/\/www.greytrix.com\/blogs\/creatio\/wp-content\/uploads\/2025\/12\/Img-3-1024x456.png\" alt=\"\" class=\"wp-image-841\" srcset=\"https:\/\/www.greytrix.com\/blogs\/creatio\/wp-content\/uploads\/2025\/12\/Img-3-1024x456.png 1024w, https:\/\/www.greytrix.com\/blogs\/creatio\/wp-content\/uploads\/2025\/12\/Img-3-300x134.png 300w, https:\/\/www.greytrix.com\/blogs\/creatio\/wp-content\/uploads\/2025\/12\/Img-3-768x342.png 768w, https:\/\/www.greytrix.com\/blogs\/creatio\/wp-content\/uploads\/2025\/12\/Img-3-1536x684.png 1536w, https:\/\/www.greytrix.com\/blogs\/creatio\/wp-content\/uploads\/2025\/12\/Img-3-2048x912.png 2048w, https:\/\/www.greytrix.com\/blogs\/creatio\/wp-content\/uploads\/2025\/12\/Img-3-660x294.png 660w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>When <strong>Type = Employee<\/strong>, the Flex Container becomes visible and displays both fields.<\/li>\n\n\n\n<li>When <strong>Type \u2260 Employee<\/strong>, the entire container is hidden.<\/li>\n\n\n\n<li><strong>No blank space appears<\/strong>, as the layout automatically adjusts.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"448\" src=\"https:\/\/www.greytrix.com\/blogs\/creatio\/wp-content\/uploads\/2025\/12\/Img-4-1024x448.png\" alt=\"\" class=\"wp-image-842\" srcset=\"https:\/\/www.greytrix.com\/blogs\/creatio\/wp-content\/uploads\/2025\/12\/Img-4-1024x448.png 1024w, https:\/\/www.greytrix.com\/blogs\/creatio\/wp-content\/uploads\/2025\/12\/Img-4-300x131.png 300w, https:\/\/www.greytrix.com\/blogs\/creatio\/wp-content\/uploads\/2025\/12\/Img-4-768x336.png 768w, https:\/\/www.greytrix.com\/blogs\/creatio\/wp-content\/uploads\/2025\/12\/Img-4-1536x672.png 1536w, https:\/\/www.greytrix.com\/blogs\/creatio\/wp-content\/uploads\/2025\/12\/Img-4-2048x896.png 2048w, https:\/\/www.greytrix.com\/blogs\/creatio\/wp-content\/uploads\/2025\/12\/Img-4-660x289.png 660w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Key Benefits of Using Flex Containers<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Eliminates blank spaces when elements are hidden<\/li>\n\n\n\n<li>Improves UI responsiveness and alignment<\/li>\n\n\n\n<li>Reduces complexity by grouping related fields<\/li>\n\n\n\n<li>Encourages cleaner and more maintainable page design<\/li>\n\n\n\n<li>Ideal for conditional layouts and role-based visibility<\/li>\n<\/ul>\n\n\n\n<p><strong>Conclusion<\/strong> <\/p>\n\n\n\n<p>Flex Containers are a significant enhancement in Creatio\u2019s UI customization capabilities. When dealing with conditional visibility, especially for grouped fields, using a Flex Container with setup conditions is a best practice over traditional business rules. It ensures a clean layout, better user experience, and simpler configuration.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>When customizing the Creatio CRM interface, one common issue both developers and no\u2011code designers run into is the appearance of awkward blank spaces in panels when certain fields are hidden. This usually happens because field visibility is controlled through business rules, while the layout itself remains fixed. As a result, even if a field is\u2026 <span class=\"read-more\"><a href=\"https:\/\/www.greytrix.com\/blogs\/creatio\/2025\/12\/31\/prevent-empty-gaps-in-creatio-crm-forms-with-flex-containers\/\">Read More &raquo;<\/a><\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[4,31,15,29,50],"class_list":["post-838","post","type-post","status-publish","format-standard","hentry","category-creatio","tag-creatio","tag-creatio-configuration-tips","tag-creatio-crm","tag-creatio-customization","tag-flex-containers"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Prevent Empty Gaps in Creatio CRM Forms with Flex Containers - Creatio \u2013 Tips, Tricks and Components<\/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.greytrix.com\/blogs\/creatio\/2025\/12\/31\/prevent-empty-gaps-in-creatio-crm-forms-with-flex-containers\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Prevent Empty Gaps in Creatio CRM Forms with Flex Containers - Creatio \u2013 Tips, Tricks and Components\" \/>\n<meta property=\"og:description\" content=\"When customizing the Creatio CRM interface, one common issue both developers and no\u2011code designers run into is the appearance of awkward blank spaces in panels when certain fields are hidden. This usually happens because field visibility is controlled through business rules, while the layout itself remains fixed. As a result, even if a field is\u2026 Read More &raquo;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.greytrix.com\/blogs\/creatio\/2025\/12\/31\/prevent-empty-gaps-in-creatio-crm-forms-with-flex-containers\/\" \/>\n<meta property=\"og:site_name\" content=\"Creatio \u2013 Tips, Tricks and Components\" \/>\n<meta property=\"article:published_time\" content=\"2025-12-31T06:11:14+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-31T06:11:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.greytrix.com\/blogs\/creatio\/wp-content\/uploads\/2025\/12\/Img-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2533\" \/>\n\t<meta property=\"og:image:height\" content=\"1112\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/creatio\/2025\/12\/31\/prevent-empty-gaps-in-creatio-crm-forms-with-flex-containers\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/creatio\/2025\/12\/31\/prevent-empty-gaps-in-creatio-crm-forms-with-flex-containers\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/creatio\/#\/schema\/person\/5286aa62bb39c958b219b3bc32954d42\"},\"headline\":\"Prevent Empty Gaps in Creatio CRM Forms with Flex Containers\",\"datePublished\":\"2025-12-31T06:11:14+00:00\",\"dateModified\":\"2025-12-31T06:11:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/creatio\/2025\/12\/31\/prevent-empty-gaps-in-creatio-crm-forms-with-flex-containers\/\"},\"wordCount\":486,\"publisher\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/creatio\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/creatio\/2025\/12\/31\/prevent-empty-gaps-in-creatio-crm-forms-with-flex-containers\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.greytrix.com\/blogs\/creatio\/wp-content\/uploads\/2025\/12\/Img-1-1024x450.png\",\"keywords\":[\"Creatio\",\"Creatio configuration tips\",\"Creatio CRM\",\"Creatio customization\",\"Flex Containers\"],\"articleSection\":[\"Creatio\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/creatio\/2025\/12\/31\/prevent-empty-gaps-in-creatio-crm-forms-with-flex-containers\/\",\"url\":\"https:\/\/www.greytrix.com\/blogs\/creatio\/2025\/12\/31\/prevent-empty-gaps-in-creatio-crm-forms-with-flex-containers\/\",\"name\":\"Prevent Empty Gaps in Creatio CRM Forms with Flex Containers - Creatio \u2013 Tips, Tricks and Components\",\"isPartOf\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/creatio\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/creatio\/2025\/12\/31\/prevent-empty-gaps-in-creatio-crm-forms-with-flex-containers\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/creatio\/2025\/12\/31\/prevent-empty-gaps-in-creatio-crm-forms-with-flex-containers\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.greytrix.com\/blogs\/creatio\/wp-content\/uploads\/2025\/12\/Img-1-1024x450.png\",\"datePublished\":\"2025-12-31T06:11:14+00:00\",\"dateModified\":\"2025-12-31T06:11:15+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/creatio\/2025\/12\/31\/prevent-empty-gaps-in-creatio-crm-forms-with-flex-containers\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.greytrix.com\/blogs\/creatio\/2025\/12\/31\/prevent-empty-gaps-in-creatio-crm-forms-with-flex-containers\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/creatio\/2025\/12\/31\/prevent-empty-gaps-in-creatio-crm-forms-with-flex-containers\/#primaryimage\",\"url\":\"https:\/\/www.greytrix.com\/blogs\/creatio\/wp-content\/uploads\/2025\/12\/Img-1.png\",\"contentUrl\":\"https:\/\/www.greytrix.com\/blogs\/creatio\/wp-content\/uploads\/2025\/12\/Img-1.png\",\"width\":2533,\"height\":1112},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/creatio\/2025\/12\/31\/prevent-empty-gaps-in-creatio-crm-forms-with-flex-containers\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.greytrix.com\/blogs\/creatio\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Prevent Empty Gaps in Creatio CRM Forms with Flex Containers\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/creatio\/#website\",\"url\":\"https:\/\/www.greytrix.com\/blogs\/creatio\/\",\"name\":\"Creatio \u2013 Tips, Tricks and Components\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/creatio\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.greytrix.com\/blogs\/creatio\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/creatio\/#organization\",\"name\":\"Creatio \u2013 Tips, Tricks and Components\",\"url\":\"https:\/\/www.greytrix.com\/blogs\/creatio\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/creatio\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.greytrix.com\/blogs\/creatio\/wp-content\/uploads\/2024\/06\/greytrix-logo.png\",\"contentUrl\":\"https:\/\/www.greytrix.com\/blogs\/creatio\/wp-content\/uploads\/2024\/06\/greytrix-logo.png\",\"width\":328,\"height\":34,\"caption\":\"Creatio \u2013 Tips, Tricks and Components\"},\"image\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/creatio\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/creatio\/#\/schema\/person\/5286aa62bb39c958b219b3bc32954d42\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/creatio\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/3cdb553d6ca07df0e407d5e092f2410d163e0fd40b27734b345b04c8f0786969?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3cdb553d6ca07df0e407d5e092f2410d163e0fd40b27734b345b04c8f0786969?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"url\":\"https:\/\/www.greytrix.com\/blogs\/creatio\/author\/creatio\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Prevent Empty Gaps in Creatio CRM Forms with Flex Containers - Creatio \u2013 Tips, Tricks and Components","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.greytrix.com\/blogs\/creatio\/2025\/12\/31\/prevent-empty-gaps-in-creatio-crm-forms-with-flex-containers\/","og_locale":"en_US","og_type":"article","og_title":"Prevent Empty Gaps in Creatio CRM Forms with Flex Containers - Creatio \u2013 Tips, Tricks and Components","og_description":"When customizing the Creatio CRM interface, one common issue both developers and no\u2011code designers run into is the appearance of awkward blank spaces in panels when certain fields are hidden. This usually happens because field visibility is controlled through business rules, while the layout itself remains fixed. As a result, even if a field is\u2026 Read More &raquo;","og_url":"https:\/\/www.greytrix.com\/blogs\/creatio\/2025\/12\/31\/prevent-empty-gaps-in-creatio-crm-forms-with-flex-containers\/","og_site_name":"Creatio \u2013 Tips, Tricks and Components","article_published_time":"2025-12-31T06:11:14+00:00","article_modified_time":"2025-12-31T06:11:15+00:00","og_image":[{"width":2533,"height":1112,"url":"https:\/\/www.greytrix.com\/blogs\/creatio\/wp-content\/uploads\/2025\/12\/Img-1.png","type":"image\/png"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.greytrix.com\/blogs\/creatio\/2025\/12\/31\/prevent-empty-gaps-in-creatio-crm-forms-with-flex-containers\/#article","isPartOf":{"@id":"https:\/\/www.greytrix.com\/blogs\/creatio\/2025\/12\/31\/prevent-empty-gaps-in-creatio-crm-forms-with-flex-containers\/"},"author":{"name":"admin","@id":"https:\/\/www.greytrix.com\/blogs\/creatio\/#\/schema\/person\/5286aa62bb39c958b219b3bc32954d42"},"headline":"Prevent Empty Gaps in Creatio CRM Forms with Flex Containers","datePublished":"2025-12-31T06:11:14+00:00","dateModified":"2025-12-31T06:11:15+00:00","mainEntityOfPage":{"@id":"https:\/\/www.greytrix.com\/blogs\/creatio\/2025\/12\/31\/prevent-empty-gaps-in-creatio-crm-forms-with-flex-containers\/"},"wordCount":486,"publisher":{"@id":"https:\/\/www.greytrix.com\/blogs\/creatio\/#organization"},"image":{"@id":"https:\/\/www.greytrix.com\/blogs\/creatio\/2025\/12\/31\/prevent-empty-gaps-in-creatio-crm-forms-with-flex-containers\/#primaryimage"},"thumbnailUrl":"https:\/\/www.greytrix.com\/blogs\/creatio\/wp-content\/uploads\/2025\/12\/Img-1-1024x450.png","keywords":["Creatio","Creatio configuration tips","Creatio CRM","Creatio customization","Flex Containers"],"articleSection":["Creatio"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.greytrix.com\/blogs\/creatio\/2025\/12\/31\/prevent-empty-gaps-in-creatio-crm-forms-with-flex-containers\/","url":"https:\/\/www.greytrix.com\/blogs\/creatio\/2025\/12\/31\/prevent-empty-gaps-in-creatio-crm-forms-with-flex-containers\/","name":"Prevent Empty Gaps in Creatio CRM Forms with Flex Containers - Creatio \u2013 Tips, Tricks and Components","isPartOf":{"@id":"https:\/\/www.greytrix.com\/blogs\/creatio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.greytrix.com\/blogs\/creatio\/2025\/12\/31\/prevent-empty-gaps-in-creatio-crm-forms-with-flex-containers\/#primaryimage"},"image":{"@id":"https:\/\/www.greytrix.com\/blogs\/creatio\/2025\/12\/31\/prevent-empty-gaps-in-creatio-crm-forms-with-flex-containers\/#primaryimage"},"thumbnailUrl":"https:\/\/www.greytrix.com\/blogs\/creatio\/wp-content\/uploads\/2025\/12\/Img-1-1024x450.png","datePublished":"2025-12-31T06:11:14+00:00","dateModified":"2025-12-31T06:11:15+00:00","breadcrumb":{"@id":"https:\/\/www.greytrix.com\/blogs\/creatio\/2025\/12\/31\/prevent-empty-gaps-in-creatio-crm-forms-with-flex-containers\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.greytrix.com\/blogs\/creatio\/2025\/12\/31\/prevent-empty-gaps-in-creatio-crm-forms-with-flex-containers\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.greytrix.com\/blogs\/creatio\/2025\/12\/31\/prevent-empty-gaps-in-creatio-crm-forms-with-flex-containers\/#primaryimage","url":"https:\/\/www.greytrix.com\/blogs\/creatio\/wp-content\/uploads\/2025\/12\/Img-1.png","contentUrl":"https:\/\/www.greytrix.com\/blogs\/creatio\/wp-content\/uploads\/2025\/12\/Img-1.png","width":2533,"height":1112},{"@type":"BreadcrumbList","@id":"https:\/\/www.greytrix.com\/blogs\/creatio\/2025\/12\/31\/prevent-empty-gaps-in-creatio-crm-forms-with-flex-containers\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.greytrix.com\/blogs\/creatio\/"},{"@type":"ListItem","position":2,"name":"Prevent Empty Gaps in Creatio CRM Forms with Flex Containers"}]},{"@type":"WebSite","@id":"https:\/\/www.greytrix.com\/blogs\/creatio\/#website","url":"https:\/\/www.greytrix.com\/blogs\/creatio\/","name":"Creatio \u2013 Tips, Tricks and Components","description":"","publisher":{"@id":"https:\/\/www.greytrix.com\/blogs\/creatio\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.greytrix.com\/blogs\/creatio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.greytrix.com\/blogs\/creatio\/#organization","name":"Creatio \u2013 Tips, Tricks and Components","url":"https:\/\/www.greytrix.com\/blogs\/creatio\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.greytrix.com\/blogs\/creatio\/#\/schema\/logo\/image\/","url":"https:\/\/www.greytrix.com\/blogs\/creatio\/wp-content\/uploads\/2024\/06\/greytrix-logo.png","contentUrl":"https:\/\/www.greytrix.com\/blogs\/creatio\/wp-content\/uploads\/2024\/06\/greytrix-logo.png","width":328,"height":34,"caption":"Creatio \u2013 Tips, Tricks and Components"},"image":{"@id":"https:\/\/www.greytrix.com\/blogs\/creatio\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.greytrix.com\/blogs\/creatio\/#\/schema\/person\/5286aa62bb39c958b219b3bc32954d42","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.greytrix.com\/blogs\/creatio\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/3cdb553d6ca07df0e407d5e092f2410d163e0fd40b27734b345b04c8f0786969?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3cdb553d6ca07df0e407d5e092f2410d163e0fd40b27734b345b04c8f0786969?s=96&d=mm&r=g","caption":"admin"},"url":"https:\/\/www.greytrix.com\/blogs\/creatio\/author\/creatio\/"}]}},"_links":{"self":[{"href":"https:\/\/www.greytrix.com\/blogs\/creatio\/wp-json\/wp\/v2\/posts\/838","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.greytrix.com\/blogs\/creatio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.greytrix.com\/blogs\/creatio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/creatio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/creatio\/wp-json\/wp\/v2\/comments?post=838"}],"version-history":[{"count":1,"href":"https:\/\/www.greytrix.com\/blogs\/creatio\/wp-json\/wp\/v2\/posts\/838\/revisions"}],"predecessor-version":[{"id":843,"href":"https:\/\/www.greytrix.com\/blogs\/creatio\/wp-json\/wp\/v2\/posts\/838\/revisions\/843"}],"wp:attachment":[{"href":"https:\/\/www.greytrix.com\/blogs\/creatio\/wp-json\/wp\/v2\/media?parent=838"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/creatio\/wp-json\/wp\/v2\/categories?post=838"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/creatio\/wp-json\/wp\/v2\/tags?post=838"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}