# Bottom Align

DevFeed: [Bottom Align](<https://devfeed.tech/articles/bottom-align-19222.md>)

Original publisher: [Read original article](<https://www.codenameone.com/blog/bottom-align/>)

Author: Shai Almog

Published: 2018-11-21T00:00:00Z

Content type: tutorial

Language: en

Sources: [CodeName One](<https://devfeed.tech/sources/codename-one.md>)

Topics: [ui](<https://devfeed.tech/topics/ui.md>), [API](<https://devfeed.tech/topics/api.md>), [Code](<https://devfeed.tech/topics/code.md>)

Tags: [api](<https://devfeed.tech/tags/api.md>), [code](<https://devfeed.tech/tags/code.md>), [layout](<https://devfeed.tech/tags/layout.md>), [ui](<https://devfeed.tech/tags/ui.md>)

## AI overview

This Codename One article explains a new layout mode for keeping a button aligned at the bottom of a form while space is available, then allowing it to scroll out of view when the form is full. The change is presented as an addition to the API intended to reduce UI clutter and preserve space.

## Source excerpt

Box layout Y is one of the most used layouts in Codename One. It's a wonderful, easy to use layout that makes vertical scrollable layout trivial. I love its simplicity, but sometimes that simplicity goes too far. A good example of that is the common layout where we have a button at the bottom of the screen. Historically we solved this by nesting box into a border layout: