What I’m trying to do:
I created a new app, I have “Main” form which serves as the name suggests - the main dashboard page. In addition I have other pages(forms) that given a click on a button in the sidemenu it get’s loaded into column_panel_1 which is in the main form.
All works fine but the second form is loaded into the center even though I click full_width in the properties of the second form elements.
In your main form you likely have a self.content_panel column panel which your content gets loaded into. That content panel also needs to have full_width_row checked in order for the second form to be able to stretch the entire width.
Oh shucks. I forgot that content_panel expands to fill available space. You likely have to look at the organization of your panels. In my experience, the reason why full-width doesnt actually go full width is that you have that element wrapped in another panel that is NOT full-width.
I had exactly the same problem. Not only your container need to be set to full width, but also the new form need to be put inside some container with full row width settings.
Update
Hi guys,
So after trying a lot of tricks, different structures of items, I found that if I use a “GridPanel” component instead of a column panel, I can achieve a full width of the form I try to load. It won’t be only displayed in the center.
Hope this helps!