Alignment in a Flex or Container not as expected

I have created a Container with a Flex inside. I want the Flex to be in the center of the container (width and height). So I set the Container to

My expectation was, that the Flex is now in the middle but it stays on top of the container. What do I do wrong?

Hi @WeaverPixel If you put a container and add a background image, then add inside the container a flex one, you have to play with top and bottom margin of the flex item in order to make the container growing.
I’m not sure of what you did :face_with_monocle:

Thanks @Bruno for your help.
what you describe is roughly what I did. I created a container, put a picture in the background and now I have put in this container a Flex Element.

With the below settings I was expecting that the Flex now is aligned in the middle of my container. But it doesn’t. No matter what I click in the “Content Alignment” it sticks on the top.

You see it in the screenshot below.

There I am stuck, normally by following these steps, the container with the image in the background should not be expanded, adding the flex does not change much, it is by adding the top and bottom margins to the flex that the container expands in height and makes the image appear, the flex automatically ending up centered vertically and horizontally. I just did it again and that’s what happens. I don’t understand the problem you are having but as I encounter a lot of problems that I can’t report because I can’t reproduce them identically, I’ll leave it aside while waiting for regular updates.
Just a question to be sure: do you choose the image from the background feature of the container (in the inspector), do you not add it by drag&drop?

1 Like

Hey @WeaverPixel (and @Bruno),

You need to set the “Sizing” on the container, not the “Content Layout”. Here’s a quick video to show you how to set things up right…

If you get stuck or have any more questions, just let me know!

2 Likes

Thank you very much for this video. Elements brings another approach in design, we are getting used to it little by little. The follow-up that you provide is essential and of high quality, as well as the entire Realmac team.
I take advantage of this message to congratulate you for the excellent work that you produce. I am at the beginning of using V2 but for the first time I am building a site and not pages to test. So far I go from good to very good surprises. :+1: The small impromptu problems do not bother me, it is the bug hunt, what bothers me is being unable to reproduce them identically to be able to inform you and help you.

Your announcement of a CMS in the top list to come is excellent news :tada:, it is in my opinion the most important to succeed in a good launch of Elements (even if it’ll not be at the final release 1.0). Where you can really stand out is with this, by insisting on the “manufacturing” of components with the assistance of AI. If you could integrate some kind of Gpt into Elements to automate this, you would be unrivaled right now. I don’t think I’m the first (or the most competent) to suggest it to you. What do you want, with Christmas approaching, we want a little more every day… and since you spoil us every week (or even several times a week), we shouldn’t complain that we’re begging :yum:
Again great job :clap:

2 Likes

What a fantastic message—thank you so much! :blush: It means a lot to us to hear that you’re enjoying the journey with Elements and t’s great to hear that your experience so far has been filled with positive surprises :smiling_face:

We genuinely appreciate your patience and your willingness to support the bug-hunting process. Every bit of feedback helps us make Elements stronger and smoother.

We agree—bringing in a robust CMS is going to be a game-changer, and we’re committed to ensuring it integrates seamlessly with the Elements experience (but please know this quite a way off, we need to ship V1 first). As for AI-driven component creation, that’s a very exciting idea, and you’re not alone in hoping to see something like it! Leveraging AI to assist with design and functionality is a powerful direction, and while it’s something we’re exploring, hearing feedback like yours only encourages us to push those possibilities further.

Thanks again for your kind words and support. Here’s to more delightful surprises :raised_hands:

2 Likes

Aaah now it’s clear :+1:

Thanks @dan and @Bruno

And also what @Bruno wrote. I am the first time with Elements working on a website rather than generating something to test. Beside the little things which are obvious for a Beta and my lack of knowledge it is running really good since the V2 Components are available. The new Components still needs some polishing but they are really good now.

I am just reproducing one of my Foundry templates. Some things I am missing so far is:

  • Anker
  • Slider
  • Contact Form
  • The Standard Navigation is also a bit unflexible

and of course a CMS for a blog. But I fully understand that it is not in the 1.0 version but hopefully in the 1.1 :joy:

2 Likes

Hi @WeaverPixel

I was thinking about the question of forms, Sitelok from Vibralogix offers in addition to the base of its excellent product for securing access and managing member areas, both registration, contact and newsletter forms (with captcha, Turnstile, 2FA, AWS connection…).
In fact I didn’t think about it that way but by using it on my sites which will be opened later, I realized that I only saw the “restricted access” aspect of Sitelok when it is much more, especially since we can create our own forms (whether contact, registration, newsletter). It works perfectly well with Elements.
It doesn’t have Slider yet :rofl: but for the price, I think it’s an excellent investment. So I recommend it :+1:

1 Like