# Responsive Sign-In Form Using New GUI Builder

DevFeed: [Responsive Sign-In Form Using New GUI Builder](<https://devfeed.tech/articles/responsive-sign-in-form-using-new-gui-builder-19626.md>)

Original publisher: [Read original article](<https://www.codenameone.com/blog/tutorial-gui-builder-autolayout-signin-form-responsive/>)

Author: Steve Hannah

Published: 2017-07-25T00:00:00Z

Content type: tutorial

Language: en

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

Topics: [GUI](<https://devfeed.tech/topics/gui.md>), [Tutorial](<https://devfeed.tech/topics/tutorial.md>), [ui](<https://devfeed.tech/topics/ui.md>), [Demo](<https://devfeed.tech/topics/demo.md>)

Tags: [auto-layout](<https://devfeed.tech/tags/auto-layout.md>), [blog-post](<https://devfeed.tech/tags/blog-post.md>), [demo](<https://devfeed.tech/tags/demo.md>), [gui](<https://devfeed.tech/tags/gui.md>), [guide](<https://devfeed.tech/tags/guide.md>), [java](<https://devfeed.tech/tags/java.md>), [sign-in](<https://devfeed.tech/tags/sign-in.md>), [tutorial](<https://devfeed.tech/tags/tutorial.md>), [tutorials](<https://devfeed.tech/tags/tutorials.md>), [ui](<https://devfeed.tech/tags/ui.md>)

## AI overview

A video tutorial demonstrates how to create a responsive Sign In form with Codename One's GUI Builder and its auto layout mode, starting from an existing demo project.

## Source excerpt

Hopefully by now, most of you have had a chance to try out the new GUI Builder - specifically the new "auto layout" mode that allows you to position components with much greater precision than before. For this blog post, I have prepared a couple of video tutorials to walk you through the creation of a Sign In form using the GUI Builder. I have taken the existing Sign In demo project as a basis, but I'm re-doing the UI, which was originally hand-coded, using the GUI Builder.