Subscribe to [FP-1] Sandich Builder with VB2010        RSS Feed
-----

[Pt 4] Payment Layout 2

Icon Leave Comment
Lets start off by adding 3 GroupBoxes for the 3 payment options: Cash, Credit, Blitz

GroupBox (Cash)
Text: Cash
Name: groupCash
Location: 301,21
Size: 134, 144


GroupBox (Credit)
Text: Credit
Name: groupCredit
Location: 441, 171
Size: 179, 144

GroupBox (Blitz)
Text: Blitz Card
Name: groupCash
Location: 441, 21
Size: 179, 144


I know the locations are weird. But don't worry, while we run the program we are going to have the GroupBoxes move. The GroupBoxes are just placed there so its easy to manage the inside.

Now we are going to work on each Groupbox starting with the Cash GroupBox

We are going to add 3 Labels and 1 Button


Label (Due)
Text: Due
Name: lblCashDue
Location: 6, 16


Label (Paid)
Text: Paid
Name: lblCashPaid
Location: 6, 39


Label (Left)
Text: Left
Name: lblCashLeft
Location: 6, 63


Button (Continued)
BackColor: MediumBlue
ForeColor: SkyBlue
Text: Confirm
Enabled: False
Name: btnCashContinue
Locaation: 28, 103
Size: 78, 23




Now for the Blitz Card GroupBox. We are going to have 2 Labels, 3 Buttons, 1 Masked TextBox and 1 TextBox.




Label (Card #)
Text: Card #
Name: lblBlitzNumber
Location: 20, 20


Label (Password)
Text: Password
Name: lblBlitzPass
Location: 6, 53


Masked TextBox (Card #)
Mask: 000-000-000
Name: mskCardNumber
Location: 65, 17
Size: 66, 20



TextBox (Password)
PasswordChar: *
Name: txtbxBlitzPass
Location: 65, 50
Size: 95, 20



Button (Show)
BakcColor: MediumBlue
ForeColor: SkyBlue
Text: Show
Name: btnBlitzShow
Location: 65, 76
Size: 72, 73


Button (Hide)
BakcColor: MediumBlue
ForeColor: SkyBlue
Text: Hide
Visible: False
Name: btnBlitzHide
Location: 65, 76
Size: 72, 73


Button (Confirm)
BakcColor: MediumBlue
ForeColor: SkyBlue
Text: Confirm
Name: btnBlitzConfirm
Location: 50, 114
Size: 78, 23







For the Credit GroupBox we are going to need 3 GroupBoxes, 3 Labels, a Button, and a Masked TextBox


Label (Select Card)
Text: Select Card
Name: lblCreditSelect
Location: 6, 16


Label (Card #)
Text: Card #
Name: lblCreditNumber
Location: 29, 51


Label (Expiration)
Text: Expiration
Name: lblCreditExpire
Location: 4, 86


ComboBox (Card Type)
DropDownStyle: DropDownList
Items:
  • Visa
  • Master Card
  • American Express

Name: comboCreditCard
Location: 74, 12
Size: 99, 21


MaskedTexBox (Card Number)
Mask: 0000-0000-0000
Name: maskCreditNumber
Location: 74, 48
Size: 85, 20


ComboBox (Month)
DropDownStyle: DropDownList
Items:
  • Jan
  • Feb
  • Mar
  • Apr
  • May
  • Jun
  • Jul
  • Aug
  • Sep
  • Oct
  • Nov
  • Dec

Name: comboCreditMonth
Location: 61, 83
Size: 51, 21


ComboBox (Month)
DropDownStyle: DropDownList
Items:
  • 2016
  • 2017
  • 2018
  • 2019
  • 2020
  • 2021
  • 2022
  • 2023
  • 2024
  • 2025
  • 2026
  • 2027

Name: comboCreditYear
Location: 118, 83
Size: 51, 21


Button (Confirm)
BackColor: MediumBlue
ForeColor: SkyBlue
Text: Confirm
Enabled: Fasle


Lastly, saving the easiest for last, we have the Cash GroupBox with 3 Labels and 1 Button.

Label (Due)
Text: Due
Name: lblCashDue
Location: 6, 16



Label (Paid)
Text: Paid
Name: lblCashPaid
Location: 6, 39



Label (Left)
Text: Left
Name: lblCashLeft
Location: 6, 63



Button (Confirm)
BackColor: MediumBlue
ForeColor: SkyBlue
Text: Confirm
Name: btnCashCnfirm
Location: 28, 103
Size: 78, 23



Good news, the second major Form is finished. Sadly we are still not going to get into coding yet. We have a few minor Forms to make.

0 Comments On This Entry

 

Trackbacks for this entry [ Trackback URL ]

There are no Trackbacks for this entry

October 2017

S M T W T F S
1234567
891011121314
15161718 19 2021
22232425262728
293031    

Tags

    Recent Entries

    Recent Comments

    Search My Blog

    0 user(s) viewing

    0 Guests
    0 member(s)
    0 anonymous member(s)