Full width row question

Anvil Q&A
1

I’m using the material design theme to build a site with multiple ‘pages.’ On my homepage, I use links in the left-nav bar to select different pages. In the homepage main section, I have a ColumnPanel named ‘content_panel’ where I will in code, place instances of different forms I’ve imported into homepage.

In my different pages, I set everything to full width row, and when I edit them in the designer, they do indeed display full width (my desired outcome). However, when I add them as components on my homepage ColumnPanel, they are not displaying full width. I don’t see a full width row option on that ColumnPanel, so… I’m doing something wrong I’m sure. Does the ‘slot’ have something to do with this?

To see what I’m trying to do, select “Dashboard - Fleet”… those three cards should be full screen, instead I’m seeing this:

image
image2253×799 43.4 KB

As always, any help is very much appreciated

2

I haven’t checked out the clone. But off the top of my head - it’s something like.

content_panel.add_component(My_Form(), full_width_row = True)

Which makes sense for the discrepancy between the design view - since in code you need the extra parameter. (It should come up in the autocomplete).

https://anvil.works/docs/client/components/containers#columnpanel

5 Likes