Sizmek. Sizmek Formats. Custom Header. Build Guide. Copyright 2014 Sizmek. All rights reserved. 1
|
|
- Carol Lambert
- 7 years ago
- Views:
Transcription
1 Sizmek Formats Custom Header Build Guide 1
2 Table Of Contents Overview... 3 Supported Platforms... 7 Specifications... 8 Known Issues... 8 Ad Interaction Tracking... 8 Ad Clickthrough... 9 Template Included Files... 9 Setting up in Workshop... 9 Customizing the Format Leave behind (leavebehind.fla) Panel (panel.fla) Fallback images Setting up in Platform Custom Variables Configuring in Workshop Configuring in Platform Custom Variables Definitions Change Log
3 Overview The Custom Header is a responsive, large banner format that can display different banner content in five different banner dimensions. The format has been developed and tailored to the New MSN website. 1272x328 panel (flash) For each dimension the Custom Header is able to display a different experience for the user if desired. The template is also able to scale on creative design to the other two sizes for maximum flexibility during production. 1119x328 panel (flash) 3
4 970x250 panel (flash) 628x162 panel (flash) 4
5 The Custom Header includes a Show Ad/Hide Ad functionality that is identical to the IAB Billboard. The state of view of the Custom Header is saved via a cookie on the user s machine. The state of the Custom Header is maintained when the browser is resized. Leave behind (flash) The format is built as a 2x2 in-banner unit and requires three different default images that are uploaded as additional assets in the creative. 1272x92 and 1119x81 (image) 970x70 and 824x61 (image) 5
6 628x45 (image) The format resize the content according to browser width on non-msn pages and columns value on MSN page. Default panel dimension on non-msn page Brow ser Width Content dimension Detail < x162px When browser width less than 824px. It shows 628x162 dimension content px 824x212px When browser width greater than equal to 824px and less than 970. It shows 824x212 dimension content px 970x250px When browser width greater than equal to 970px and less than It shows 970x250 dimension content x289 When browser width greater than equal to 970px and less than It shows 970x250 dimension content. >=1272px 1272x328 When browser width greater than equal to 1272px. It shows 1272x 328 dimension content. 6
7 Default panel dimension on MSN page Column value Content dimension Detail 2 columns 628x162px When page loads/resizes in 2 columns view. It shows 628x162 dimension content. 3 columns 970x250px When page loads/resizes in 3 columns view. It shows 970x250 dimension content. 4 columns 1272x328 When page loads/resizes in 4 columns view. It shows 1272x328 dimension content. Default panel dimension on MSN page in IE browser Column value Content dimension Detail 2 columns 628x162px When page loads/resizes in 2 columns view. It shows 628x162 dimension content. Intermediate view(2.5) 824x212 When page loads/resizes in Intermediate view (2.5 columns view). It shows 824x212 dimension content. 3 columns 970x250px When page loads/resizes in 3 columns view. It shows 970x250 dimension content. Intermediate view(3.5) 1119x212 When page loads/resizes in Intermediate view (2.5 columns view). It shows 824x212 dimension content. 4 columns 1272x328 When page loads/resizes in 4 columns view. It shows 1272x328 dimension content. Note:- Content dimension can be customizable using custom variable setting. Supported Platforms Platform Windows XP/7/8/Surface Supported Browser Version Internet Explorer 8+, Firefox, Chrome, Safari 7
8 Mac OSX 10.8 & 10.9 Firefox, Chrome, Safari Specifications Format Version 1.1 Supports ActionScript 3.0 Supports Flash Player 10 and above Please preview on the tag level for most accurate results Known Issues For best results please preview this format on the tag level. Local/workshop preview doesn t show correct preview. On Non-MSN pages, hide and show the ad multiple times. Sometime showad and main panel are invisible. It is delivery bug. We can t repro 100%. Old flash fla files are not compatible with 002 version of Javascript, Please make sure use the latest version of flash files. When user upload the ad using workshop, on platform, in Custom script section, sometime there is no JavaScript attached or wrong JavaScript attached. Please make sure, following JavaScript should be there. Ad Interaction Tracking The Custom Header template provides the following custom interaction tracking by default. The name values of the custom interactions may be modified if desired by the developer. Show Ad button click (Automatic Event) Hide Ad button click (Automatic Event) Ad Viewed in 2-column view (Automatic Event fired when ad is loaded or page view is changed) Ad Viewed in 3-column scale down view (Automatic Event fired when ad is loaded or page view is changed) Ad Viewed in 3-column view (Automatic Event fired when ad is loaded or page view is changed) Ad Viewed in 4-column scale down view (Automatic Event fired when ad is loaded or page view is changed) Ad Viewed in 4-column view (Automatic Event fired when ad is loaded or page view is changed) 8
9 Ad Clickthrough In the clickthrough over the platform, Please make sure close Ad parts should be unchecked. Template Included Files Filename 1x1.fla panel.fla leavebehind.fla CustomHeader.as 1x1.jpg 628x45.jpg 970x70.jpg 1272x92.jpg Description 1x1 Flash banner, the place holder 1272x328 Flash panel 88x31 Flash leave behind AS3 class for applying custom header logic Backup image served when flash and Javascript is disabled Backup image served when flash is disabled (In 2 columns view) Backup image served when flash is disabled (In 3 columns view) Backup image served when flash is disabled (In 4 columns view) Setting up in Workshop In your file browser, browse to and run the Custom Header MXP/ZXP (Custom_Header.mxp or Custom_Header.zxp), and then follow the prompts in the Adobe Extension Manager to install the extension. You can skip this step if you have already installed the MXP. In the Sizmek Workshop for Flash, select New from template. 9
10 For AS Version, select ActionScript 3. Expand the Sizmek Templates > Custom Header folder, and select 1x1_Nonideo Click Create. Customizing the Format Leave behind (leavebehind.fla) Do not modify leave behind fla. 10
11 Panel (panel.fla) 1. Open panel.fla 2. On the content layer there is movieclip called mc_content, double click to open this movieclip 3. In side mc_content, there are 5 layers. action:- has action script code. Hide Ad button: - Hide button graphic (Do not modify the graphic). 628x162:- content for 628x162 size panel. Content graphic can be add/update. 970x250:- content for 970x250 size panel. Content graphic can be add/update. 1272x328:- content for 1272x328 size panel. Content graphic can be add/update. 4. All content moveclips should be align to top-left of the stage. 5. On action layer contents following code var ch:customheader = CustomHeader.getInstance(); var str:string = EBBase.GetVar("mdPanelWidths"); if(str) var panelwidth:array = str.split(","); var settings:object = ; settings["w"+ panelwidth[0]] = content:mc628x162, props:scalex:1, scaley:1, playonce:false; settings["w"+ panelwidth[1]] = content:mc970x250, props:scalex:0.85, scaley:0.85, playonce:false; settings["w"+ panelwidth[2]] = content:mc970x250, props:scalex:1, scaley:1, playonce:false; settings["w"+ panelwidth[3]] = content:mc1272x328, props:scalex:0.88, scaley:0.88, playonce:false; settings["w"+ panelwidth[4]] = content:mc1272x328, props:scalex:1, scaley:1, playonce:false; /* //One movieclip can be used for all columns. Here is the sample code settings["w"+ panelwidth[0]] = content:mc1272x328, props:scalex:0.4937, scaley:0.4935, playonce:false; settings["w"+ panelwidth[1]] = content:mc1272x328, props:scalex:0.648, scaley:0.648, playonce:false; settings["w"+ panelwidth[2]] = content:mc1272x328, props:scalex:0.7625, scaley:0.7624, playonce:false; settings["w"+ panelwidth[3]] = content:mc1272x328, props:scalex:0.88, scaley:0.88, playonce:false; settings["w"+ panelwidth[4]] = content:mc1272x328, props:scalex:1, scaley:1, playonce:false; */ ch.addjseventlistener(customheader.st AGE_RESIZE, resizehandler); ch.init(settings, this); 11
12 function resizehandler(e:object) switch(e.stagewidth) case 628: EBBase.AutomaticEventCounter("Two_Columns_Viewed"); break; case 824: EBBase.AutomaticEventCounter("Three_Columns(Scale_Down)_Viewed"); break; case 970: EBBase.AutomaticEventCounter("Three_Columns_Viewed"); break; case 1119: EBBase.AutomaticEventCounter("Four_Columns(Scale_Down)_Viewed"); break; case 1272: EBBase.AutomaticEventCounter("Four_Columns_Viewed"); break; 6. Tracking also added on action layer. Please see yellow highlighted code var ch:customheader = CustomHeader.getInstance(); var str:string = EBBase.GetVar("mdPanelWidths"); 11. if(str) var panelwidth:array = str.split(","); 14. var settings:object = ; 15. settings["w"+ panelwidth[0]] = content:mc628x162, props:scalex:1, scaley:1, playonce:false; 16. settings["w"+ panelwidth[1]] = content:mc970x250, props:scalex:0.85, scaley:0.85, playonce:false; 17. settings["w"+ panelwidth[2]] = content:mc970x250, props:scalex:1, scaley:1, playonce:false; 18. settings["w"+ panelwidth[3]] = content:mc1272x328, props:scalex:0.88, scaley:0.88, playonce:false; 19. settings["w"+ panelwidth[4]] = content:mc1272x328, props:scalex:1, scaley:1, playonce:false; 20. /* 21. //One movieclip can be used for all columns. Here is the sample code 22. settings["w"+ panelwidth[0]] = content:mc1272x328, props:scalex:0.4937, scaley:0.4935, playonce:false; 12
13 23. settings["w"+ panelwidth[1]] = content:mc1272x328, props:scalex:0.648, scaley:0.648, playonce:false; 24. settings["w"+ panelwidth[2]] = content:mc1272x328, props:scalex:0.7625, scaley:0.7624, playonce:false; 25. settings["w"+ panelwidth[3]] = content:mc1272x328, props:scalex:0.88, scaley:0.88, playonce:false; 26. settings["w"+ panelwidth[4]] = content:mc1272x328, props:scalex:1, scaley:1, playonce:false; 27. */ 28. ch.addjseventlistener(customheader.st AGE_RESIZE, resizehandler); 29. ch.init(settings, this); function resizehandler(e:object) switch(e.stagewidth) case 628: 37. EBBase.AutomaticEventCounter("Two_Columns_Viewed"); 38. break; case 824: 41. EBBase.AutomaticEventCounter("Three_Columns(Scale_Down)_Viewed"); 42. break; case 970: 45. EBBase.AutomaticEventCounter("Three_Columns_Viewed"); 46. break; case 1119: 49. EBBase.AutomaticEventCounter("Four_Columns(Scale_Down)_Viewed"); 50. break; case 1272: 53. EBBase.AutomaticEventCounter("Four_Columns_Viewed"); 54. break; User can modify scale of the content movie clips (mc628x162, mc970x250, mc1272x328). Also one content move clip can be used for all three sizes. Check the highlighted code. Here is the example var ch:customheader = CustomHeader.getInstance(); var str:string = EBBase.GetVar("mdPanelWidths"); 63. if(str)
14 65. var panelwidth:array = str.split(","); 66. var settings:object = ; 67. settings["w"+ panelwidth[0]] = content:mc628x162, props:scalex:1, scaley:1, playonce:false; 68. settings["w"+ panelwidth[1]] = content:mc970x250, props:scalex:0.85, scaley:0.85, playonce:false; 69. settings["w"+ panelwidth[2]] = content:mc970x250, props:scalex:1, scaley:1, playonce:false; 70. settings["w"+ panelwidth[3]] = content:mc1272x328, props:scalex:0.88, scaley:0.88, playonce:false; 71. settings["w"+ panelwidth[4]] = content:mc1272x328, props:scalex:1, scaley:1, playonce:false; 72. /* 73. //One movieclip can be used for all columns. Here is the sample code 74. settings["w"+ panelwidth[0]] = content:mc1272x328, props:scalex:0.4937, scaley:0.4935, playonce:false; 75. settings["w"+ panelwidth[1]] = content:mc1272x328, props:scalex:0.648, scaley:0.648, playonce:false; 76. settings["w"+ panelwidth[2]] = content:mc1272x328, props:scalex:0.7625, scaley:0.7624, playonce:false; 77. settings["w"+ panelwidth[3]] = content:mc1272x328, props:scalex:0.88, scaley:0.88, playonce:false; 78. settings["w"+ panelwidth[4]] = content:mc1272x328, props:scalex:1, scaley:1, playonce:false; 79. */ 80. ch.addjseventlistener(customheader.st AGE_RESIZE, resizehandler); 81. ch.init(settings, this); function resizehandler(e:object) switch(e.stagewidth) case 628: 89. EBBase.AutomaticEventCounter("Two_Columns_Viewed"); 90. break; case 824: 93. EBBase. AutomaticEventCounter("Three_Columns(Scale_Down)_Viewe d"); 94. break; case 970: 97. EBBase.AutomaticEventCounter("Three_Columns_Viewed"); 98. break; case 1119: 101. EBBase. AutomaticEventCounter("Four_Colum ns(scale_dow n)_viewed" ); 102. break; 14
15 case 1272: 105. EBBase.AutomaticEventCounter("Four_Columns_Viewed"); 106. break; x162, 970x250 and 1272x328 layers contain following code. var ch:customheader = CustomHeader.getInstance(); ch.addjseventlistener(customheader.st AGE_RESIZE, resizehandler); function resizehandler(e:object) var str:string = "w" + e.stagewidth; if(ch.settings[str].content == this) if(this.visible == false) this.visible = true; else if(ch.settings[str].props.playonce) //video or animation play code should be here //video or animation play only once when it loads. ch.settings[str].props.playonce = false; this.visible = false; This code handles visibility of the all 3 content when browser resize. User can also handle video or animation start/stop with above code for each content. It starts video on every time when panel resize and show. Video shouldn t auto play with video component settings. It should play with the code. Here is the example. var ch:customheader = CustomHeader.getInstance(); ch.addjseventlistener(customheader.st AGE_RESIZE, resizehandler); function resizehandler(e:object) var str:string = "w" + e.stagewidth; if(ch.settings[str].content == this) if(this.visible == false) 15
16 Videoplayer.loadAndPay(4); this.visible = true; else if(ch.settings[str].content.playonce) //video or animation play code should be here //video or animation play only once when it loads. ch.settings[str].content.playonce = false; Videoplayer.stop(); this.visible = false; If user wants to play video or animation only on 1 st load. Here is the example. Inside mc_content, on action layer. Change the highlighted code var ch:customheader = CustomHeader.getInstance(); var str:string = EBBase.GetVar("mdPanelWidths"); if(str) var panelwidth:array = str.split(","); var settings:object = ; settings["w"+ panelwidth[0]] = content:mc628x162, props:scalex:1, scaley:1, playonce:false; settings["w"+ panelwidth[1]] = content:mc970x250, props:scalex:0.85, scaley:0.85, playonce:false; settings["w"+ panelwidth[2]] = content:mc970x250, props:scalex:1, scaley:1, playonce:false; settings["w"+ panelwidth[3]] = content:mc1272x328, props:scalex:0.88, scaley:0.88, playonce:false; settings["w"+ panelwidth[4]] = content:mc1272x328, props:scalex:1, scaley:1, playonce:false; /* //One movieclip can be used for all columns. Here is the sample code settings["w"+ panelwidth[0]] = content:mc1272x328, props:scalex:0.4937, scaley:0.4935, playonce:false; settings["w"+ panelwidth[1]] = content:mc1272x328, props:scalex:0.648, scaley:0.648, playonce:false; settings["w"+ panelwidth[2]] = content:mc1272x328, props:scalex:0.7625, scaley:0.7624, playonce:false; settings["w"+ panelwidth[3]] = content:mc1272x328, props:scalex:0.88, 16
17 scaley:0.88, playonce:false; settings["w"+ panelwidth[4]] = content:mc1272x328, props:scalex:1, scaley:1, playonce:false; */ ch.addjseventlistener(customheader.st AGE_RESIZE, resizehandler); ch.init(settings, this); And inside the content (mc_628x162, mc_970x250 and mc_1272x328) movie clip. var ch:customheader = CustomHeader.getInstance(); ch.addjseventlistener(customheader.st AGE_RESIZE, resizehandler); function resizehandler(e:object) var str:string = "w" + e.stagewidth; if(ch.settings[str].content == this) if(this.visible == false) this.visible = true; else if(ch.settings[str].content.playonce) //video or animation play code should be here //video or animation play only once when it loads. Videoplayer.loadAndPay(4); ch.settings[str].content.playonce = false; Videoplayer.stop(); this.visible = false; 111. Panel fla s flash player must me 10 and above Don t add any kind of stage mode related code. e.g. stage.scalemode = StageScaleMode. NO_SCALE. Fallback images Update in the MDX workshop 1. Open MDX workshop. 2. Create custom header ad. 3. Go to Setting>>Ad setup 4. Click on Additional Assets 17
18 5. Update the images according to dimension. If user update the additional id of image, user have to have update the mdfallbackimagesid in the custom var section. Update in the MDX platform 1. Create the ad 2. Go to Additional assets section 3. Update the images according to dimension. If user update the additional id of image, user have to have update the mdfallbackimagesid in the custom var section. 18
19 Setting up in Platform The custom script should already be attached to the ad when it is uploaded from the MXP/ZXP. You can confirm this by doing the following. 1. In Sizmek MDX/ZXP, go to the Setup tab. 2. Select the Advanced Features section, and expand the Custom JS area. 3. Copy and paste this code to the Trigger JavaScript on Scripts Pre-load text field: New Client Delivery : 3a. Make sure the Use new client mechanism checkbox is selected. 4. Click Save. Custom Variables Custom Variables for the Custom header can be configured using either the Sizmek Workshop or Sizmek MDX once your ad is created. All custom variables default values setup as MSN specific. It can be change as needed. Configuring in Workshop In the Sizmek Workshop, go to the Settings tab. Next select the Variables menu. Click the Add Variable button to enter the appropriate values or double click an existing variable to edit it. When are done click the Save button. When you upload the ad these values will maintain their state in the platform. Configuring in Platform In Sizmek MDX, go to the Setup tab. Select the Advanced Features section, and expand the Variables area. Click the New button to enter the appropriate values or double click an existing variable to edit it. When done, click the Save button. Custom Variables Definitions 19
20 Name:Type Default Value Description Accepted Values mdautorepositioninterval :Number 200 The amount of milliseconds to realign the default panel. 1+ If 0 then the interval will not start. mdeyedivzindex:number 3 The default z-index of the eye div. mdfallbackimagesid:string 1,2,2,3,3 The default additional assets id for fallback images. 0 to To leave the z-index unchanged us the string undefined String, comma separated assets ids. mdcookieexpirytime 24 Default cookie expiry time Any number mdsharecookie false Share cookie between multiple ads and pages. True/false mdscaledownbackupimage s (for MSN only) true Scale Down the fall images in intermediate views. True/false Change Log September 15, 2014 (v 0.1) o First draft September 29, 2014 o Changed the tag to 2x2 dimension. o Updated the build guide. October 10, 2014 o Bug fixes in custom script and flash file. o Fixed MSN article page bug o Fixed Firefox loading issue April 24, 2015 o Updated the flash and custom script for intermediate column solution o Added custom var for shared cookies o Fixed Firefox loading issue May 13, 2015 o Updated the flash and custom script for intermediate column solution o Updated to flash files and custom script to version o Current flash files are not backward compatible. o Updated the custom script template. o Changed the tag to 1x1 dimension. 20
21 o Added mdsharecookie, mdscaledownbackupimages, mdcookieexpirytime custom variables o Banner contents in five different banner dimensions, previous was three. 21
22 Notice The information contained in this document is proprietary and confidential to Sizmek and/or any of its affiliated companies. Disclosure, copying, reproduction, storing or any use of this document or any part thereof without the express prior, written consent of Sizmek or its authorized representatives is strictly prohibited. The information furnished in this document is believed to be accurate and reliable. However no responsibility is assumed by Sizmek for the use of this information. Sizmek reserves the right to make changes to the information included in this document at any time and without notice. Flash is either a registered trademark or trademark of Adobe Systems Incorporated in the United States and/or other countries. Trademark Note: Sizmek, the Sizmek logo, Sizmek Rich Media, Sizmek Mobile, Sizmek Video, Sizmek Channel Connect, Sizmek Workshop, etc. are trademarks and/or registered trademarks of Sizmek. All other trademarks are the property of their respective owners.
Sizmek Formats. Collage. Build Guide
Formats Collage Build Guide Table Of Contents Overview... 3 Supported Platforms... 3 Specifications... 3 Known Issues... 3 Ad Behavior Screenshots... 4 Template Included Files... 8 Setting up in Workshop...
More informationSizmek Formats. Swell. Build Guide
Formats Swell Build Guide Table Of Contents Overview... 4 Supported Platforms... 4 Specifications... 4 Known Issues... 4 Ad Behavior Screenshots... 5 Before you Begin... 6 Template Included Files... 6
More informationSizmek Formats. HTML5 Page Skin. Build Guide
Formats HTML5 Page Skin Build Guide Table of Contents Overview... 2 Supported Platforms... 7 Demos/Downloads... 7 Known Issues:... 7 Implementing a HTML5 Page Skin Format... 7 Included Template Files...
More informationSizmek Features. Wallpaper. Build Guide
Features Wallpaper Build Guide Table Of Contents Overview... 3 Known Limitations... 4 Using the Wallpaper Tool... 4 Before you Begin... 4 Creating Background Transforms... 5 Creating Flash Gutters... 7
More informationHTML5 Standard Banner
Sizmek Formats HTML5 Standard Banner Build Guide Table of Contents Overview... 2 Supported Platforms... 3 Demos/Downloads... 3 Known Issues... 3 Recommended Specs... 3 Implementing an HTML5 Standard Banner...
More informationThe In-Stream LogoKit is an In-Stream linear and non-linear ad format that plays in VPAID-compliant video players. The ad displays icons in the
The In-Stream LogoKit is an In-Stream linear and non-linear ad format that plays in VPAID-compliant video players. The ad displays icons in the bottom-right corner of the player which, when clicked, open
More informationSizmek Formats. IAB Mobile Pull. Build Guide
Sizmek Formats IAB Mobile Pull Build Guide Table of Contents Overview...3 Supported Platforms... 6 Demos/Downloads... 6 Known Issues... 6 Implementing a IAB Mobile Pull Format...6 Included Template Files...
More informationSpotify Homepage Takeover
Formats Spotify Homepage Takeover Build Guide Table of Contents Overview... 2 Supported Platforms... 3 Known Issues... 3 Implementing a Spotify Homepage Takeover... 3 Included Template Files... 3 HTML...
More informationPolling Banner... 2. Known Issues... 2. Implementing the Block... 3. Configuring in Flash... 3 AS2... 3 AS3... 8
Polling Banner... 2 Known Issues... 2 Implementing the Block... 3 Configuring in Flash... 3 AS2... 3 AS3... 8 Setting Up in the Sizmek MDX Platform... 12 Polling Banner The Polling Banner Block allows
More informationImage Upload... 2. Known Issues...3. Implementing the Block...4. Using Adobe SWC files...4. Configuring in Flash...5
Image Upload... 2 Known Issues...3 Implementing the Block...4 Using Adobe SWC files...4 Configuring in Flash...5 Setting Up in the Sizmek MDX Platform...8 Image Upload The Image Upload Block enables advertisers
More informationSizmekFeatures. HTML5JSSyncFeature
Features HTML5JSSyncFeature Table of Contents Overview... 2 Supported Platforms... 2 Demos/Downloads... 3 Note... 3 For Tags Served in iframes... 3 Features... 3 Use Case... 3 Included Files... 4 Implementing
More informationTable of Contents. Overview... 2. Supported Platforms... 3. Note... 3. Demos/Downloads... 3. Known Issues... 4. Use Case... 4
Table of Contents Overview... 2 Supported Platforms... 3 Note... 3 Demos/Downloads... 3 Known Issues... 4 Use Case... 4 Included Files and Parameters... 5 Implementing the Block... 7 Setting Up A Nimbb
More informationHow to Add a Transparent Flash FLV movie to your Web Page Tutorial by R. Berdan Oct 16 2008
How to Add a Transparent Flash FLV movie to your Web Page Tutorial by R. Berdan Oct 16 2008 To do this tutorial you will need Flash 8 or higher, Dreamweaver 8 or higher. You will also need some movie clips
More informationTable of Contents. Overview... 2. Supported Platforms... 3. Demos/Downloads... 3. Known Issues... 3. Note... 3. Included Files...
Table of Contents Overview... 2 Supported Platforms... 3 Demos/Downloads... 3 Known Issues... 3 Note... 3 Included Files... 5 Implementing the Block... 6 Configuring The HTML5 Polling Block... 6 Setting
More informationUSER S MANUAL JOOMLA! GOVERNMENT WEB TEMPLATE
USER S MANUAL JOOMLA! GOVERNMENT WEB TEMPLATE 1 TABLE OF CONTENTS Introduction 3 Parts of the Government Web Template (GWT) 4 Logging In and Getting Started 5 GWT Joomla! Module Map 8 Editing the Top Bar
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 informationNew and Improved DocuSign Signing Experience Information Guide
New and Improved DocuSign Signing Experience Information Guide On December 5th, as part of the DocuSign Winter 15 Release, DocuSign will launch a new and improved version of the signing experience. The
More informationWeb Mail Guide... Error! Bookmark not defined. 1 Introduction to Web Mail... 4. 2 Your Web Mail Home Page... 5. 3 Using the Inbox...
Powered by Table of Contents Web Mail Guide... Error! Bookmark not defined. 1 Introduction to Web Mail... 4 1.1 Requirements... 4 1.2 Recommendations for using Web Mail... 4 1.3 Accessing your Web Mail...
More informationBT CONTENT SHOWCASE. JOOMLA EXTENSION User guide Version 2.1. Copyright 2013 Bowthemes Inc. support@bowthemes.com
BT CONTENT SHOWCASE JOOMLA EXTENSION User guide Version 2.1 Copyright 2013 Bowthemes Inc. support@bowthemes.com 1 Table of Contents Introduction...2 Installing and Upgrading...4 System Requirement...4
More informationCONNECTING A CLOUD CAMERA TO NCS
Next Level Security Systems Cloud Services (NCS) provides centralized, cloud-based configuration and management for individual or multiple Sony IPELA, Gen V and above cameras. Video from Sony IPELA cameras
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 informationMSOW. MSO for the Web MSONet Workstation Configuration Guide
MSOW MSO for the Web MSONet Workstation Configuration Guide For personal and public computer users accessing MSOW Practitioner Home Page (PHP) and Primary Source Verification (PSV) Updated June 4, 2013
More informationecommercesoftwareone Advance User s Guide -www.ecommercesoftwareone.com
Advance User s Guide -www.ecommercesoftwareone.com Contents Background 3 Method 4 Step 1 - Select Advance site layout 4 Step 2 - Identify Home page code of top/left and bottom/right sections 6 Step 3 -
More informationOverview... 2. Included Files... 6. Implementing the Block... 7
Overview... 2 The DCO Block Templates...2 DCO Apparel Template Block...3 DCO Auto Template Block...4 Supported Platforms...5 Demos/Downloads...5 Benefits...5 Use Case...6 Included Files... 6 Implementing
More informationDartmouth College Technical Support Document for Kronos PC version
Dartmouth College Technical Support Document for Kronos PC version Contents How to Save the Kronos URL as a Favorite or Bookmark... 2 Internet Explorer... 2 Firefox... 4 Possible Problems When Logging
More informationHow To Write A Cq5 Authoring Manual On An Ubuntu Cq 5.2.2 (Windows) (Windows 5) (Mac) (Apple) (Amd) (Powerbook) (Html) (Web) (Font
Adobe CQ5 Authoring Basics Print Manual SFU s Content Management System SFU IT Services CMS Team ABSTRACT A summary of CQ5 Authoring Basics including: Setup and Login, CQ Interface Tour, Versioning, Uploading
More informationITP 101 Project 3 - Dreamweaver
ITP 101 Project 3 - Dreamweaver Project Objectives You will also learn how to make a website outlining your company s products, location, and contact info. Project Details USC provides its students with
More informationdarlingharbour.com Content Management System Tenant User Guide
darlingharbour.com Content Management System Tenant User Guide August 2014 Table of Contents 1 Introduction... 1 2 Getting started... 1 2.1 Requirements...1 2.2 Logging in...1 2.3 Change your Password...2
More informationOptimal Browser Settings for Internet Explorer Running on Microsoft Windows
Optimal Browser Settings for Internet Explorer Running on Microsoft Windows If you have Internet Explorer 7 or 8: Each time you log in to our web site, it evaluates whether you are using the same computer
More informationONLINE PREVIEWER MANUAL
ONLINE PREVIEWER MANUAL Version: 1.20120103 1 Table of Contents 2 About the Adrime Previewer... 3 2.1 Accessing the Previewer... 3 2.2 Account overview... 4 3 Setting up your flight... 6 3.1 Step 1: Uploading
More informationE--Mail Archive Mail Ar User G u d ide
SCRIPT LOGIC E-Mail Archive User Guide E-MAIL ARCHIVE County E-mail is a public record. Alexander County is now Archiving all inbound and outbound e-mail. This has become necessary to comply with existing
More information5.1 Features 1.877.204.6679. sales@fourwindsinteractive.com Denver CO 80202
1.877.204.6679 www.fourwindsinteractive.com 3012 Huron Street sales@fourwindsinteractive.com Denver CO 80202 5.1 Features Copyright 2014 Four Winds Interactive LLC. All rights reserved. All documentation
More information+ Create, and maintain your site
T4 Basics Version 1.0 + Create, and maintain your site With T4, you are in control of the content of your website. Feel free to be creative, and keep your site up to date. Few of T4 Features Media Library
More informationThis Quick Reference Sheet covers the most common technical issues that may be encountered.
CIS Quick Reference Sheet Overview This Quick Reference Sheet covers the most common technical issues that may be encountered. Things You Need To Know The Water Corporation Contractor Induction system
More informationHow to Edit Your Website
How to Edit Your Website A guide to using your Content Management System Overview 2 Accessing the CMS 2 Choosing Your Language 2 Resetting Your Password 3 Sites 4 Favorites 4 Pages 5 Creating Pages 5 Managing
More informationMaple T.A. Beginner's Guide for Instructors
Maple T.A. Beginner's Guide for Instructors Copyright Maplesoft, a division of Waterloo Maple Inc. 2013 Maple T.A. Beginner's Guide for Instructors Contents Preface... v 1 Maple T.A. Quick Start for Instructors...
More informationMyFaxCentral User Administration Guide
faxing simplified. anytime. anywhere. MyFaxCentral User Administration Guide www.myfax.com MyFaxCentral Common Controls...1 Navigation Controls...1 Customize View...1 MyFaxCentral User Administration...2
More informationMetService Online Advertising Technical Specifications
MetService Online Advertising Technical Specifications Updated: 17 August 2012 FORMATS & DEADLINES Please note: If advertisements do not meet the specifications below, MetService may be unable to load
More informationTroubleshooting steps for Oracle Financials and Markview. Jan 2015
Troubleshooting steps for Oracle Financials and Markview Jan 2015 RU-VPN... 3 RECOMMENDED BROWSERS AND BROWSER SETTINGS... 4 Mozilla Firefox... 4 Internet Explorer... 5 CHROME... 7 Verify JAVA Version...
More informationADOBE FLASH PLAYER Local Settings Manager
ADOBE FLASH PLAYER Local Settings Manager Legal notices Legal notices For legal notices, see http://help.adobe.com/en_us/legalnotices/index.html. iii Contents Storage...............................................................................................................
More informationReference Guide for WebCDM Application 2013 CEICData. All rights reserved.
Reference Guide for WebCDM Application 2013 CEICData. All rights reserved. Version 1.2 Created On February 5, 2007 Last Modified August 27, 2013 Table of Contents 1 SUPPORTED BROWSERS... 3 1.1 INTERNET
More informationHow to File the FBAR Electronically. The following steps describe the process of filing an FBAR electronically with our system.
Prerequisite How to File the FBAR Electronically The following steps describe the process of filing an FBAR electronically with our system. Our site requires use of the free Adobe Reader product to properly
More informationADVERTISING SPECS. Base File Weight
Standard ads Creative constructed in standard web-image formats, such as GIF, JPEG, PNG as well as single file flash (SWF) executions of any of the dimensions listed below are considered standard ads.
More information2/24/2010 ClassApps.com
SelectSurvey.NET Training Manual This document is intended to be a simple visual guide for non technical users to help with basic survey creation, management and deployment. 2/24/2010 ClassApps.com Getting
More informationHow to create a Flash banner advert in DrawPlus X2
How to create a Flash banner advert in DrawPlus X2 Open DrawPlus X2 and choose Start New: Keyframe Animation Select WebPlus 10 Flash Banner and click on Open The work area should look like the screenshot.
More informationTable of Contents. Welcome... 2. Login... 3. Password Assistance... 4. Self Registration... 5. Secure Mail... 7. Compose... 8. Drafts...
Table of Contents Welcome... 2 Login... 3 Password Assistance... 4 Self Registration... 5 Secure Mail... 7 Compose... 8 Drafts... 10 Outbox... 11 Sent Items... 12 View Package Details... 12 File Manager...
More informationOnce you have obtained a username and password you must open one of the compatible web browsers and go to the following address to begin:
CONTENT MANAGER GUIDELINES Content Manager is a web-based application created by Scala that allows users to have the media they upload be sent out to individual players in many locations. It includes many
More informationWebEx Meeting Center User Guide
WebEx Meeting Center User Guide For Hosts, Presenters, and Participants 8.17 Copyright 1997 2010 Cisco and/or its affiliates. All rights reserved. WEBEX, CISCO, Cisco WebEx, the CISCO logo, and the Cisco
More information8x8 Virtual Office Telephony Interface for Salesforce
8x8 Virtual Office Telephony Interface for Salesforce Administrator Guide May 2014 The Champion For Business Communications Table of Contents 8x8 Virtual Office Telephony Interface for Salesforce.... 3
More informationInsight Student for Chromebooks - Auto Configuration
1 s - Auto Configuration Technical Paper Last modified: June 2015 Web: www.faronics.com Email: sales@faronics.com Phone: 800-943-6422 or 604-637-3333 Fax: 800-943-6488 or 604-637-8188 Hours: Monday to
More informationStudent QUICK START GUIDE. System Requirements. Browser Settings. Configure the following settings in your Web browser:
Student QUICK START GUIDE System Requirements SAGrader is tested and supported for the following Web browsers: Browser Settings Configure the following settings in your Web browser: Firefox latest update
More informationJTouch Mobile Extension for Joomla! User Guide
JTouch Mobile Extension for Joomla! User Guide A Mobilization Plugin & Touch Friendly Template for Joomla! 2.5 Author: Huy Nguyen Co- Author: John Nguyen ABSTRACT The JTouch Mobile extension was developed
More informationHow To Install the Virtual Learning App
Table of Contents Installation Instructions... 2 MAC: Using Firefox... 2 MAC: Using Chrome... 6 Disabling PepperFlash... 9 MAC: Using Safari Unsafe Mode We Can t Control So Use Firefox or Chrome... 11
More informationMyReports Recommended Browser Settings MYR-200a
MyReports Recommended Browser Settings MYR-200a Note: If you have installed an additional Tool Bar on your browser, such as Yahoo Tool Bar or Google Tool Bar, be sure that it is also configured to allow
More informationSite Maintenance. Table of Contents
Site Maintenance Table of Contents Adobe Contribute How to Install... 1 Publisher and Editor Roles... 1 Editing a Page in Contribute... 2 Designing a Page... 4 Publishing a Draft... 7 Common Problems...
More informationContents Using Jive Anywhere... ... 3
Using Jive Anywhere TOC 2 Contents Using Jive Anywhere... 3 Jive Anywhere System Requirements...3 Installing Jive Anywhere in Your Browser...3 Configuring Jive Anywhere... 4 Who's Talking About This Web
More informationGoogle Trusted Stores Setup in Magento
Google Trusted Stores Setup in Magento Google Trusted Stores is a free badging program that can improve your conversion rate and average order size by reassuring potential customers you offer a great shopping
More informationNew Online Banking Guide for FIRST time Login
New Online Banking Guide for FIRST time Login Step 1: Login Enter your existing Online Banking User ID and Password. Click Log-In. Step 2: Accepting terms and Conditions to Proceed Click on See the terms
More informationRev. 1.0.6. www.telinta.com
Rev. 1.0.6 Copyright Notice Copyright 2008-2013 Telinta Inc. No part of this document may be reproduced or transmitted in any form or by any means, electronic or mechanical, for any purpose, without the
More informationQualtrics Survey Tool
Qualtrics Survey Tool This page left blank intentionally. Table of Contents Overview... 5 Uses for Qualtrics Surveys:... 5 Accessing Qualtrics... 5 My Surveys Tab... 5 Survey Controls... 5 Creating New
More informationMediaMind Pushdown Banner Creation Using the Workshop
MediaMind Pushdown Banner Creation Using the Workshop Step 1 Open up the MediaMind Workshop (if you don t have this installed, you can download the files here.) This must be installed when creating ads
More informationMAGENTO THEME SHOE STORE
MAGENTO THEME SHOE STORE Developer: BSEtec Email: support@bsetec.com Website: www.bsetec.com Facebook Profile: License: GPLv3 or later License URL: http://www.gnu.org/licenses/gpl-3.0-standalone.html 1
More informationHDAccess Administrators User Manual. Help Desk Authority 9.0
HDAccess Administrators User Manual Help Desk Authority 9.0 2011ScriptLogic Corporation ALL RIGHTS RESERVED. ScriptLogic, the ScriptLogic logo and Point,Click,Done! are trademarks and registered trademarks
More informationInstructions for Configuring Your Browser Settings and Online Security FAQ s. ios8 Settings for iphone and ipad app
Instructions for Configuring Your Browser Settings and Online Security FAQ s ios8 Settings for iphone and ipad app General Settings The following browser settings and plug-ins are required to properly
More informationOBIEE : Browser and Operating System Compatibility. Including Known Issues and Solutions
OBIEE : Browser and Operating System Compatibility Including Known Issues and Solutions Contents PREFACE... 2 SUPPORTED BROWSERS AND OPERATING SYSTEMS... 3 SUMMARY OF KNOWN BROWSER/OS ISSUES:... 4 ISSUE
More informationA set-up guide and general information to help you get the most out of your new theme.
Blox. A set-up guide and general information to help you get the most out of your new theme. This document covers the installation, set up, and use of this theme and provides answers and solutions to common
More informationWebSphere Business Monitor V7.0 Script adapter lab
Copyright IBM Corporation 2010 All rights reserved IBM WEBSPHERE BUSINESS MONITOR 7.0 LAB EXERCISE WebSphere Business Monitor V7.0 Script adapter lab What this exercise is about... 1 Changes from the previous
More informationWeb24 Supported Software
Web24 Supported Software Browser & OS Requirements Connectivity, hardware and browser support are critical to providing the best user experience within Web24. We work hard to make sure that Web24 renders
More informationGetting Started with MozyPro Online Backup Online Software from Time Warner Cable Business Class
Getting Started with MozyPro Online Backup Online Software from Time Warner Cable Business Class A Guide for Users MozyPro is an online backup service with an easy to use interface so you can start backing
More information3dCart Shopping Cart Software V3.X Affiliate Program Guide
INTRODUCTION 2 SETUP THE AFFILIATE MENU LINK 2 UPLOAD BANNERS 4 ENABLE THE AFFILIATE PROGRAM 6 REGISTRATION PROCESS 7 APPROVE AFFILIATES 11 MANAGE ORDERS 12 MANAGE COMMISSION PAYOUTS 13 END YOU VE REACHED
More informationAcrobat X Pro Accessible Forms and Interactive Documents
Contents 2 PDF Form Fields 2 Acrobat Form Wizard 5 Enter Forms Editing Mode Directly 5 Create Form Fields Manually 6 Forms Editing Mode 8 Form Field Properties 11 Editing or Modifying an Existing Form
More informationPanelView Plus. Technology in the Spotlight
Technology in the Spotlight PanelView Plus Reporting from PanelView Plus XLReporter generates Excel based reports from the log files created by Rockwell Automation PanelView Plus terminals using DataStore
More informationMahara: MyPortfolio. Create content Build pages Share. A user guide for beginners. What is Mahara?
Mahara: MyPortfolio A user guide for beginners What is Mahara? MyPortfolio is a web application that allows users to build a personal electronic portfolio. It can be used to create and store online content
More informationI. Supported Browsers. II. Internet Browser Settings
NC E-Procurement works best in specific Internet browsing applications supported by the Ariba Buyer software. As well, there are certain browser settings that must be enabled in order for all pieces of
More informationCTERA Agent for Mac OS-X
User Guide CTERA Agent for Mac OS-X September 2013 Version 4.0 Copyright 2009-2013 CTERA Networks Ltd. All rights reserved. No part of this document may be reproduced in any form or by any means without
More informationTechnical Support Set-up Procedure
Technical Support Set-up Procedure How to Setup the Amazon S3 Application on the DSN-320 Amazon S3 (Simple Storage Service) is an online storage web service offered by AWS (Amazon Web Services), and it
More informationInvoice Quotation and Purchase Orders Maker
Invoice Quotation and Purchase Orders Maker Professional Edition Version 2.0.0.0 Help File By: Khaled Aljundi Software developer 1 P a g e Table of Contents 1.0 License Agreement... 3 2.0 About This Software...
More informationBarTender Web Print Server
The World's Leading Software for Label, Barcode, RFID & Card Printing White Paper BarTender Web Print Server Web-based Software for Printing Barcodes, Labels, ID Cards and more. Contents Introduction to
More informationIAS Web Development using Dreamweaver CS4
IAS Web Development using Dreamweaver CS4 Information Technology Group Institute for Advanced Study Einstein Drive Princeton, NJ 08540 609 734 8044 * helpdesk@ias.edu Information Technology Group [2] Institute
More informationv7.1 SP2 What s New Guide
v7.1 SP2 What s New Guide Copyright 2012 Sage Technologies Limited, publisher of this work. All rights reserved. No part of this documentation may be copied, photocopied, reproduced, translated, microfilmed,
More informationDigital Advertising setup guide
Digital Advertising setup guide Questions? Contact your Ad Operations Campaign Manager, or email campaignmanagers@globe.com 2015.07.04 TABLE OF CONTENTS 1 - the basics Display Requirements Overview...3
More informationOnline Advertising Specifications
Online Advertising Specifications Website Banner Ads pg. 2-3 Here you will discover the different banner ads that are available through ArtsAndCraftsHomes.com. There will be visual examples along with
More informationModerator Guide. o m N o v i a T e c h n o l o g i e s 8 5 8 8 K a t y F r e e w a y H o u s t o n, T X 7 7 0 2 4 + 1 2 8 1-5 0 0-4 0 6 5
Moderator Guide o m N o v i a T e c h n o l o g i e s 8 5 8 8 K a t y F r e e w a y H o u s t o n, T X 7 7 0 2 4 + 1 2 8 1-5 0 0-4 0 6 5 TABLE OF CONTENTS Room Access -------------------------------------------------------------------------------------------------------------
More informationGetting Started with WPM
NEUSTAR USER GUIDE Getting Started with WPM Neustar Web Performance is the cloud-based platform offering real-time data and analysis, helping to remove user barriers and optimize your site. Contents Getting
More informationGlobal Preview v.6.0 for Microsoft Dynamics CRM On-premise 2013 and 2015
Global Preview v.6.0 for Microsoft Dynamics CRM On-premise 2013 and 2015 User Manual Akvelon, Inc. 2015, All rights reserved. 1 Contents Overview... 3 Licensing... 4 Installation... 5 Upgrading from previous
More informationInstallation Guide. (You can get these files from http://www.clariostechnology.com/intelligentreports/install)
Clarios Technology Pty. Ltd. Intelligent Reporter Installation Guide Installing Intelligent Reports JIRA plugin The Intelligent Reports plugin for JIRA is available through the Atlassian Marketplace. Follow
More informationBlueball First Class Sandvox Designs v2.0 Works with Sandvox 2+ only!
Blueball First Class Sandvox Designs v2.0 Works with Sandvox 2+ only! Overview and Usage Tips For Blueball First Class Sandvox 2 Designs Thank you for purchasing one of our original Sandvox Designs bundle.
More informationExtracting Course Materials from Blackboard (For Instructors)
Extracting Course Materials from Blackboard (For Instructors) Section 1: Begin the archiving process Section 2: Retrieve the course archive Section 3: Preparing to access the archive file Section 4: Accessing
More informationAltima Lookbook Free Extension v. 0.1.0
Altima Interactive 2012 Altima Interactive www.altima.net.au Altima Lookbook Free Extension v. 0.1.0 Compatibility: Community Edition: 1.4.x.x, 1.5.x.x, 1.6.x.x Enterprise Edition: 1.9 and later Installation
More informationONE POS User Manual. A brief hand guide for ONE ERP POS SYSTEM MYIT SOLUTION. Latest update on: 03/09/12
ONE POS User Manual A brief hand guide for ONE ERP POS SYSTEM MYIT SOLUTION Latest update on: 03/09/12 TABLE OF CONTENTS CHAPTER 1 - SETTINGS Database Setup... 3 Printer Configuration... 5 Cash Drawer
More informationStrikeRisk v6.0 IEC/EN 62305-2 Risk Management Software Getting Started
StrikeRisk v6.0 IEC/EN 62305-2 Risk Management Software Getting Started Contents StrikeRisk v6.0 Introduction 1/1 1 Installing StrikeRisk System requirements Installing StrikeRisk Installation troubleshooting
More informationCreative Cloud for Web Design
Creative Cloud for Web Design Level: Duration: Time: Cost: Fast Track - Introduction 5 Days 9:30 AM - 4:30 PM 997 Overview Like the Dreamweaver Jumpstart course, the Creative Suite for Web Design course
More informationBusiness Objects InfoView Quick-start Guide
Business Objects InfoView Quick-start Guide Last Modified: 10/28/2015 The latest PDF version of this document can be found at: http://www.calpolycorporation.com/docs/finance/boeinfoviewquickstart.pdf What
More informationFor General Advertising Information, call 612-673-4000 TABLE OF CONTENTS
digital ad specifications TABLE OF CONTENTS General Requirements... 2 Standard Display Sizes... 2 Unique Ad Formats...3-5 Billboard... 3 Interstitial... 3 Expanding Medium Rectangle... 3 Expanding Leaderboard...
More informationGenerating an Apple Enterprise MDM Certificate
Good Mobile Control Server Generating an Apple Enterprise MDM Certificate Updated 09/30/11 Overview... 1 Generating Your Apple Certificate Using a Mac... 1 Generating Your Apple Certificate Using Windows...
More informationDocuSign Signing Resource File Information
DocuSign Information Guide DocuSign Signing Resource File Information Overview This guide provides information about the settings, text of messages, dialog boxes and error messages contained in the Account
More informationCreating Web Pages with Microsoft FrontPage
Creating Web Pages with Microsoft FrontPage 1. Page Properties 1.1 Basic page information Choose File Properties. Type the name of the Title of the page, for example Template. And then click OK. Short
More informationUsing Adobe Dreamweaver CS4 (10.0)
Getting Started Before you begin create a folder on your desktop called DreamweaverTraining This is where you will save your pages. Inside of the DreamweaverTraining folder, create another folder called
More informationWelcome to Corel VideoStudio Pro X5
Contents Welcome to Corel VideoStudio Pro X5............................ 2 New Features and Enhancements................................ 4 Getting to Know the Workspace.................................
More information