Part 1 - Creating the GUI
Lets start out by creating a new project. You can name yours whatever you wish, I named mine "Login System".
Now that we have created a new project, let"s start by adding some simple panels to hold our content.
Drag a Panel onto the canvas and under Flex Properties, give it a title, say "Login System". Now scroll down, Flex Properties->Layout, set the following contraints:
Now we have a panel setup! The next step is adding some labels and text input boxes, and a button.
Drag and drop a few labels and text input boxes and you should have something that looks like this:
Now lets go back and edit their properties. You can change the text of the labels to Username and Password, no need to assign them labels for now. However, you do need to assign the text input boxes id"s. Name the first text box "username" and the second one "password".
Almost done with the sign in form, just one more step, the submit button! Drag a button onto the canvas and change the text and ID to "Submit".
Now you should have a fully complete form that looks like this:
That"s it for Part 1!
Previous 1 2 3 4 5 Next Print