Working With the Credit Card Detail Web Part
The Credit Card Detail Web Part lets shoppers create new credit card records or modify an existing credit card payment record.
Web Part
The following figure shows the Credit Card Detail Web Part.
.gif "Dd451235.Vug_CreditCardDetail_WebPart(en-US,CS.90).gif") |
The shopper can enter the following credit card fields:
Credit Card Type (drop-down control)
Credit Card Number (text box control)
Credit Card Expiration Date (month/year drop-down controls)
Billing Address (drop-down control, will only list billing addresses)
If the shopper wants to create a new billing address, clicking the Add New Address button redirects the shopper to the Address Detail Web Part in Add mode.
Credit card numbers are validated upon entry by using standard credit card number validation algorithms.
Property Sheet
The following figure shows the Credit Card Detail Web Part property sheet. The Credit Card Detail Web Part property sheet lets site designers control some aspects of the Web Part's behavior and appearance. The property sheet is displayed by selecting the edit option on the Web Page (in Edit Page mode) and then selecting Modify Shared Web Part. This displays the property sheet. Expand the sections to see the relevant properties.
.gif "Dd451235.Vug_CreditCardDetail_WP_Properties(en-US,CS.90).gif")
Properties
The following table lists and describes the Credit Card Detail Web Part properties.
Property |
Maps to |
Type |
Description |
Default |
|---|---|---|---|---|
"Action" URL parameter |
ActionQueryParameter |
String |
Sets the name of the "action" parameter to use when creating URL queries to the "credit card detail" page. This setting must specify the same name expected by the destination page. |
act |
Display "Back" button |
AllowBackUrlButton |
Boolean |
If checked, a "back" button is displayed which lets the shopper return to a previous page. |
False |
"Billing address" section title text |
BillingAddressHeaderLabelText |
String |
Sets the text displayed above the "billing address" section. |
ProfileResources.CreditCardListBillingAddressHeaderLabelText |
"Add new credit card" button text |
ButtonAddNewCreditCardText |
String |
Sets the text displayed on the "add new credit card" button. |
Add Credit Card |
"Back" button text |
ButtonBackText |
String |
Sets the text displayed on the "back" button. |
Back to |
"Edit" button text |
ButtonEditText |
String |
Sets the text displayed on the "edit" button |
Edit |
"Remove" button text |
ButtonRemoveText |
String |
Sets the text displayed on the "remove" button. |
Delete |
"Credit card number" column header text |
CCNumberHeaderLabelText |
String |
Sets the text displayed at the top of the "credit card number" column. |
Number |
"Credit card type" column header text |
CCTypeHeaderLabelText |
String |
Sets the text displayed at the top of the "credit card type" column. |
Type |
Use "delete confirmation" pop-up |
ConfirmDeletion |
Boolean |
If checked, causes a pop-up box to be displayed asking the shopper to confirm the deletion. You can configure the text displayed by using 'the "Delete confirmation" pop-up text' field. |
True |
"Credit Card Detail" page URL |
CreditCardDetailUrl |
String |
Sets the page URL to redirect to in order to view or edit credit card details. |
ProfileResources.CreditCardDetailUrl |
"Credit card id" URL parameter |
CreditCardIdQueryParameter |
String |
Sets the name of the "card id" parameter to use when creating URL queries to the "credit card detail" page. This setting must specify the same name expected by the destination page. |
card |
"Credit card list" section title text |
CreditCardListHeader |
String |
Sets the text displayed before the "credit card list" |
My Credit Cards |
CSS class |
CssClass |
String |
Sets the style sheet "class" name used when outputting the HTML markup of this web part. |
Blank |
"Default credit card" label text |
DefaultCreditCardLabelText |
String |
Sets the text displayed on the credit card profile to indicate that it is the "default credit card". |
Default Credit Card |
"Delete confirmation" pop-up text |
DeleteConfirmationMessage |
String |
Sets the text displayed on the delete confirmation pop-up. |
Confirm Credit Card Deletion |
Instructional text |
InstructionText |
String |
Sets the text displayed above the credit card section. Can be used to provide instructions to shoppers. |
Add a new credit card to your account below. |
"Remove" link button image Url |
RemoveLinkButtonImageUrl |
String |
Sets the URL of the image to use as a "remove" button. |
Blank |