Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Of course, when you're building an interactive project, you may need a user to actually type some text into your design. For example, maybe you want them to enter their ZIP code, so that you can give them directions to your location. Maybe you'd like them to submit their e-mail address, so that you can send them more information, or maybe you just want to solicit some comments from your customers. All of these things can be accomplished with a Text Input component. I'm working with a blank project here. I'm going to start by bringing some artwork in from Illustrator. I can either copy and paste something from Illustrator or I can go right here to the File menu and choose to Import something.
So I'm going to choose to open up an Illustrator file. I have a file here called wood in my Chapter 03 folder, I'll click Open to bring that in and click OK in the Import dialog box. Basically, it's a group of elements in the background with some text here. I'll start by selecting all of my artwork, and then from the HUD, I'm going to choose now to Convert this to a Text Input component. Now, maybe I'd like to make this a little bit more obvious that it's an editable text field. So down in the Properties panel, I'm going to scroll down over here to where it says Label, and I'll change this to the words zip code.
Now I'll go to the File menu and choose Run Project to see what this looks like in a Web browser. Notice that here in the Web browser, I can actually move my cursor over this and it changes to a Text icon. I can click to highlight the word zip code and change it to a different zip code. One of the really nice things about this, is that I can change that font in that text there back inside of Flash Catalyst; so that even when users type in information, that information appears in the font of my choice.
Get unlimited access to all courses for just $25/month.Become a member
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.
Your file was successfully uploaded.