Free Training

Container blocks are now on Softr

softr Sep 18, 2024

With the world of app creation evolving each day, keeping up with the latest tools and features can be daunting. This is especially true in the realm of no-code app building. However, a massive leap forward has been made with the introduction of container blocks in Softr. Now, you can place blocks side by side on the same row in your Softr Applications, enhancing your app structure and interface. So, let's dive in and learn more about this exciting, new feature.

Unlock Potential of No Code Tools with Softr

No-code tools are revolutionizing the way we build and use applications, and Softr is at the forefront of this change. With a mission to help you unlock the full potential of no-code tools, Softr allows you to build complex apps without writing a line of code. The latest addition to the toolset is the usage of container blocks in app building.

Taking a Closer Look at Container Blocks

Container blocks serve as elementary units that can hold two or more components (blocks) side by side in the same row. Offering a sea of customization options for your apps, container blocks can hold up to four different columns of blocks, each with adjustable widths as per your declination. You can opt for columns of equal sizes, or varying proportions such as one-two or two-one, to name a few.

Redefining User Interface with Container Blocks

Previously, each block in Softr would take up an entire row within your application. With the introduction of container blocks, you have the flexibility to position diverse components side by side. For dashboards with various data types, numbers, line charts, pie charts, and more, container blocks facilitate the presentation of aggregated data right together, instead of having them segregated row by row.

Creating Container Blocks

Creating container blocks is simple. Choose your desired location within your application, select 'add block', and from the right-hand panel, choose 'container'. Then, you can adjust the column distribution and start adding blocks within the container. Blocks can be either dynamic (looking at charts, summary cards, list details, etc.) or static (CTA, custom code, etc.). Once added, blocks fill the section of the block, revolutionizing the way data is handled, presented, and interacted with inside Softr applications.

Flexible Customization with Container Blocks

Flexibility is a key aspect of container blocks, allowing alterations even after their creation. You can adjust the title, subtitles, styling, visibility permissions, and even change the column distribution after the fact, offering a consistent and fluid app development experience.

Container Redesign Made Easy

Transiting from the row-based layout to container blocks has been made seamless with the option of moving blocks in and out of containers. Existing blocks can be relocated into the newly created container blocks with ease. All you need to do is create and design the container block and then move your existing blocks to the chosen location within the container.

In conclusion, the introduction of container blocks in Softr has vastly improved the way we build applications. The new feature allows an even greater amount of flexibility and customization to your applications, facilitating an enhanced user interface and a smooth app building process. So, embrace the new-age app building with Softr and take your no-code app designing experience to the next level.

If you find yourself stuck during the app building process, remember that professional help is available to guide you through, ensuring you unlock the real potential of Softr.

Free Automation Training!

Learn how to build no-code automation and stop doing the same repetitive tasks!

We hate SPAM. We will never sell your information, for any reason.