Previous blog post we have seen what are the different components or bricks in Utility. The Utility components are awesome to build large number of interesting Firefox OS applications.In our application we are first going to use some of Utility components in our next app we can use others. The components are
- Header
- Image
- Button With ConfirmationButton with ConformationButton With Confirmation
- Text box
- Text Input with Button
We already knew that Header is very Important for almost all the application. So we have Started with header and named it as We are Good. It is very well know all Mozillians are best and Good in contribution.
Below that we have placed the Image. As of now we have not given the source. So at first it will appear blank. We will get the image in future. Surely it is well know image. Increase the height according to your need.
Below that is Text Input with Button. The input which we give in the text box will go as output.
Placed a simple text box. With the instruction. The instruction is given in the Text area and the colour of the text is red you can change it to any
"Click Start You will get image by clicking Submit"
Below the Text box we have placed with Button with Conformation with the Label Click and Start and Conformation message as Shall We start. As of now didn't change the colour of button. Then the value which will be set is the Image source path.The flow of the application is also follows. The user is requested first to click on the Button with Conformation. A pop-up will come. If he accepts then the value is sent to the Text Input with Button. When he hits Submit the output will be going to Image, the output is Image source and it will be displayed.
App link to see. Feel free to remix and share with your Friends and make them happy.