How to use the full width of the screen

Anvil Q&A
1

What I’m trying to do:
How to use the full width of the screen

What I’ve tried and what’s not working:
I have set wrap_on to never and full_width_row to true in all objects but
Anvil does not use the full width of the screen, the texts are all very narrow even though there is a lot of horizontal space.
I have add a content panel and in the code I add column panel as custom components.

Example: self.content_panel.add_component(movimientos(),full_width_row=True)

Code Sample:

image
image1904×877 104 KB

Clone link:
share a copy of your app

2

I sympathize greatly with your plight. Given the number of posts about “How to get full width?”, it’s a widely faced issue. Finally, after many months of working on this problem I found a method that seems to work reliably. Hope I can help you past your issue, as my users grumbled for a very long time about inability to see all of the information in the Data Grid my particular application uses.

  1. Make sure your component is itself in a column_panel with the full width row check box set in Properties
  2. Any elements within that column_panel that you desire to be full-width must themselves also have the full width row checkbox set in Properties
  3. Then, as you are doing, set the full_width_row=True when calling add_component().

That method of setting the property after inserting everything into another object, with the full width row checkbox set seems to do the trick.

2 Likes