Stock Delivery Billng Address

Description

Allows website users to enter or select a billing and shipping address.
 

Events

  • EditRecord
    • This event is fired once the next button is clicked, allowing custom code to be added.
       

Code Example

<ngage:StockDeliveryBillingAddress runat="server" ID="StockDeliveryBillingAddress" OnEditRecord="StockDeliveryBillingAddress_EditRecord" />
 

Basic CSS

.stock-delivery-billing-address input[type=submit] { float: left; }
.stock-delivery-billing-address .form-group { display: inline-block; width: 100%; }
.stock-delivery-billing-address .shipping-address { clear: left; margin-top: 10px; padding-left: 0; }
.stock-delivery-billing-address .shipping-address > div { border: solid 1px #536283; }
.stock-delivery-billing-address > div > div .btn { margin-bottom: 10px; float: right; }
.stock-delivery-billing-address .addresses { padding:0; }
.stock-delivery-billing-address h2 { width: calc(100% + 30px); background-color: #536283; color: #fff; padding: 5px 5px 8px 10px; font-size: 1.4em; margin: 0 0 10px -15px; }
.stock-delivery-billing-address .billing-address { margin-top: 10px; padding-right: 0; }
.stock-delivery-billing-address .billing-address > div { border: solid 1px #536283; }
.stock-delivery-billing-address .billing-address .checkbox { padding: 0; margin: 8px 0 10px 0; }
.stock-delivery-billing-address .billing-address .checkbox > label { width: auto; }
.stock-delivery-billing-address .modal-body > a { display: inline-block; width: 100%; text-align: left; }
@media screen and (max-width:759px) {
    .stock-delivery-billing-address .shipping-address, .stock-delivery-billing-address .billing-address { padding-left: 0; padding-right: 0; }
}