Fluid Sections
Fluid sections are custom Matrix Framework widgets with drag-and-drop functionality and resizing features, allowing you to edit without any coding. You can change the background color, update or replace images, delete elements, adjust the border radius, and more - all without touching a single line of code.
Getting Started
Enable Fluid Sections in your MatrixConfig:
window.MatrixConfig = {
features: {
fluidModule: true, // Enable fluid sections
}
};
Once enabled in the MatrixConfig options and after uploading the JS file to your website, you will see a new module called “Fluid Section” in the Jimdo toolbar map.
Nested Elements
Nested elements allow you to create hierarchical layouts where child elements are constrained within their parent's boundaries.
How it works:
1. Open Element Settings: Click the settings button on any element
2. Click Plus Button: Click the plus button in the popup header
3. Select Widget: Choose a widget type
4. Element is Added: The new element is appended as a child of the current element
Mobile Order
All elements use absolute positioning for free placement on the desktop screen, while on mobile they use relative positioning. Using the “Mobile Order” option in the element’s Settings popup allows you to change the order in which widgets appear on mobile devices.
If you have encountered any bugs, errors, or unexpected behavior in the Fluid Sections, please leave a comment below.
Support team (Saturday, 04 April 2026 12:41)
Hello Stefan,
Thank you very much for your detailed bug report — it is really appreciated �
1) Image resize issue
The image resizing problem occurred only in Matrix One, and it has now been fixed.
2) Rounded setting (text fields)
The border-radius issue for the text widget was present both in the Framework and the Toolkit as well, and this has also been resolved.
How to update
To apply the fixes, please:
- Download the latest fluid-section js file file from Update Sections
- Upload and replace the file on your website
Important note:
On your website I noticed that an old JavaScript file from Matrix Themes is still present inside the Style Editor. This file should be removed, as it may cause conflicts.
I also recommend running the Template Updates from the Style Editor to make sure all components are fully synchronized.
Stefan (Saturday, 04 April 2026 11:22)
The "Rounded" setting for text fields does nothing. You can set the slider to any value - it is not applied nor saved
Stefan (Saturday, 04 April 2026 11:17)
Image can not be resized after changing image url.
Steps to reproduce (occurred in Firefox)
- Create a new fluid section (leave all settings on default)
- add an image
- change the image url
- try to resize the image by clicking and holding the image border (resize dots). for me it is not working. only after adding the image (clicking on plus icon) and only if I did not change the image url I can initially resize the image.