Use LayoutBuilder to make widgets responsive to their parent's constraints!
LayoutBuilder(
builder: (context, constraints) {
if (constraints.maxWidth > 600) {
return WideLayout();
} else {
return NarrowLayout();
}
},
)
#ResponsiveDesign #FlutterDev #MobileDevelopment #UI
LayoutBuilder(
builder: (context, constraints) {
if (constraints.maxWidth > 600) {
return WideLayout();
} else {
return NarrowLayout();
}
},
)
#ResponsiveDesign #FlutterDev #MobileDevelopment #UI
December 2, 2024 at 9:32 PM
Use LayoutBuilder to make widgets responsive to their parent's constraints!
LayoutBuilder(
builder: (context, constraints) {
if (constraints.maxWidth > 600) {
return WideLayout();
} else {
return NarrowLayout();
}
},
)
#ResponsiveDesign #FlutterDev #MobileDevelopment #UI
LayoutBuilder(
builder: (context, constraints) {
if (constraints.maxWidth > 600) {
return WideLayout();
} else {
return NarrowLayout();
}
},
)
#ResponsiveDesign #FlutterDev #MobileDevelopment #UI
More:
Radio, Slider, CarouselView, DropDownButton, TextField, TextFormField, Form, SingleChildScrollView, Stepper, TabBar, Tab, TabBarView, Align, Center, Builder, LayoutBuilder, StreamBuilder, FutureBuilder.
Radio, Slider, CarouselView, DropDownButton, TextField, TextFormField, Form, SingleChildScrollView, Stepper, TabBar, Tab, TabBarView, Align, Center, Builder, LayoutBuilder, StreamBuilder, FutureBuilder.
January 19, 2025 at 6:25 PM
More:
Radio, Slider, CarouselView, DropDownButton, TextField, TextFormField, Form, SingleChildScrollView, Stepper, TabBar, Tab, TabBarView, Align, Center, Builder, LayoutBuilder, StreamBuilder, FutureBuilder.
Radio, Slider, CarouselView, DropDownButton, TextField, TextFormField, Form, SingleChildScrollView, Stepper, TabBar, Tab, TabBarView, Align, Center, Builder, LayoutBuilder, StreamBuilder, FutureBuilder.
A rebuilt Drupal architecture separates externally managed data objects from the nodes presenting them. Imports can update source data without overwriting page titles, publishing state, metadata, or layouts.
https://bit.ly/4dnGN6S
##Drupal #DrupalArchitecture #ContentModeling #LayoutBuilder
https://bit.ly/4dnGN6S
##Drupal #DrupalArchitecture #ContentModeling #LayoutBuilder
Drupal Rebuild Separates Data Objects From Editorial Pages
A single node is convenient until source-owned data and Drupal-owned presentation begin following different rules.
bit.ly
September 18, 2026 at 5:26 PM
A rebuilt Drupal architecture separates externally managed data objects from the nodes presenting them. Imports can update source data without overwriting page titles, publishing state, metadata, or layouts.
https://bit.ly/4dnGN6S
##Drupal #DrupalArchitecture #ContentModeling #LayoutBuilder
https://bit.ly/4dnGN6S
##Drupal #DrupalArchitecture #ContentModeling #LayoutBuilder
It was a pleasure working with #WalshBayArtsPrecinct to build a visually stunning #Drupal site with new branding, a dynamic 'What’s On' section, and an editorial experience designed for flexibility and ease of use.
👀 Case study: www.previousnext.com.au/case-studies...
#DrupalWebsite #LayoutBuilder
👀 Case study: www.previousnext.com.au/case-studies...
#DrupalWebsite #LayoutBuilder
June 16, 2025 at 11:42 PM
It was a pleasure working with #WalshBayArtsPrecinct to build a visually stunning #Drupal site with new branding, a dynamic 'What’s On' section, and an editorial experience designed for flexibility and ease of use.
👀 Case study: www.previousnext.com.au/case-studies...
#DrupalWebsite #LayoutBuilder
👀 Case study: www.previousnext.com.au/case-studies...
#DrupalWebsite #LayoutBuilder
Challenge: Your UI looks great on some devices but breaks on others.
Solution: Use LayoutBuilder to adapt layouts based on constraints.
💡 Combine LayoutBuilder with MediaQuery for device-specific tweaks. Building truly responsive Flutter apps has never been easier!
#flutter #dart #responsiveDesign
Solution: Use LayoutBuilder to adapt layouts based on constraints.
💡 Combine LayoutBuilder with MediaQuery for device-specific tweaks. Building truly responsive Flutter apps has never been easier!
#flutter #dart #responsiveDesign
December 11, 2024 at 12:00 PM
Challenge: Your UI looks great on some devices but breaks on others.
Solution: Use LayoutBuilder to adapt layouts based on constraints.
💡 Combine LayoutBuilder with MediaQuery for device-specific tweaks. Building truly responsive Flutter apps has never been easier!
#flutter #dart #responsiveDesign
Solution: Use LayoutBuilder to adapt layouts based on constraints.
💡 Combine LayoutBuilder with MediaQuery for device-specific tweaks. Building truly responsive Flutter apps has never been easier!
#flutter #dart #responsiveDesign
In her post, Ana explains why these three tools are essential additions during a #DrupalWebsite build, providing significant value for end-users and editors who manage content on a daily basis.
👀 www.previousnext.com.au/blog/three-f...
#LayoutBuilder #Storybook #OpenSearch #DrupalCMS #Blogpost
👀 www.previousnext.com.au/blog/three-f...
#LayoutBuilder #Storybook #OpenSearch #DrupalCMS #Blogpost
May 19, 2025 at 10:27 PM
In her post, Ana explains why these three tools are essential additions during a #DrupalWebsite build, providing significant value for end-users and editors who manage content on a daily basis.
👀 www.previousnext.com.au/blog/three-f...
#LayoutBuilder #Storybook #OpenSearch #DrupalCMS #Blogpost
👀 www.previousnext.com.au/blog/three-f...
#LayoutBuilder #Storybook #OpenSearch #DrupalCMS #Blogpost
Who amongst us hasn’t wished they only had to build UIs for one screen size? 😪
Thankfully, #Flutter widgets like #LayoutBuilder make it possible to support many screen sizes 📐
Combine that with #Widgetbook's #ViewportAddon, and responsiveness is your app's default 🚀
Thankfully, #Flutter widgets like #LayoutBuilder make it possible to support many screen sizes 📐
Combine that with #Widgetbook's #ViewportAddon, and responsiveness is your app's default 🚀
April 29, 2025 at 3:53 PM
Who amongst us hasn’t wished they only had to build UIs for one screen size? 😪
Thankfully, #Flutter widgets like #LayoutBuilder make it possible to support many screen sizes 📐
Combine that with #Widgetbook's #ViewportAddon, and responsiveness is your app's default 🚀
Thankfully, #Flutter widgets like #LayoutBuilder make it possible to support many screen sizes 📐
Combine that with #Widgetbook's #ViewportAddon, and responsiveness is your app's default 🚀
I wrote three MultiChildRenderObjectWidget in my Flutter career. Touching that layer is rare but it gives so much power. It's like building a Android CustomView back in the days.
It helped us doing frame perfect animations/layouts without LayoutBuilder, which delays layouting by 1 frame
It helped us doing frame perfect animations/layouts without LayoutBuilder, which delays layouting by 1 frame
August 6, 2025 at 10:21 AM
I wrote three MultiChildRenderObjectWidget in my Flutter career. Touching that layer is rare but it gives so much power. It's like building a Android CustomView back in the days.
It helped us doing frame perfect animations/layouts without LayoutBuilder, which delays layouting by 1 frame
It helped us doing frame perfect animations/layouts without LayoutBuilder, which delays layouting by 1 frame
Learn how we integrated Bootstrap with Layout Builder in our latest live stream.
Using Radix Bootstrap theme and Bootstrap Layout Builder, we built responsive layouts with hero images and article grids.
Link below ⬇️
#drupal #bootstrap #radix #layoutbuilder
Using Radix Bootstrap theme and Bootstrap Layout Builder, we built responsive layouts with hero images and article grids.
Link below ⬇️
#drupal #bootstrap #radix #layoutbuilder
December 9, 2024 at 9:17 PM
Learn how we integrated Bootstrap with Layout Builder in our latest live stream.
Using Radix Bootstrap theme and Bootstrap Layout Builder, we built responsive layouts with hero images and article grids.
Link below ⬇️
#drupal #bootstrap #radix #layoutbuilder
Using Radix Bootstrap theme and Bootstrap Layout Builder, we built responsive layouts with hero images and article grids.
Link below ⬇️
#drupal #bootstrap #radix #layoutbuilder
ImageX outlines how Drupal teams can manage colour across theme CSS, colour fields, Layout Builder Styles, CKEditor palettes, and Single-Directory Components.
Editor flexibility still needs governed, accessible design-system choices.
https://bit.ly/4aLIKce
##Drupal #DesignSystems #LayoutBuilder
Editor flexibility still needs governed, accessible design-system choices.
https://bit.ly/4aLIKce
##Drupal #DesignSystems #LayoutBuilder
ImageX Explains Drupal Colour Management Across Themes, Fields, and Components
Colour control in Drupal rarely sits in one place. ImageX’s overview is strongest when read as a workflow map across themes, fields, components, and editor tools.
bit.ly
July 13, 2026 at 2:56 PM
ImageX outlines how Drupal teams can manage colour across theme CSS, colour fields, Layout Builder Styles, CKEditor palettes, and Single-Directory Components.
Editor flexibility still needs governed, accessible design-system choices.
https://bit.ly/4aLIKce
##Drupal #DesignSystems #LayoutBuilder
Editor flexibility still needs governed, accessible design-system choices.
https://bit.ly/4aLIKce
##Drupal #DesignSystems #LayoutBuilder
Specbee @specbee-drupal.bsky.social breaks down when to use Paragraphs vs. Layout Builder in Drupal site building.
Both serve different needs—and together, they’re even more powerful.
Read the guide: https://bit.ly/44DJNb1
##Drupal #SiteBuilding #Paragraphs #LayoutBuilder
Both serve different needs—and together, they’re even more powerful.
Read the guide: https://bit.ly/44DJNb1
##Drupal #SiteBuilding #Paragraphs #LayoutBuilder
Drupal Paragraphs vs Layout Builder: Choosing the Right Tool for Flexible Content Design
Specbee explores the strengths and ideal use cases for Drupal’s Paragraphs module and Layout Builder. From structured components to visual page-building freedom, this guide helps teams choose the right content strategy—or combine both—for cleaner, ed...
bit.ly
December 23, 2025 at 3:57 PM
Specbee @specbee-drupal.bsky.social breaks down when to use Paragraphs vs. Layout Builder in Drupal site building.
Both serve different needs—and together, they’re even more powerful.
Read the guide: https://bit.ly/44DJNb1
##Drupal #SiteBuilding #Paragraphs #LayoutBuilder
Both serve different needs—and together, they’re even more powerful.
Read the guide: https://bit.ly/44DJNb1
##Drupal #SiteBuilding #Paragraphs #LayoutBuilder
A Drupal rebuild replaces custom Drupal 7 template tables with reusable Layout Builder sections and components. Editors can save working pages as templates, apply independent copies, and validate blocks against destination data.
https://bit.ly/4ys9nMt
##Drupal #LayoutBuilder #DrupalDevelopment
https://bit.ly/4ys9nMt
##Drupal #LayoutBuilder #DrupalDevelopment
Drupal Rebuild Uses Layout Builder Sections for Reusable Page Templates
Reusable layouts are more useful when editors can build them from pages they can already see and test. The challenge is making each reused layout independent of the page and data context it came from.
bit.ly
September 10, 2026 at 4:53 PM
A Drupal rebuild replaces custom Drupal 7 template tables with reusable Layout Builder sections and components. Editors can save working pages as templates, apply independent copies, and validate blocks against destination data.
https://bit.ly/4ys9nMt
##Drupal #LayoutBuilder #DrupalDevelopment
https://bit.ly/4ys9nMt
##Drupal #LayoutBuilder #DrupalDevelopment
Layout Builder Audit 1.0.0 adds block-level change tracking to Drupal’s core Layout Builder.
It records creates, edits, moves, deletions, and field diffs.
https://bit.ly/4gfljuX
##Drupal #LayoutBuilder #DrupalModules
It records creates, edits, moves, deletions, and field diffs.
https://bit.ly/4gfljuX
##Drupal #LayoutBuilder #DrupalModules
August 24, 2026 at 2:40 PM
Layout Builder Audit 1.0.0 adds block-level change tracking to Drupal’s core Layout Builder.
It records creates, edits, moves, deletions, and field diffs.
https://bit.ly/4gfljuX
##Drupal #LayoutBuilder #DrupalModules
It records creates, edits, moves, deletions, and field diffs.
https://bit.ly/4gfljuX
##Drupal #LayoutBuilder #DrupalModules
Drupal page building isn’t one-size-fits-all. Talish Khan compares Layout Builder, Paragraphs, Twig templates, and blocks based on editor needs, flexibility, and consistency.
https://bit.ly/4qa8eGu
##Drupal #LayoutBuilder #Paragraphs
https://bit.ly/4qa8eGu
##Drupal #LayoutBuilder #Paragraphs
Talish Khan Outlines Four Questions for Choosing Drupal Page-Building Tools
More page-level freedom gives editors more choices, but it can also increase training and maintenance demands. The practical question is how much control a team actually needs.
bit.ly
August 12, 2026 at 1:08 PM
Drupal page building isn’t one-size-fits-all. Talish Khan compares Layout Builder, Paragraphs, Twig templates, and blocks based on editor needs, flexibility, and consistency.
https://bit.ly/4qa8eGu
##Drupal #LayoutBuilder #Paragraphs
https://bit.ly/4qa8eGu
##Drupal #LayoutBuilder #Paragraphs
🚨 EUVD-2026-47698
📊 5.3/10
🏢 Progress Software
📝 In Progress® Telerik® UI for AJAX prior to v2026.2.708, the internal LayoutBuilder control processes client-state XML without disabling DTD proc...
🔗 https://euvd.enisa.europa.eu/vulnerability/EUVD-2026-47698
#cybersecurity #infosec #cve #euvd
📊 5.3/10
🏢 Progress Software
📝 In Progress® Telerik® UI for AJAX prior to v2026.2.708, the internal LayoutBuilder control processes client-state XML without disabling DTD proc...
🔗 https://euvd.enisa.europa.eu/vulnerability/EUVD-2026-47698
#cybersecurity #infosec #cve #euvd
July 22, 2026 at 3:01 PM
🚨 EUVD-2026-47698
📊 5.3/10
🏢 Progress Software
📝 In Progress® Telerik® UI for AJAX prior to v2026.2.708, the internal LayoutBuilder control processes client-state XML without disabling DTD proc...
🔗 https://euvd.enisa.europa.eu/vulnerability/EUVD-2026-47698
#cybersecurity #infosec #cve #euvd
📊 5.3/10
🏢 Progress Software
📝 In Progress® Telerik® UI for AJAX prior to v2026.2.708, the internal LayoutBuilder control processes client-state XML without disabling DTD proc...
🔗 https://euvd.enisa.europa.eu/vulnerability/EUVD-2026-47698
#cybersecurity #infosec #cve #euvd
Shivam Sen’s Block Content Explorer adds visibility for Drupal 11 Layout Builder blocks.
The contrib module lists reusable and inline block content in one admin view. Current release: 1.0.x-dev.
https://bit.ly/4gurRGu
##Drupal #Drupal11 #LayoutBuilder #Contrib
The contrib module lists reusable and inline block content in one admin view. Current release: 1.0.x-dev.
https://bit.ly/4gurRGu
##Drupal #Drupal11 #LayoutBuilder #Contrib
July 9, 2026 at 11:40 AM
Shivam Sen’s Block Content Explorer adds visibility for Drupal 11 Layout Builder blocks.
The contrib module lists reusable and inline block content in one admin view. Current release: 1.0.x-dev.
https://bit.ly/4gurRGu
##Drupal #Drupal11 #LayoutBuilder #Contrib
The contrib module lists reusable and inline block content in one admin view. Current release: 1.0.x-dev.
https://bit.ly/4gurRGu
##Drupal #Drupal11 #LayoutBuilder #Contrib
It's great until you're in a Row, Column, etc. and now you gotta wrap the children in Flexible or Expanded to make things work as expected. Flutter really needs to fix that issue. Until then, I'll stick to LayoutBuilder.
October 27, 2024 at 2:35 PM
It's great until you're in a Row, Column, etc. and now you gotta wrap the children in Flexible or Expanded to make things work as expected. Flutter really needs to fix that issue. Until then, I'll stick to LayoutBuilder.
Layout Builder lets editors override layouts per node.
If 50 nodes get custom layouts and you want to revert, that is a manual migration.
Restrict override permissions carefully before giving editors that access.
#drupal #layoutbuilder
If 50 nodes get custom layouts and you want to revert, that is a manual migration.
Restrict override permissions carefully before giving editors that access.
#drupal #layoutbuilder
June 10, 2026 at 9:10 AM
Layout Builder lets editors override layouts per node.
If 50 nodes get custom layouts and you want to revert, that is a manual migration.
Restrict override permissions carefully before giving editors that access.
#drupal #layoutbuilder
If 50 nodes get custom layouts and you want to revert, that is a manual migration.
Restrict override permissions carefully before giving editors that access.
#drupal #layoutbuilder
Check out the latest tutorial, where you will learn how to integrate Bootstrap and Layout Builder using the aptly named Bootstrap Layout Builder module and Bootstrap Styles.
Read the tutorial and watch the video. Links below: ⬇️
#drupal #bootstrap #layoutbuilder
Read the tutorial and watch the video. Links below: ⬇️
#drupal #bootstrap #layoutbuilder
December 18, 2024 at 8:20 PM
Check out the latest tutorial, where you will learn how to integrate Bootstrap and Layout Builder using the aptly named Bootstrap Layout Builder module and Bootstrap Styles.
Read the tutorial and watch the video. Links below: ⬇️
#drupal #bootstrap #layoutbuilder
Read the tutorial and watch the video. Links below: ⬇️
#drupal #bootstrap #layoutbuilder
Display Builder beta 2 is now available for Drupal.
The release adds layout plugin support, UI panel improvements, and a new tutorial video.
A step forward for visual layout and display building.
Read more:
https://bit.ly/4kqxpBP
##Drupal #SiteBuilding #LayoutBuilder #SDC
The release adds layout plugin support, UI panel improvements, and a new tutorial video.
A step forward for visual layout and display building.
Read more:
https://bit.ly/4kqxpBP
##Drupal #SiteBuilding #LayoutBuilder #SDC
February 9, 2026 at 6:28 PM
Display Builder beta 2 is now available for Drupal.
The release adds layout plugin support, UI panel improvements, and a new tutorial video.
A step forward for visual layout and display building.
Read more:
https://bit.ly/4kqxpBP
##Drupal #SiteBuilding #LayoutBuilder #SDC
The release adds layout plugin support, UI panel improvements, and a new tutorial video.
A step forward for visual layout and display building.
Read more:
https://bit.ly/4kqxpBP
##Drupal #SiteBuilding #LayoutBuilder #SDC
Saroj K’s latest Weekly Drupal post breaks down Blocks and Layout Builder for Acquia certification prep. Clear tips on config-first layout, block reuse, and common exam mistakes.
https://bit.ly/4bgGzy5
##DrupalCert #LayoutBuilder #Blocks #SiteBuilding
https://bit.ly/4bgGzy5
##DrupalCert #LayoutBuilder #Blocks #SiteBuilding
How Drupal Blocks and Layout Builder Empower Editors: A Guide for Acquia Certification
In Module 2.4 of the Weekly Drupal Acquia exam series, Saroj explains how Drupal’s block system and Layout Builder enable editors to manage page layouts without custom code. The module highlights configuration-first design and the importance of avoid...
bit.ly
January 2, 2026 at 10:07 AM
Saroj K’s latest Weekly Drupal post breaks down Blocks and Layout Builder for Acquia certification prep. Clear tips on config-first layout, block reuse, and common exam mistakes.
https://bit.ly/4bgGzy5
##DrupalCert #LayoutBuilder #Blocks #SiteBuilding
https://bit.ly/4bgGzy5
##DrupalCert #LayoutBuilder #Blocks #SiteBuilding
📺 Missed the Canvas 1.0 launch webinar?
Dripyard’s @dripyard.com frontend tool for Drupal drew 170+ attendees from 30+ countries.
Replay + discount codes now available.
🔗 https://bit.ly/4oYzd5w
##DrupalCanvas #DrupalUX #LayoutBuilder #LowCode
Dripyard’s @dripyard.com frontend tool for Drupal drew 170+ attendees from 30+ countries.
Replay + discount codes now available.
🔗 https://bit.ly/4oYzd5w
##DrupalCanvas #DrupalUX #LayoutBuilder #LowCode
December 17, 2025 at 1:43 PM
📺 Missed the Canvas 1.0 launch webinar?
Dripyard’s @dripyard.com frontend tool for Drupal drew 170+ attendees from 30+ countries.
Replay + discount codes now available.
🔗 https://bit.ly/4oYzd5w
##DrupalCanvas #DrupalUX #LayoutBuilder #LowCode
Dripyard’s @dripyard.com frontend tool for Drupal drew 170+ attendees from 30+ countries.
Replay + discount codes now available.
🔗 https://bit.ly/4oYzd5w
##DrupalCanvas #DrupalUX #LayoutBuilder #LowCode