Version: Contact details. Simon Carmiggeltstraat DJ Amsterdam. P.O. Box EB Amsterdam The Netherlands T
|
|
- Lindsey Arnold
- 8 years ago
- Views:
Transcription
1 Skin Creation Manual Version: 1.22 Contact details Simon Carmiggeltstraat DJ Amsterdam P.O. Box EB Amsterdam The Netherlands T E support@adyen.com
2 Table of Contents 1. Introduction What Is A Skin? Language Support Payment Flow Selections One-Page Payment Flow Multi-Page Payment Flow Creating A Skin In The Adyen CA Skin List Tab Creating A New Skin Editing A Skin Uploading A Skin Downloading A Skin Removing A Skin Skin Confguration Skin Options Extra Options Testing a Skin Editing The Skin Files Skin Files Getting The Look Right The reset.css Stylesheet Creating And Editing Translations: Skin Resource File Custom Payment Methods Button Image Button Name Custom favicon.ico Payment Detail Reminder A/B Testing Setting Up The Payment Payment Completion View Results Publishing The Skin To LIVE Getting Started With Customisations How To Change The Header Image How To Change The Payment Method Logos How To Change The Font Colours How To Change The Pay Button How To Automatically Open The Credit Card Payment Option Appendix A: Standard Set of Languages...23 Appendix B: Payment Page HTML Skeleton Appendix C: Visualisation of the HTML Structure...25 Appendix D: reset.css Listing...26 Appendix E: Custom Fields / 28
3 Changelog Version Date Changes Modifying reference to correct external manual Added Popup screenshot Added information regarding Popup functionality Changed formatting of document Added simple Skin customisations Added standard set of languages to Appendix Provide additional clarifcation Conform to Adyen brand guidelines Added section about A/B testing Added information about editing language fles in CA Extended Custom Fields section Explained js directory and altered illustration Added changelog and audience sections Manual reviewed for English and layout consistency Audience This is a technical manual aimed at IT personnel involved in integrating merchants' systems with those at Adyen. General Tips/Warnings Defensive Programming Adyen strongly recommends the use of defensive programming when integrating with the Adyen Services. This implies that automated decisions programmed into your systems should be defaulted to non-delivery of products and services. In other words, program your systems to only deliver products and/or services after receiving an explicit authorisation of the requested payment and NOT to deliver in situations where an explicit rejection is not received. Feedback The latest version of this document is available here: Please direct any comments or suggestions about this manual to support@adyen.com. ADYEN CONFIDENTIAL INFORMATION Copyright (c) Adyen B.V / 28
4 1. Introduction The purpose of this manual is to help you create and set up a Skin for the Adyen Hosted Payment Pages (HPPs). It is not intended to be used as a CSS tutorial. In the following chapters we will cover how you can: Design a Skin: Design your Skin to look like your web site Confgure the Skin: Set the confguration parameters on your Skin in the Adyen Merchant Back Ofce, known as the Customer Area (CA) Publish the Skin: Learn how to upload and publish your Skin to the TEST and LIVE systems This document does not cover: The life-cycle of a payment The Adyen Customer Area Basic architecture of the Adyen systems Integration with the Adyen systems These are documented separately on our support site at 4 / 28
5 2. What Is A Skin? A Skin is an interface overlay that is applied to the Adyen Hosted Payment Page (HPP) to customise it according to your brand guidelines and create a seamless consumer checkout experience. The Skin is comprised of a set of custom HTML/JavaScript fragments, images and CSS. You may create multiple Skins to accommodate testing requirements or to target a specifc type of device or application, such as a mobile phone browser or point-of-sale terminal. The Skin provides you with the ability to determine which payment methods are ofered by default and in what order. Minimum and maximum transaction amounts per payment method, including a payment method-specifc surcharge, can also be specifed. Skins are not restricted to a single merchant account - if you have multiple merchant accounts associated with your company account, you may use the same Skin to process payments for each account. Likewise, you may have multiple Skins processing payments for a single merchant account Language Support You do not need to create separate Skins to support multiple languages. Adyen provides a base set of translations which may be customised via the Adyen CA, or via the Skin resource fles. The standard set of languages is provided in Appendix A. When displaying a message, the HPP will search for the string in the following locations: 1. The Skin resource fles using the payment session locale res fle (specifed via shopperlocale feld) 2. The Skin resource fles using the default locale 3. The default resource fles using the payment session locale (via the Adyen CA) 4. The default resource fles using the default locale (via the Adyen CA) Text strings can be set or overridden in two places: 1. In the Adyen CA - refer to page In the Skin resource fle - refer to page Payment Flow Selections You can choose between two diferent payment fows - the One-Page Payment fow which reduces the payment process to a single page, and the Multi-Page Payment fow which splits the payment process into two or three discrete steps One-Page Payment Flow The One-Page Payment fow uses Javascript extensively to manipulate and validate the page content. It is suited for use on modern browsers and when page complexity is not an issue. Some presentation and validation occurs automatically. For example, the credit card logo is highlighted when the shopper enters the frst digits of their card, and an error appears if the card number is invalid prior to payment submission. Using the One-Page Payment fow is achieved by calling pay.shtml e.g. 1 Processing over multiple accounts is usually due to reconciliation or accounting requirements, which are beyond the scope of this document. 5 / 28
6 Multi-Page Payment Flow The Multi-Page Payment fow is lightweight and doesn't require Javascript, ensuring maximum compatibility with a wide range of browsers and devices, including mobile phones and PDAs. Using the Multi-Page Payment fow is achieved by calling select.shtml e.g. Optionally, the payment method selection page can be skipped, so the shopper starts directly on the payment details entry page. This is done by calling details.shtml instead of select.shtml. A further parameter, brandcode, should be supplied with the payment method chosen (please refer to the HPP API Manual for more details). 6 / 28
7 3. Creating A Skin In The Adyen CA You can create, edit, upload, test, and publish your Skin in the Adyen CA Skin List Tab The Skin List tab identifes all the Skins that have been created and are associated with the Company or Merchant account Creating A New Skin Click on the New tab and follow the instructions in section 2 below. You may further customise the Skin by manipulating the Skin fles directly Editing A Skin You may edit a Skin by clicking on its Skin Code in the Skin List tab. This displays the Edit Skin confguration screen and populates the values that were entered when creating the Skin. The felds are editable; if a shared secret was set, the input feld will be masked showing **** rather than clear text. 7 / 28
8 Uploading A Skin Once you have modifed the Skin fles and saved it in a ZIP fle (see chapter 4), it may be uploaded to the TEST system where it will be combined with the current UI Skin settings. Click on the disc image in the Upload column. When uploading the ZIP fle you will receive feedback on which fles were accepted and which fles were rejected. If, for instance, you attempted to upload a ZIP fle with an incorrect directory structure, or that has a diferent SkinCode to its root directory, all fles will be rejected. If you are satisfed that the accepted fle list is correct you can confrm the result of the upload. Doing so will save the current upload with the current Skin settings to the TEST environment Downloading A Skin Once you have created a Skin you may download the Skin to edit the fles contained within it. Click on the disc image in the Download column; the system will display the Skin Code, the Description, and the File version for confrmation. Click the Download button to proceed with the download. 8 / 28
9 Removing A Skin If a Skin is no longer required you may delete it; the system will display the Skin Code, the Description, and the File version for confrmation. Click the Remove button to proceed with the deletion Skin Confguration A Skin is identifed by a unique combination of eight digits and letters known as the Skin Code. It is a system generated feld; in the rare instance that the randomly generated Skin Code contains an undesirable combination of characters you may generate a new Skin Code by clicking on the New tab again. Since the new Skin will not be saved until the Save Skin to Test button is pressed, you can safely repeat this a number of times. When creating a Skin you are prompted to specify the following Skin properties. The details for the LIVE environment are required when publishing the Skin to LIVE but not for initial testing within the TEST environment. 9 / 28
10 Description A description of your Skin, to easily identify it should you have multiple Skins. Account(s) The merchant account(s) which will be able to process payments using the Skin. HMAC Key Specify the HMAC Key for each environment, the Key is used to compute the merchant signature. Please note the same Key cannot be used for both the TEST and LIVE environments (refer to Appendix B of the Adyen HPP API Manual for more information). Result URL OR Continue-to URL The result URL is the URL where you host your payment result page. Customers will be taken to this address after they complete payment. We append parameters to the result URL to inform you of the status of the payment. Although not recommended it is possible to override the result URL on a per-payment basis. Please refer to the Adyen Merchant Integration Manual. If the value of the result URL is not set, and if the resulturl parameter value is not passed with the Payment Request, the default Adyen result page will be used to display the payment result. The continue-to URL is only applicable if you use the default Adyen result page to display the payment result to the customer. When the customer has seen the payment result, clicking on the Continue button will take them to this URL. Please note, payment status parameters are not appended to the Continue-to URL Skin Options Clicking on Skin Options reveals less commonly used Skin options: Use inline frame for VbV and MSC 3-D Secure interaction For 3D secure payments the 3D window is iframed within the HPP. Use deprecated back-button behaviour The standard behaviour, when the consumer clicks the previous button on the HPP, is to redirect the consumer to the resulturl with authresult=cancelled. This option will perform the action browser minus 1, taking the consumer back to the previous page. 10 / 28
11 ShopperInteraction for this Skin It is recommended that this option remains set to Unset, this will ensure that the system will select the correct shopper interaction to be used. In specifc circumstances this setting may need to be changed, please contact the Support Team to discuss your needs. Support partial payments Enable partial payment for giftcards. This means that a shopper can pay a part of the transaction amount with their giftcard, the remaining amount can be paid with an other payment method. Billing Address Fields (AVS) Displays the billing address input felds on the HPP for credit card payments. These will be used for AVS (address verifcation) in the UK, US and Canada if available. This data can be pre-populated (see the Integration manual for details). Show extra costs/discount as Adyen provides the ability to set a surcharge or discount per payment method. This option determines how the extra cost or discount is displayed on the payment method selection screen. "Cost" will display the extra cost (or discount) itself, e.g. "EUR %", or "3.50%". "Value" will display the calculated cost value, e.g. "EUR 4.50". Break out of frame You may decide to implement an iframe solution, while this is supported, you should be aware that not all payment methods support iframes, an example is ideal. This setting provides you with 3 options: Selecting No will disable breaking out of iframes. Selecting Same window will open the redirect page in the same window. Selecting New Popup will result in the payment method redirect being opened within a popup screen. Once the shopper completes the payment fow, the popup will close and the session will continue within the iframe. Please note, the New Popup option is only available for a limited set of payment methods, please contact Support ( support@adyen.com) for more information. 11 / 28
12 OneClick options Use new OneClick layout When this option is enabled the OneClick values will be displayed at the payment method itself, instead of at the top of the page. Please note, not all payment methods currently support the OneClick functionality. OneClick Confguration Confgure which payment methods will display a 'store details' options to store the details for OneClick payments. Airline specifc options Show airline data on payment pages Displays the airline data felds on the HPP Show airline felds on callcenter page Displays the airline data felds on the callcenter page POS specifc options Show POS felds on callcenter page Displays the POS data felds on the callcenter page Extra Options **You must save the Skin before clicking on the any of the following settings.** Payment Methods The Payment Methods confguration gives you control over which payment methods will be shown by default, the order in which they are displayed, the minimum/maximum amounts that you want to accept per payment method, and if you want to charge a surcharge per payment method. 12 / 28
13 Custom Fields Custom felds are a powerful feature of the payment pages that allow you to add form felds to the HPP. These will be sent to you before fnal payment submission for approval; you may use this feature to capture any additional data or permissions that you may require, such as collecting shipping data, forcing the shopper to accept terms and conditions, or checking a validation code. Any form feld whose name attribute is prefxed with customfelds. is considered to be a custom feld. Custom felds are added as HTML to the page in an include fle which is named customfelds.txt (or a localised variant, e.g. customfelds_nl.txt). See Appendix E-1 for an example. The contents of the custom felds are sent as a SOAP Web Service request to a URL of your choice as confgured using the Custom Fields link on the Edit Skin page. See Appendix E-2 for an example. If you respond with [accepted] the payment is allowed to continue. If not, you can specify which felds failed validation and the validation messages to display. See Appendix E-3 for an example of the response. If you need to store this data you must do so at this point, the data cannot be sent to you via the Notifcation server. Download Skin Takes you to the Download Skin page as described above. Remove Skin Takes you to the Remove Skin page as described above. Edit Language Files The Adyen CA ofers a visual interface in which to view and modify the text strings in the Adyen standard language set. Languages that are not part of the standard set can be added via the Skin resource fle method explained in chapter 4. With the Skin selected click the Edit Language Files link in the Extra Options section. A table is shown with the following felds: key A unique identifer for the text string (e.g. button.continue). adyen default The text string Adyen associates with the key (e.g. Continue). merchant default The text string you associate with the key (if set); this overrides the Adyen default if set. Set the Merchant default value for each key whose text you wish to change from the Adyen default and, when done, click the save button. It is important to ensure that you save every 5 minutes to avoid your session from timing out, resulting in a loss of any changes that have not been saved. Every time you save a new version of the Skin will be created. For the -default- language the res/resource.properties fle in the Skin will be created/updated each time you save. To edit another language, choose its shopper locale from the Language drop-down list. A table is shown with the following felds: key A unique identifer for the text string (e.g. button.continue). adyen default The text string Adyen associates with the key (e.g. Continue). adyen [language] (e.g. adyen nl) The text string Adyen associates with the key for the language chosen (e.g. Continue). 13 / 28
14 merchant [language] (e.g. merchant nl) The text string you associate with the key for the language chosen (if set). This overrides the Adyen default if set. For each language you set merchant values for, a fle called resources_[language].properties will be created in the res directory of the Skin. For example, if shopper locale nl is chosen, a fle called resources_nl.properties in the res directory will be created. Please note that language translations for new keys that Adyen introduces may not be immediately available in all languages. Once you have completed editing the text string be sure to download the latest version of the Skin to your PC before making any further changes. This will ensure you have the updated Skin resource fles Testing a Skin It is possible to send a payment request to the HPP directly from the Skin editor. This is a very useful tool to quickly test the correct operation of the Skin and allows you to submit payments to the system prior to completing your integration with the HPP. This page also shows you the versions of the Skin that are currently deployed on the TEST and LIVE HPP servers. There is always a delay between saving a Skin or publishing it to the LIVE server. When the Latest Version value corresponds with the Currently on Test or Currently on Live version, all the latest changes have been deployed to that system. The test functionality is also useful in debugging any problems you may have with your integration since it produces a complete payment setup form against which you can compare your implementation. 14 / 28
15 4. Editing The Skin Files This chapter covers the basics of editing the Skin fles you downloaded from the Adyen CA. Adyen provides a number of example Skins should you need a reference or starting point. If your requirements are not too complex creating your Skin may simply consist of replacing a logo and one or two images Skin Files As described previously, a Skin is comprised of a number of fles that are uploaded in the Adyen CA as a ZIP archive with the following structure (assuming that the SkinCode of your Skin is 57Hw8sLg): css screen.css screen_ie6.css print.css img images of your choice 57Hw8sLg inc cheader.txt cfooter.txt pmheader.txt pmfooter.txt pmheader_en_gb.txt pmheader_de.txt etc... res resources.properties resources_de.properties resources_fr.properties etc... js custom.js javascript of your choice The contents of the ZIP fle must exactly match the layout above otherwise the fle will not be accepted when uploading to the Adyen CA. File names and directory names are case sensitive and, as a rule, extra subdirectories are not allowed and flenames should be composed of simple characters 2. Expected contents of each subdirectory: css This directory contains the customised stylesheets which will be included in each page. The main stylesheet is screen.css which is valid for the media type screen. Optionally you can also supply a print.css to format a print version of the page. The optional screen_ie6.css fle is included conditionally in Microsoft Internet Explorer version 6 or lower as a workaround for some non-standard interpretations of the CSS stylesheet standard. See Appendix B for details on how the stylesheets are included in the pages. 2 Specifcally only characters in the range [a-z A-Z 0-9_-.] 15 / 28
16 img Any images referenced in the stylesheets or HTML include fles can be uploaded via this directory. Filenames should be composed of simple characters. inc You may provide custom HTML content such as menus, shop links, navigation, etc. This directory contains the HTML fragments that enable you to do so. If an included fle is language dependent it is possible to supply an include for each language locale. For details of where these includes are inserted in the page see Appendix B. res This directory contains fles named resources_$localename.properties with text overrides for the text in payment pages. The main fle is resources.properties which overrides the default string (language locale en_gb). For overriding a string in French you create fle resources_fr.properties. The format of the resource fles, as well as the allowed overrides, are described below. js This directory contains the javascript code for the Skin, any custom javascript should be added to the custom.js fle which is included on each page Getting The Look Right Adyen has created a HTML framework which, when combined with the Skin fles, forms the HPP. The framework was designed to provide the maximum amount of fexibility when designing and creating your layout. Appendix B shows the HTML skeleton which generates each page and indicates where each element of the Skin fles are represented. Appendix C shows a visualisation of the HTML skeleton. However when the default fow model is modifed using a stylesheet virtually any layout can be created The reset.css Stylesheet If you examine the HTML in Appendix B you will see that the frst stylesheet included is reset.css. This stylesheet is always included to nullify the default HTML styling applied by the browser. Default styling can vary between browsers, so applying the reset.css stylesheet makes it much easier to create a layout which renders consistently across browsers. The source listing for reset.css is in Appendix D Creating And Editing Translations: Skin Resource File Skin resource fles can be created manually in the Skin. This method may be used for adding languages not supported in the Adyen CA. Refer to Appendix A for the standard language set. When creating the fles you state the key name and it's value, for example button.continue=continue. The set of keys (with default values) can be seen via the Adyen CA (see above) or by navigating to our support website at and searching for Language Translations. The resource fles use the Latin 1 (ISO ) encoding but it is recommended that you treat them as US-ASCII only. This means that any character that is outside the US-ASCII set should be encoded in Unicode using the notation \u + UTF-16 code point. Thus é becomes \u00e9 and Ř becomes \u0158. File names are resources.properties for the default locale (en_gb). For other languages the locale is included in the flename as resources_fr.properties for French and resources_en_us.properties for US English. 3 You may notice that there are some simple stylesheet classes which do not strictly belong in reset.css. This is purely an optimisation to reduce the number of requests to the server. 16 / 28
17 4.4. Custom Payment Methods Adyen ofers an option to display custom payment methods on your payment page. Please see the Adyen Merchant Integration Manual for more details. After the Support Team has confgured your custom payment method you can set a custom payment method button and a custom payment method name. A custom payment method will always start with c_. For example your custom payment method is c_custompaymentmethod Button Image To change the button image that is displayed for a standard payment method or to add the image of your custom payment method, you must add the image fle to the img directory of your Skin. You will then need to add an extra style to your screen.css fle. The syntax of this style is:.pmb<paymentmethodname> { background-image: url("../img/<imagename>")!important; } For example, if your custom payment method name is c_mycustompayment and you have added an image fle mycustompayment.png to the img directory of your Skin, the style that you should add to your screen.css fle is:.pmbc_mycustompayment { background-image: url("../img/mycustompayment.png")!important; } Button Name The button name of your custom payment method must be added to the recources.properties fle. If you require specifc translations for diferent languages these may also be added to the resource fles. The syntax for the button name is: pm.<payment method name>.buttonname=<insert display name> For example, if your custom payment method is c_mycustompayment the entry in your resource fle would be: pm.c_mycustompayment.buttonname=my Custom Payment Method Name Custom favicon.ico To override the default icon which is displayed in the URL area when on the payment pages place your favicon.ico fle 4 in the img directory of the Skin. It will be picked up automatically by the payment pages Payment Detail Reminder Please see the Adyen Manual for more details about using and Skinning the payment detail reminder . 4 If you don't have tools to create a custom favicon.ico fle, you can generate one online at: 17 / 28
18 5. A/B Testing To analyse and optimise the conversion rate the Adyen HPPs support A/B testing. To create an A/B testing confguration click the Create new A/B testing confguration link on the List tab; enter the Description and HMAC key, and then click the Create New A/B confguration on TEST button. The system will generate a new wrapper Skin Code and return you to the List tab. Once you have created an A/B testing confguration, it must be updated to set the Skins to use and the distribution of payment requests. Click the A/B testing confguration Skin Code to edit the settings as you would with a regular Skin. From the Edit A/B testing confguration screen click Confgure Distribution to confgure how the shoppers are distributed between the diferent regular Skins. The Skin Codes that are available are listed in the Deselected Skins column, select the Skin Codes that are to be used and click the --> arrow to move them to the Selected Skins column. You will note that as you add each Skin the percentage distribution appears to the right of the Skin Codes and a slide scale appears below it, so that you can adjust the distribution. There is a slider for each Skin. A/B testing confguraton Skin A (40%) Skin B (30%) Skin C (30%) 5.1. Setting Up The Payment When you want to use A/B testing use the Skin Code and HMAC key of the A/B testing confguration to set up a payment session. When the shopper reaches the HPP the Skin Code of the A/B testing confguration is randomly replaced by one of the Skins confgured within it Payment Completion Due to the Skin Code of the A/B testing confguration being replaced by one of the confgured Skins, once the shopper reaches the HPP the remainder of the payment session will continue as if the regular Skin Code was submitted in the payment session request. As such, the Skin Code and HMAC key of the regular Skin will be used in the result URL View Results After running the A/B test for the necessary period of time you can view the results and start analysing them. This is done by navigating to the Reports menu, Conversion tab, and then selecting the Skin Comparison option in the Adyen CA. 18 / 28
19 6. Publishing The Skin To LIVE If you are satisfed with the way the Skin operates on the TEST system you can publish the Skin to the LIVE system. Please note, the publish-to-live operation does not change any settings, it replicates the Skin as it is on the TEST environment to the LIVE environment. Ensure that the relevant felds in the Properties on Live Only have been populated and click the Save Skin to Test button. Click the Publish tab. Click the Publish to Live button. 19 / 28
20 7. Getting Started With Customisations When the Skin is generated, the default settings render as follows: Once you have downloaded the Skin you can edit the fles and directories to customise it; here are some quick changes that you can easily implement. 20 / 28
21 7.1. How To Change The Header Image 1. Save the header image that you want to use in the img directory of the Skin fles 2. Update the screen.css fle to reference your header image: # logoheader: { height: 118px; background: url("../img/<imagename>"); background-position: left; background-repeat: no-repeat; background-color: white; } 7.2. How To Change The Payment Method Logos 1. Save the logos you want to use in the img directory of the Skin fles 1. Update the screen.css fle to override the.pmb element as shown:.pmb<paymentmethodname> { background-image: url("../img/<imagename>"); width: 400px; height: 42px; padding-left: 85px; text-align: left; margin-bottom: 6px; font-size: 1.1em; background-color: transparent!important; } 7.3. How To Change The Font Colours 1. Update the screen.css fle to set the fonts you want to use: html { } font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; 21 / 28
22 7.4. How To Change The Pay Button 1. Save the logos you want to use in the img directory of the Skin fles 2. Update the screen.css fle to add the following line to the.paysubmit block:.paysubmit { background: url("../img/<imagename>"); background-repeat: no-repeat; height: 16px; width: 50px; font-size: 0px; border: 0px; } 7.5. How To Automatically Open The Credit Card Payment Option 1. Open the cfooter.txt fle that is saved in the inc folder of the Skin fles 2. Add the following script to the fle and save: </div> <script type="text/javascript"> if (collapsecard) { settimeout(function() { show(collapsecard, 'completecard.shtml', 'card', 'brandcodeundef'); }, 1000); } </script> 22 / 28
23 Appendix A: Standard Set of Languages Language ShopperLocale Language ShopperLocale Chinese Traditional zh Greek el Czech cz Hungarian hu Danish da Italian it Dutch nl Lithuanian li English British* en_gb Norwegian no English Canadian en_ca Polish pl English US en_us Portuguese pt Finnish f Russian ru French fr Slovak sk French Belgian fr_be Spanish es French Canadian fr_ca Swedish sv French Swiss fr_ch Thai th Frisian fy_nl Turkish tr German de Ukrainian uk * British English is the default shopperlocale 23 / 28
24 Appendix B: Payment Page HTML Skeleton <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html xmlns=" xml:lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>page Title</title> <link rel="stylesheet" media="screen" type="text/css" href="/hpp/css/reset.css" /> <link rel="stylesheet" media="screen" type="text/css" href="/sf/ $SkinCode/css/screen.css" /> <link rel="stylesheet" media="print" type="text/css" href="/sf/ $SkinCode/css/print.css" /> <script type="text/javascript" src="/hpp/js/default.js"></script> <script type="text/javascript" src="/sf/$skincode/js/custom.js"></script> <!--[if lt IE 7]> <link rel="stylesheet" type="text/css" href="/sf/$skincode/css/screen_ie6.css" /> <![endif]--> </head> <body> <!-- ### inc/cheader_[locale].txt or inc/cheader.txt (fallback) ### --> <form id="pageform" action="" method="post" onsubmit="return formvalidate(this);"> <script type="text/javascript"> //<![CDATA[ if (notnull(document.getelementbyid('pageform'))) { document.getelementbyid('pageform').setattribute("autocomplete","off"); } //]]> </script> <div id="content"> <div id="pmcontent"> <!-- ### inc/pmheader_[locale].txt or in/pmheader.txt (fallback) ### --> <div class="paddiv1"></div> <!-- ==================== --> <!-- Adyen Main Content --> <!-- ==================== --> <div class="paddiv2"></div> <!-- ### inc/pmfooter_[locale].txt or inc/pmfooter.txt (fallback) ### --> <!-- ### inc/customfields_[locale].txt or inc/customfields.txt (fallback) ### --> </div> </div> <div id="foot"> <div id="footc"> <div id="nextstep"> <div id="nextstepc">next Step Text</div> </div> <div id="footerb1div"> <input onclick="" type="submit" id="mainsubmit" value="continue" class="footerb nextb" /> </div> <div id="footerb2div"> <input onclick="" type="button" id="mainback" value="previous" class="footerb backb" /> </div> </div> </div> </form> <!-- ### inc/cfooter_[locale].txt or inc/cfooter.txt (fallback) ### --> </body> </html> *[locale] is the locale specifed in the payment setup as shopperlocale (see Adyen Merchant Integration Manual) 24 / 28
25 Appendix C: Visualisation of the HTML Structure 25 / 28
26 Appendix D: reset.css screen { /* Don't forget to set a foreground and background color */ /* on the 'html' or 'body' element! */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,add ress,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; vertical-align: baseline; } a img,:link img,:visited img { border: 0; } table { border-collapse: collapse; border-spacing: 0; } ol,ul { list-style: none; } q:before,q:after,blockquote:before,blockquote:after { content: ""; } print {.hideforprint { } display: none;} /* Some Layout Shortcuts */.r { text-align: right; }.l { text-align: left; }.fr { float: right; }.fl { float: left; }.b { font-weight: bold; }.mid { vertical-align: middle; }.red { color: #c00; } 26 / 28
27 Appendix E: Custom Fields E-1: customfelds.txt <table id="basetable"> <tr> <td> <div class="fielddiv"> <input type="checkbox" name="customfields.subscribe" id="customfields.subscribe" value="true" CHECKED/>Next<br /> <input type="name" name="customfields. " id="customfields. " value=""/> address<br /> </div> </td> </tr> </table> E-2: SOAP Request <?xml version="1.0" encoding="utf-8"?> <soap:envelope xmlns:soap=" xmlns:xsd=" xmlns:xsi=" -instance"> <soap:body> <check xmlns=" <Request> <customfields> <CustomField> <name>subscribe</name> <value>true</value> </CustomField> <CustomField> <name>vat</name> <value>nlxxxb01</value> </CustomField> </customfields> <merchantaccount>yourmerchantaccount</merchantaccount> <merchantreference>yourmerchantreference</merchantreference> <sessionfields> <sessionfield> <name>skincode</name> <value>wjcp5ytj</value> </sessionfield> <sessionfield> <name>countrycode</name> <value>nl</value> </sessionfield> <sessionfield> <name>paymentamount</name> <value>550</value> </sessionfield> <sessionfield> <name>currencycode</name> <value>eur</value> </sessionfield> 27 / 28
28 <sessionfield> <name>shopper </name> </sessionfield> <sessionfield> <name>shopperreference</name> <value>user1234</value> </sessionfield> </sessionfields> </Request> </check> </soap:body> </soap:envelope> E-3: SOAP Response <?xml version="1.0" encoding="utf-8"?> <SOAP-ENV:Envelope xmlns:soap-env=" xmlns:ns1=" <SOAP-ENV:Body> <ns1:checkresponse> <ns1:response> <ns1:customfields/> <ns1:response>[accepted]</ns1:response> <ns1:sessionfields/> </ns1:response> </ns1:checkresponse> </SOAP-ENV:Body> </SOAP-ENV:Envelope> 28 / 28
PayPal Manual. Version: 2.03. Contact details. Simon Carmiggeltstraat 6-50 1011 DJ Amsterdam. P.O. Box 10095 1001 EB Amsterdam The Netherlands
PayPal Manual Version: 2.03 Contact details Simon Carmiggeltstraat 6-50 1011 DJ Amsterdam P.O. Box 10095 1001 EB Amsterdam The Netherlands T +31 20 240 1240 E support@adyen.com Table of Contents 1.Introduction...5
More informationJJY s Joomla 1.5 Template Design Tutorial:
JJY s Joomla 1.5 Template Design Tutorial: Joomla 1.5 templates are relatively simple to construct, once you know a few details on how Joomla manages them. This tutorial assumes that you have a good understanding
More informationWe automatically generate the HTML for this as seen below. Provide the above components for the teaser.txt file.
Creative Specs Gmail Sponsored Promotions Overview The GSP creative asset will be a ZIP folder, containing four components: 1. Teaser text file 2. Teaser logo image 3. HTML file with the fully expanded
More informationContents. Downloading the Data Files... 2. Centering Page Elements... 6
Creating a Web Page Using HTML Part 1: Creating the Basic Structure of the Web Site INFORMATION TECHNOLOGY SERVICES California State University, Los Angeles Version 2.0 Winter 2010 Contents Introduction...
More informationAdyen MOTO Manual 'Mail Order / Telephone Order' Version 1.06 Adyen B.V.
Adyen MOTO Manual 'Mail Order / Telephone Order' Version 1.06 Adyen B.V. Table of Contents 1 Introduction...3 Audience... 3 Changelog... 3 Requirements...3 Interfaces and Integration...4 Payment Methods...4
More informationCustomising Your Mobile Payment Pages
Corporate Gateway Customising Your Mobile Payment Pages V2.0 May 2014 Use this guide to: Understand how to customise your payment pages for mobile and tablet devices XML Direct Integration Guide > Contents
More informationAdyen Merchant Manual. Version 1.10 Adyen B.V.
Adyen Merchant Manual Version 1.10 Adyen B.V. Introduction3 Table of Contents Introduction... 3 Audience...3 Changelog...3 1 Payment Life-cycle in the Adyen System... 4 What Happens to a Payment After
More informationAdyen Merchant Integration Manual. Version 1.60 Adyen B.V.
Adyen Merchant Integration Manual Version 1.60 Adyen B.V. Table of Contents Introduction...3 Audience...3 Changelog...4 1 Hosted Payment Pages (HPPs)...5 Setting Up the Payment...5 Payment Session Example...5
More informationCST 150 Web Design I CSS Review - In-Class Lab
CST 150 Web Design I CSS Review - In-Class Lab The purpose of this lab assignment is to review utilizing Cascading Style Sheets (CSS) to enhance the layout and formatting of web pages. For Parts 1 and
More informationRecurring Payments Manual
Recurring Payments Manual Version: 3.2 Contact details Simon Carmiggeltstraat 6-50 1011 DJ Amsterdam P.O. Box 10095 1001 EB Amsterdam The Netherlands T +31 20 240 1240 E support@adyen.com Table of Contents
More informationLinks Getting Started with Widgets, Gadgets and Mobile Apps
Widgets, Gadgets, and Mobile Apps for Libraries: Tips, Code Samples, Explanations, and Downloads Michael Sauers Technology Innovation Librarian Nebraska Library Commission msauers@nlc.state.ne.us Jason
More informationWeb Authoring CSS. www.fetac.ie. Module Descriptor
The Further Education and Training Awards Council (FETAC) was set up as a statutory body on 11 June 2001 by the Minister for Education and Science. Under the Qualifications (Education & Training) Act,
More informationChapter 1 Introduction to web development and PHP
Chapter 1 Introduction to web development and PHP Murach's PHP and MySQL, C1 2010, Mike Murach & Associates, Inc. Slide 1 Objectives Applied 1. Use the XAMPP control panel to start or stop Apache or MySQL
More informationYandex.Translate API Developer's guide
5.08.2015 .. Version 1.5 Document build date: 5.08.2015. This volume is a part of Yandex technical documentation. Yandex helpdesk site: http://help.yandex.ru 2008 2015 Yandex LLC. All rights reserved.
More informationVersion: 1.1. Contact details. Simon Carmiggeltstraat 6-50 1011 DJ Amsterdam. P.O. Box 10095 1001 EB Amsterdam The Netherlands T +31 20 240 1240
Version: 1.1 Contact details Simon Carmiggeltstraat 6-50 1011 DJ Amsterdam P.O. Box 10095 1001 EB Amsterdam The Netherlands T +31 20 240 1240 E support@adyen.com Table of Contents 1. Introduction... 6
More informationWeb layout guidelines for daughter sites of Scotland s Environment
Web layout guidelines for daughter sites of Scotland s Environment Current homepage layout of Scotland s Aquaculture and Scotland s Soils (September 2014) Design styles A daughter site of Scotland s Environment
More informationAdyen Magento extension
Adyen Magento extension User manual Date: Apr 22, 2014 Filename: Adyen Magento Extension V2.0.0.odt Version: 2.0.0 Reference: Adyen Magento Extension V2.0.0 Adyen Magento extension - manual Version control
More informationQuick Start Guide. This guide will help you get started with Kentico CMS for ASP.NET. It answers these questions:
Quick Start Guide This guide will help you get started with Kentico CMS for ASP.NET. It answers these questions:. How can I install Kentico CMS?. How can I edit content? 3. How can I insert an image or
More informationIntroduction to Adobe Dreamweaver CC
Introduction to Adobe Dreamweaver CC What is Dreamweaver? Dreamweaver is the program that we will be programming our websites into all semester. We will be slicing our designs out of Fireworks and assembling
More informationRight-to-Left Language Support in EMu
EMu Documentation Right-to-Left Language Support in EMu Document Version 1.1 EMu Version 4.0 www.kesoftware.com 2010 KE Software. All rights reserved. Contents SECTION 1 Overview 1 SECTION 2 Switching
More informationint_adyen Version 15.1.0
int_adyen Version 15.1.0 LINK Integration Documentation - int_adyen Page 1 Table of Contents 1. General Information... 5 2. Component Overview... 6 2.1. Functional Overview... 6 Short description of the
More informationDreamweaver CS4 Day 2 Creating a Website using Div Tags, CSS, and Templates
Dreamweaver CS4 Day 2 Creating a Website using Div Tags, CSS, and Templates What is a DIV tag? First, let s recall that HTML is a markup language. Markup provides structure and order to a page. For example,
More informationLevel 1 - Clients and Markup
Level 1 - Clients and Markup The design for the email we ll build In this level The skills you ll need to compete Power Moves HTML and CSS Media queries Signature Move Using external resources An HTML
More informationHow To Use Dreamweaver With Your Computer Or Your Computer (Or Your Computer) Or Your Phone Or Tablet (Or A Computer)
ITS Training Introduction to Web Development with Dreamweaver In this Workshop In this workshop you will be introduced to HTML basics and using Dreamweaver to create and edit web files. You will learn
More informationUSER GUIDE: Trading Central Indicator for the MT4 platform
USER GUIDE: Trading Central Indicator for the MT4 platform 1 Table of content Description...3 Installation process...4 Features and parameters...8 Upgrade process... 10 2 Description Trading Central Indicator
More informationMicrosoft Expression Web Quickstart Guide
Microsoft Expression Web Quickstart Guide Expression Web Quickstart Guide (20-Minute Training) Welcome to Expression Web. When you first launch the program, you ll find a number of task panes, toolbars,
More informationKOMPOZER Web Design Software
KOMPOZER Web Design Software An IGCSE Student Handbook written by Phil Watkins www.kompozer.net CONTENTS This student guide is designed to allow for you to become a competent user* of the Kompozer web
More informationChapter 1. Introduction to web development
Chapter 1 Introduction to web development HTML, XHTML, and CSS, C1 2010, Mike Murach & Associates, Inc. Slide 1 Objectives Applied 1. Load a web page from the Internet or an intranet into a web browser.
More informationEasy CollECt and the transaction ManagEr interface
Easy Collect and the Transaction Manager Interface Table of Contents 1 2 3 Easy Collect... 4 1.1. Configuring your account for Easy Collect... 4 1.1.1. Creating your Easy Collect ID... 4 1.1.1.1. Transaction
More informationPulse Secure Client. Customization Developer Guide. Product Release 5.1. Document Revision 1.0. Published: 2015-02-10
Pulse Secure Client Customization Developer Guide Product Release 5.1 Document Revision 1.0 Published: 2015-02-10 Pulse Secure, LLC 2700 Zanker Road, Suite 200 San Jose, CA 95134 http://www.pulsesecure.net
More informationMCH Strategic Data Best Practices Review
MCH Strategic Data Best Practices Review Presenters Alex Bardoff Manager, Creative Services abardoff@whatcounts.com Lindsey McFadden Manager, Campaign Production Services lmcfadden@whatcounts.com 2 Creative
More informationAdvanced Online Media Dr. Cindy Royal Texas State University - San Marcos School of Journalism and Mass Communication
Advanced Online Media Dr. Cindy Royal Texas State University - San Marcos School of Journalism and Mass Communication Using JQuery to Make a Photo Slideshow This exercise was modified from the slideshow
More informationIntroduction to Web Development
Introduction to Web Development Week 2 - HTML, CSS and PHP Dr. Paul Talaga 487 Rhodes paul.talaga@uc.edu ACM Lecture Series University of Cincinnati, OH October 16, 2012 1 / 1 HTML Syntax For Example:
More informationTivoli Integrated Portal Online help. Version 1.0 Tivoli Integrated Portal 2.2
Tivoli Integrated Portal Online help Version 1.0 Tivoli Integrated Portal 2.2 Tivoli Integrated Portal Online help Version 1.0 Tivoli Integrated Portal 2.2 Note Before using this information and the product
More informationDashboard Builder TM for Microsoft Access
Dashboard Builder TM for Microsoft Access Web Edition Application Guide Version 5.3 5.12.2014 This document is copyright 2007-2014 OpenGate Software. The information contained in this document is subject
More informationDevelopment Perspective: DIV and CSS HTML layout. Web Design. Lesson 2. Development Perspective: DIV/CSS
Web Design Lesson 2 Development Perspective: DIV/CSS Why tables have been tabled Tables are a cell based layout tool used in HTML development. Traditionally they have been the primary tool used by web
More informationCitrix StoreFront. Customizing the Receiver for Web User Interface. 2012 Citrix. All rights reserved.
Citrix StoreFront Customizing the Receiver for Web User Interface 2012 Citrix. All rights reserved. Customizing the Receiver for Web User Interface Introduction Receiver for Web provides a simple mechanism
More informationFurther web design: Cascading Style Sheets Practical workbook
Further web design: Cascading Style Sheets Practical workbook Aims and Learning Objectives This document gives an introduction to the use of Cascading Style Sheets in HTML. When you have completed these
More informationFast track to HTML & CSS 101 (Web Design)
Fast track to HTML & CSS 101 (Web Design) Level: Introduction Duration: 5 Days Time: 9:30 AM - 4:30 PM Cost: 997.00 Overview Fast Track your HTML and CSS Skills HTML and CSS are the very fundamentals of
More informationBarclaycard SmartPay. Hosted Payment Page Integration Guide. Version 3.0 released April 2012
Barclaycard SmartPay Hosted Payment Page Integration Guide Version 3.0 released April 2012 DOC Version Control Version No. Date Issued Reason for Change 1.0 July 2010 Initial Document 2.0 February 2012
More informationMobile Web Site Style Guide
YoRk University Mobile Web Site Style Guide Table of Contents This document outlines the graphic standards for the mobile view of my.yorku.ca. It is intended to be used as a guide for all York University
More informationWeb Design and Databases WD: Class 7: HTML and CSS Part 3
Web Design and Databases WD: Class 7: HTML and CSS Part 3 Dr Helen Hastie Dept of Computer Science Heriot-Watt University Some contributions from Head First HTML with CSS and XHTML, O Reilly Recap! HTML
More informationAppendix H: Cascading Style Sheets (CSS)
Appendix H: Cascading Style Sheets (CSS) Cascading Style Sheets offer Web designers two key advantages in managing complex Web sites: Separation of content and design. CSS gives developers the best of
More informationKentico CMS, 2011 Kentico Software. Contents. Mobile Development using Kentico CMS 6 2 Exploring the Mobile Environment 1
Contents Mobile Development using Kentico CMS 6 2 Exploring the Mobile Environment 1 Time for action - Viewing the mobile sample site 2 What just happened 4 Time for Action - Mobile device redirection
More informationWeb Design with CSS and CSS3. Dr. Jan Stelovsky
Web Design with CSS and CSS3 Dr. Jan Stelovsky CSS Cascading Style Sheets Separate the formatting from the structure Best practice external CSS in a separate file link to a styles from numerous pages Style
More informationHow To Create A Web Page On A Windows 7.1.1 (For Free) With A Notepad) On A Macintosh (For A Freebie) Or Macintosh Web Browser (For Cheap) On Your Computer Or Macbook (
CREATING WEB PAGE WITH NOTEPAD USING HTML AND CSS The following exercises illustrate the process of creating and publishing Web pages with Notepad, which is the plain text editor that ships as part of
More informationMadCap Software. Import Guide. Flare 11
MadCap Software Import Guide Flare 11 Copyright 2015 MadCap Software. All rights reserved. Information in this document is subject to change without notice. The software described in this document is furnished
More informationRequirements for Developing WebWorks Help
WebWorks Help 5.0 Originally introduced in 1998, WebWorks Help is an output format that allows online Help to be delivered on multiple platforms and browsers, which makes it easy to publish information
More informationUH CMS Basics. Cascade CMS Basics Class. UH CMS Basics Updated: June,2011! Page 1
UH CMS Basics Cascade CMS Basics Class UH CMS Basics Updated: June,2011! Page 1 Introduction I. What is a CMS?! A CMS or Content Management System is a web based piece of software used to create web content,
More informationWeb Design Basics. Cindy Royal, Ph.D. Associate Professor Texas State University
Web Design Basics Cindy Royal, Ph.D. Associate Professor Texas State University HTML and CSS HTML stands for Hypertext Markup Language. It is the main language of the Web. While there are other languages
More informationTaleo Enterprise. Career Section Branding Definition. Version 7.5
Taleo Enterprise Career Section Branding Definition Version 7.5 March 2010 Confidential Information It shall be agreed by the recipient of the document (hereafter referred to as the other party ) that
More informationCSS for Page Layout. Key Concepts
CSS for Page Layout Key Concepts CSS Page Layout Advantages Greater typography control Style is separate from structure Potentially smaller documents Easier site maintenance Increased page layout control
More informationEssential HTML & CSS for WordPress. Mark Raymond Luminys, Inc. 949-654-3890 mraymond@luminys.com www.luminys.com
Essential HTML & CSS for WordPress Mark Raymond Luminys, Inc. 949-654-3890 mraymond@luminys.com www.luminys.com HTML: Hypertext Markup Language HTML is a specification that defines how pages are created
More informationCoding Standards for Web Development
DotNetDaily.net Coding Standards for Web Development This document was downloaded from http://www.dotnetdaily.net/ You are permitted to use and distribute this document for any noncommercial purpose as
More informationTRADING CENTRAL INDICATOR FOR METATRADER USERS GUIDE. Blue Capital Markets Limited 2013. All rights reserved.
TRADING CENTRAL INDICATOR FOR METATRADER USERS GUIDE Blue Capital Markets Limited 2013. All rights reserved. Content What is TC.TechnicalAnalysis Indicator? 1 Installation Process 2 Features and Parameters
More informationCode View User s Guide
Code View User s Guide 1601 Trapelo Road Suite 329 Waltham, MA 02451 www.constantcontact.com Constant Contact, Inc. reserves the right to make any changes to the information contained in this publication
More informationSAML Authentication Quick Start Guide
SAML Authentication Quick Start Guide Powerful Authentication Management for Service Providers and Enterprises Authentication Service Delivery Made EASY Copyright 2013 SafeNet, Inc. All rights reserved.
More informationMagento 1.3 Theme Design
Magento 1.3 Theme Design Richard Carter Chapter No. 5 "Non-default Magento Themes" In this package, you will find: A Biography of the author of the book A preview chapter from the book, Chapter NO.5 "Non-default
More informationJoomla! template JSN Mico Customization Manual
Joomla! template JSN Mico Customization Manual (for JSN Mico 1.0.x) www.facebook.com/joomlashine www.twitter.com/joomlashine www.youtube.com/joomlashine This documentation is release under Creative Commons
More informationBase template development guide
Scandiweb Base template development guide General This document from Scandiweb.com contains Magento theme development guides and theme development case study. It will basically cover two topics Magento
More informationContents. Introduction... 2. Downloading the Data Files... 2
Creating a Web Page Using HTML Part 3: Multi-page Management and Uploading INFORMATION TECHNOLOGY SERVICES California State University, Los Angeles Version 1.1 Summer 2009 Contents Introduction... 2 Downloading
More informationCoding HTML Email: Tips, Tricks and Best Practices
Before you begin reading PRINT the report out on paper. I assure you that you ll receive much more benefit from studying over the information, rather than simply browsing through it on your computer screen.
More informationCREATING A NEWSLETTER IN ADOBE DREAMWEAVER CS5 (step-by-step directions)
CREATING A NEWSLETTER IN ADOBE DREAMWEAVER CS5 (step-by-step directions) Step 1 - DEFINE A NEW WEB SITE - 5 POINTS 1. From the welcome window that opens select the Dreamweaver Site... or from the main
More informationPDG Shopping Cart 4.0. Quick Start Guide
PDG Shopping Cart 4.0 Quick Start Guide , Inc. 1751 Montreal Circle, Suite B Tucker, Georgia 30084-6802 Copyright 1998-2004 PDG Software, Inc.; All rights reserved. PDG Software, Inc. ("PDG Software")
More informationOX Spreadsheet Product Guide
OX Spreadsheet Product Guide Open-Xchange February 2014 2014 Copyright Open-Xchange Inc. OX Spreadsheet Product Guide This document is the intellectual property of Open-Xchange Inc. The document may be
More informationOPENTABLE GROUP SEARCH MODULE GETTING STARTED ADD RESERVATIONS TO YOUR WEBSITE
ADD RESERVATIONS TO YOUR WEBSITE OPENTABLE GROUP SEARCH MODULE The group search module allows users to select a specific restaurant location from a list and search tables at that location. The code below
More informationCreating Online Surveys with Qualtrics Survey Tool
Creating Online Surveys with Qualtrics Survey Tool Copyright 2015, Faculty and Staff Training, West Chester University. A member of the Pennsylvania State System of Higher Education. No portion of this
More informationWEB DEVELOPMENT IA & IB (893 & 894)
DESCRIPTION Web Development is a course designed to guide students in a project-based environment in the development of up-to-date concepts and skills that are used in the development of today s websites.
More informationWeb Development. Owen Sacco. ICS2205/ICS2230 Web Intelligence
Web Development Owen Sacco ICS2205/ICS2230 Web Intelligence Introduction Client-Side scripting involves using programming technologies to build web pages and applications that are run on the client (i.e.
More informationDesigning portal site structure and page layout using IBM Rational Application Developer V7 Part of a series on portal and portlet development
Designing portal site structure and page layout using IBM Rational Application Developer V7 Part of a series on portal and portlet development By Kenji Uchida Software Engineer IBM Corporation Level: Intermediate
More informationHTML and CSS. Elliot Davies. April 10th, 2013. ed37@st-andrews.ac.uk
HTML and CSS Elliot Davies ed37@st-andrews.ac.uk April 10th, 2013 In this talk An introduction to HTML, the language of web development Using HTML to create simple web pages Styling web pages using CSS
More informationIntroduction to web development using XHTML and CSS. Lars Larsson. Today. Course introduction and information XHTML. CSS crash course.
using CSS using CSS 1 using CSS 2 3 4 Lecture #1 5 6 using CSS Material using CSS literature During this, we will cover server side web with JavaServer Pages. JSP is an exciting technology that lets developers
More informationCOMMONWEALTH OF PENNSYLVANIA DEPARTMENT S OF Human Services, INSURANCE, AND AGING
COMMONWEALTH OF PENNSYLVANIA DEPARTMENT S OF Human Services, INSURANCE, AND AGING INFORMATION TECHNOLOGY GUIDELINE Name Of Guideline: Domain: Application Date Issued: 03/18/2014 Date Revised: 02/17/2016
More informationFormatting Custom List Information
Hello. MailChimp has a lot of great merge tags that can help you customize your email campaigns. You can use these merge tags to dynamically add content to your email. With merge tags, you can include
More informationHow To Create A Website Template On Sitefinity 4.0.2.2
DESIGNER S GUIDE This guide is intended for front-end developers and web designers. The guide describes the procedure for creating website templates using Sitefinity and importing already created templates
More information... Asbru Web Content Management System. Getting Started. Easily & Inexpensively Create, Publish & Manage Your Websites
Asbru Ltd Asbru Ltd wwwasbrusoftcom info@asbrusoftcom Asbru Web Content Easily & Inexpensively Create, Publish & Manage Your Websites 31 March 2015 Copyright 2015 Asbru Ltd Version 92 1 Table of Contents
More informationAgenda. 1. ZAPms Konzept. 2. Benutzer-Kontroller. 3. Laout-Aufbau. 4. Template-Aufbau. 6. Konfiguration. 7. Module.
Agenda. ZAPms Konzept.. Benutzer-Kontroller.. Laout-Aufbau.. Template-Aufbau. 5. Bildergalerie (Beispiel). 6. Konfiguration. 7. Module. . ZAPms Konzept Benutzer Web Server Benutzer-Kontroller www.domain/index.php
More informationCHAPTER 10. When you complete this chapter, you will be able to:
Data Tables CHAPTER 10 When you complete this chapter, you will be able to: Use table elements Use table headers and footers Group columns Style table borders Apply padding, margins, and fl oats to tables
More informationThe Essential Guide to HTML Email Design
The Essential Guide to HTML Email Design Index Introduction... 3 Layout... 4 Best Practice HTML Email Example... 5 Images... 6 CSS (Cascading Style Sheets)... 7 Animation and Scripting... 8 How Spam Filters
More informationPDF MAKER FOR VTIGER CRM
PDF MAKER FOR VTIGER CRM Introduction The PDF Maker is extension tool designed for vtiger CRM. There is already possibility of the export to pdf format in vtiger CRM functionality but it covers just few
More informationios App Development Using Cordova
ios App Development Using Cordova Created by Todd Treece Last updated on 2015-06-29 08:20:06 AM EDT Guide Contents Guide Contents Overview Installing Dependencies Creating a New App index.html index.css
More informationForm Builder Manual. A brief overview of your website s Form Builder with screenshots.
A brief overview of your website s with screenshots. 1 Table of Contents:...1...3 Creating a New Web Form...4 Editing a Form Element...7 Creating a Form Action...9 Adding a Form Layout to an Action...11
More informationSELF SERVICE RESET PASSWORD MANAGEMENT CITRIX AND MICROSOFT TERMINAL SERVICES
SELF SERVICE RESET PASSWORD MANAGEMENT CITRIX AND MICROSOFT TERMINAL SERVICES Copyright 1998-2015 Tools4ever B.V. All rights reserved. No part of the contents of this user guide may be reproduced or transmitted
More informationWEB DESIGN COURSE CONTENT
WEB DESIGN COURSE CONTENT INTRODUCTION OF WEB TECHNOLOGIES Careers in Web Technologies How Websites are working Domain Types and Server About Static and Dynamic Websites Web 2.0 Standards PLANNING A BASIC
More informationHow to Customize Support Portals
How to Customize Support Portals 2014 Bomgar Corporation. All rights reserved worldwide. BOMGAR and the BOMGAR logo are trademarks of Bomgar Corporation; other trademarks shown are the property of their
More informationOfficial Amazon Checkout Extension for Magento Commerce. Documentation
Official Amazon Checkout Extension for Magento Commerce Documentation 1. Introduction This extension provides official integration of your Magento store with Inline Checkout by Amazon service. Checkout
More informationA send-a-friend application with ASP Smart Mailer
A send-a-friend application with ASP Smart Mailer Every site likes more visitors. One of the ways that big sites do this is using a simple form that allows people to send their friends a quick email about
More informationPersonal Archive User Guide
Personal Archive User Guide Personal Archive gives you an unlimited mailbox and helps you quickly and easily access your archived email directly from Microsoft Outlook or Lotus Notes. Since Personal Archive
More informationShipbeat Magento Module. Installation and user guide
Shipbeat Magento Module Installation and user guide This guide explains how the Shipbeat Magento Module is installed, used and uninstalled from your Magento Community Store. If you have questions or need
More informationSAP BusinessObjects Document Version: 4.1 Support Package 7 2015-11-27. Dashboards and Presentation Design Installation Guide
SAP BusinessObjects Document Version: 4.1 Support Package 7 2015-11-27 Dashboards and Presentation Design Installation Guide Content 1 Document History....3 2 About this Guide....4 3 Planning Installations....5
More informationBasics of HTML (some repetition) Cascading Style Sheets (some repetition) Web Design
Basics of HTML (some repetition) Cascading Style Sheets (some repetition) Web Design Contents HTML Quiz Design CSS basics CSS examples CV update What, why, who? Before you start to create a site, it s
More informationPoliscript Installation Guide
Poliscript Installation Guide Version 4.0 Current Poliscript Build: Version 2.7 Build 23 Please note this document is correct up to 27 th July 2010 Important Information: - Please note that Poliscript
More information-SoftChalk LessonBuilder-
-SoftChalk LessonBuilder- SoftChalk is a powerful web lesson editor that lets you easily create engaging, interactive web lessons for your e-learning classroom. It allows you to create and edit content
More informationHow To Customize An Org Bee 11G With A Custom Skin On A Windows 7.5 (Oracle) 11G (Orca) 11Ge (Orora) 11Gh (Orroboro) 11E (Ororro
Customizing Oracle Business Intelligence Enterprise Edition 11g An Oracle White Paper August, 2010 Customizing Oracle Business Intelligence Enterprise Edition 11g OVERVIEW In order to best deliver an intuitive
More informationAgenda2. User Manual. Agenda2 User Manual Copyright 2010-2013 Bobsoft 1 of 34
Agenda2 User Manual Agenda2 User Manual Copyright 2010-2013 Bobsoft 1 of 34 Agenda2 User Manual Copyright 2010-2013 Bobsoft 2 of 34 Contents 1. User Interface! 5 2. Quick Start! 6 3. Creating an agenda!
More informationGUIDE TO CODE KILLER RESPONSIVE EMAILS
GUIDE TO CODE KILLER RESPONSIVE EMAILS THAT WILL MAKE YOUR EMAILS BEAUTIFUL 3 Create flawless emails with the proper use of HTML, CSS, and Media Queries. But this is only possible if you keep attention
More informationDevelopers Guide. Designs and Layouts HOW TO IMPLEMENT WEBSITE DESIGNS IN DYNAMICWEB. Version: 1.3 2013.10.04 English
Developers Guide Designs and Layouts HOW TO IMPLEMENT WEBSITE DESIGNS IN DYNAMICWEB Version: 1.3 2013.10.04 English Designs and Layouts, How to implement website designs in Dynamicweb LEGAL INFORMATION
More informationConfig Guide. Gimmal Smart Tiles (SharePoint-Hosted) Software Release 4.4.0
Config Guide Gimmal Smart Tiles (SharePoint-Hosted) Software Release 4.4.0 November 2014 Title: Gimmal Smart Tiles (SharePoint-Hosted) Configuration Guide Copyright 2014 Gimmal, All Rights Reserved. Gimmal
More information.NET Best Practices Part 1 Master Pages Setup. Version 2.0
.NET Best Practices Part 1 Master Pages Setup Version 2.0 2014 CrownPeak Technology, Inc. All rights reserved. No part of this document may be reproduced or transmitted in any form or by any means, electronic
More informationSAP Cloud Identity Service Document Version: 1.0 2014-09-01. SAP Cloud Identity Service
Document Version: 1.0 2014-09-01 Content 1....4 1.1 Release s....4 1.2 Product Overview....8 Product Details.... 9 Supported Browser Versions....10 Supported Languages....12 1.3 Getting Started....13 1.4
More information