Moving WebSphere Portal Themes into Watson Content Hub. WebSphere Portal Lab Services (SEAL) Team IBM
|
|
- Milton Lane
- 5 years ago
- Views:
Transcription
1 Moving WebSphere Portal Themes into Watson Content Hub Sarah Hall WebSphere Portal Lab Services (SEAL) Team IBM 01/08/2018
2 Contents Contents... 1 Purpose... 2 Creating a Simple Theme in WebSphere Portal... 3 Creating a Simple Theme... 3 Accessing Theme Resources... 5 Modifying the WCH Oslo Template... 7 Downloading and installing the Oslo Template... 7 Start and Run the Oslo Template... 8 Modifying the Template The ASimpleTheme in WebSphere Portal The Oslo Template Structure Header Footer Javascript New Site Pushing the new site to WCH Summary
3 Purpose Companies using Digital Experience (WebSphere Portal) may also want to use, or move to, Watson Content Hub (WCH) and use the new site functionality now existing in the product. In order to make this conversion, they need to understand how to move their existing Portal themes to WCH. In late 2017 WCH delivered function that allows users to create web sites. A sample Oslo site is automatically deployed to WCH Standard Edition tenants. This article details how to change the sample Oslo site to look like the Portal V8.5/9 out-of-the-box simple theme. This article was created in December of It will be updated as updates to Web Content Management and Watson Content Hub are changed. 2
4 Creating a Simple Theme in WebSphere Portal Creating a simple theme is easy in WebSphere Portal V8.5/9. The following sections show how to create a simple theme and detail where the relevant resources are stored. Once the theme is created, the subsequent sections will show how to move these resources to WCH. Creating a Simple Theme For Administration users, the pulldown menu in the toolbar allows users to access the Theme Development tools. Once Theme Development is selected, the user will see the Theme Manager and the Create Theme button on the right can be selected to create a new theme based on the Portal 8.5 OOB theme. 3
5 The Create Theme dialog allows users to name the theme. In this case, the theme is named ASimpleTheme. The template selected in this case is Simple, but it could be Portal 8.5. The simple theme is a skinnier theme that does not contain all of the resources that the Portal 8.5 theme includes. Customers building minimal themes would want to select Simple since it will download less resources. Once the Create button is selected, the new theme will appear in the list of themes. 4
6 Accessing Theme Resources Creation of the simple theme adds a directory in WebDAV for the theme static resources (CSS, HTML and Javascript). This directory can be accessed using a WebDAV client or with the new DXDashboard (a.k.a the New Web Developer Toolkit for IBM Digital Experience). This tool has a GUI interface and can be used to extract the theme static resources to your local server. The DXDashboard tool is available at this link: Below AnyClient (a downloadable WebDAV client) shows how the theme resources can be accessed at: /fs-type1/themes/ 5
7 The Manage Pages portlet in the WebSphere Portal administration can be used to create a new page based on the new theme. When the new page is rendered in WebSphere portal, it looks like this: 6
8 Modifying the WCH Oslo Template The following sections detail how to move the static resources in the ASimpleTheme theme from WebSphere Portal to WCH to make the WCH site banner, navigation and footer look like the simple theme. For complete instructions for the application and the tools, see the documentation provided on GitHub. However, this article will give an overview of the basics for starting and running the application in a browser so that the site can be previewed during development of the theme. Downloading and installing the Oslo Template The Oslo template can be obtained from GitHub at this link: 7
9 Download and unzip the the wch-site-application-master.zip file or clone the repository. Run npm install from a command shell to install the application. Start and Run the Oslo Template Download and unzip the wchtools-cli-master.zip or clone the repository of the latest IBM Watson Content Hub Developer Tools. These tools provide a command line interface (CLI) that can be used to access WCH. The latest developer tools can be obtained from GitHub at this link: Follow the install directions on GitHub to install or update the tools. 8
10 The Oslo template depends on content stored in WCH to render the site so the tenant information must be made known to the application. The tenant information can be obtained in WCH by selecting Hub information from the dropdown under the user name. 9
11 Edit the src/app/constants.ts file in the application to add the WCH tenant information. Run npm start from a command shell to start the application. After the application starts the site can be accessed from a browser at: 10
12 The Oslo template will look like this before any changes are made: Header Footer 11
13 Modifying the Template The ASimpleTheme Structure in WebSphere Portal In order to modify the Oslo template it is necessary to understand the structure of the WebSphere Portal ASimpleTheme. For more in depth knowledge on WebSphere Portal themes, see this link: 10.lotus.com/ldd/portalwiki.nsf/xpViewCategories.xsp?lookupName=Developing%20Themes% 20for%20WebSphere%20Portal%208.5 This article will attempt to give a high level description of where the important theme resources are located. Some or all of the theme resources may be needed when a theme is recreated using the Oslo template. The simple theme static resources file structure looks like this: 12
14 Theme.html The theme.html file contains all of the markup for the page including the <!DOCTYPE html> element and the header, content and footer. A sample of the ASimpleTheme theme.html file looks like: The important point to note is that the markup for the entire page is defined by the theme.html file. The theme.html file contains dynamic content spots that cause JSPs to be run on the server to generate markup that is injected into the page, but all of the markup for the page is referenced from this file. Some or all of this markup may be needed in the Oslo template. 13
15 CSS and Javascript The CSS and Javascript for the theme are included in the theme either directly via a <link> or <script> element included in the theme.html file or by including a module in the theme profile. The theme profile includes modules which may identify CSS or Javascript files that need to be included in the Oslo template. The diagram below details how the theme profile works with the theme modules. For more information on WebSphere Portal themes and modularization, see this link: 10.lotus.com/ldd/portalwiki.nsf/xpViewCategories.xsp?lookupName=Developing%20Themes% 20for%20WebSphere%20Portal%
16 Determining what the theme modules reference is easy using the WebSphere Portal Theme Analyzer in the WebSphere Portal Administration console. Below is an example of one of the modules in the simple theme. In the example below the st_compressed_navbar module points to a CSS and a Javascript file which will be loaded when the simple theme is rendered. 15
17 Theme CSS and Javascript resources which are not modularized can also be located in the static theme directories. In this example, the banner.css.uncompressed.css file will be moved to WCH. This file is located in the ASimpleTheme->css->default directory. 16
18 The Oslo Template Structure in WCH The Oslo template is an Angular 4 application. The start of the markup (i.e. the <!doctype html> element) for the site is located in the wch-site-application-master/src/index.html file. When the application is generated, the wch-site-application-master/src/app/app.component.html file pulls in the Oslo template header and footer which are divided into Angular components. 17
19 Here is the file structure in the Oslo template application for the header and footer components: 18
20 Header The wchheader component has three key files: wch-header.html wch-header.scss wchheader.component.ts HTML5 markup for the header CSS for the header Typescript file that defines how and what files will be loaded to support the component and includes Javascript. The wch-header.html file loads the logo and the navigation for the header. It is synonymous to the <header> element part of the theme.html file. The wch-header.html file has to be changed to include markup from the theme.html file. Since the navigation part of the markup is unique to WCH, that part of the markup remains the same. 19
21 The wchheader.html file looks like this after the markup from the theme.html file is moved to this file. The markup refers to CSS classes ( stbanner, for example) that are included in the banner.css.uncompressed.css file in the simple theme. For that reason, this file will need to be included in the wchheader component. The details on how to include the banner.css.uncompressed.css file in the component will be covered after the other CSS changes are explained. 20
22 Angular 4 includes a responsive front-end framework called Foundation 6. This framework provides overall styling and Javascript for the site. For this example, some of the foundation CSS had to be overwritten. These overrides were included in a new file called wps-header.scss. 21
23 CSS already included in the wch-header.scss file needs to be changed for colors, etc. in the header. In order to include the new files, section of the wchheader.components.ts file needs to be changed to include the new files along with the wch-header.scss file. 22
24 Footer The wchfooter component also has three key files: wch-footer.html wch-footer.scss wchfooter.component.ts HTML5 markup for the footer CSS for the footer Typescript file that defines how and what files will be loaded to support the component and includes Javascript. The wch-footer.html file contains markup synonymous to the <footer> element part of the theme.html file. The wch-footer.html file has to be changed to include markup from the theme.html file. 23
25 The wchfooter.html file in this example looks like this and reflects links related to WebSphere Portal that are included in the simple theme: The markup refers to CSS directives ( stfooter, for example) that is included in the footer.css.uncompressed.css file in the simple theme. For that reason, this file will need to be included in the wchfooter component. 24
26 In order to include the new file, section of the wchfooter.components.ts file needs to be changed to include the new files. 25
27 Javascript All custom themes include Javascript. Because the Oslo template is an Angular 4 application, only Typescript files are supported (files with a filetype of.ts). Any files moved from the WebSphere Portal theme to WCH must be converted to Typescript. However, the same function may be implemented differently in the Angular application. The inclusion of the Bee image in the theme banner is an example of how both products accomplish the same thing in a slightly different way. Bee Example WebSphere Portal The ASimpleTheme contains a bee icon in the banner. 26
28 In the WebSphere Portal theme, the bee icon is obtained by running Javascript (see below) that loads an SVG file stored in the ASimpleTheme directories. The SVG sprite contains the bee image along with several other images. Typescript files must be updated in WCH to include the image in the Angular application, but the Javascript implementing the XMLHttpRequest does not have to run. After the Javascript runs in WebSphere Portal, the DOM update looks like this: 27
29 Once the DOM is updated, the image can be referenced using this markup in the theme.html file. 28
30 Bee Example WCH Getting the image to display in the WCH template is accomplished in a slightly different way. The first step is to put the SVG file in the appropriate directory in the application. 29
31 The wchheader.component.ts file is updated to require the SVG file. An icon object is also created that references the bee image in the sprite.svg. 30
32 When the require runs, the DOM is updated to include the SVG. The wch-header.html file is then updated with the following markup that includes the image. 31
33 New Site When all of the changes described above are included in the Oslo template, the new site looks like this: Header Footer 32
34 Pushing the new site to WCH Run npm run build-deploy from a command shell to push the application to the WCH tenant. Look for the password prompt during the deploy. Once the npm command runs, WCH will look like this: 33
35 Summary The steps presented in this document demonstrate that any custom theme can be moved from WebSphere Portal to WCH. The degree of difficulty depends on the complexity of the theme. However, WCH and the Oslo template provide a lot of flexibility in how the theme components and their underlying functions can be surfaced in the new site. 34
Customizing Quickr Places
Customizing Quickr Places Prepared by Bryan Daniel (bryand@us.ibm.com) April 21, 2009 Copyright IBM Corporation 2009. All Rights Reserved. Contents OVERVIEW A...3 INTRODUCTION...3 REQUIREMENTS...3 PART
More information<Insert Picture Here> WebCenter Interaction Essentials: Advanced Multi-Channel UI Customizations with Adaptive Layouts Session #904
WebCenter Interaction Essentials: Advanced Multi-Channel UI Customizations with Adaptive Layouts Session #904 Brian C Harrison Principal Product Manager Program Agenda Understanding
More informationContents. BEA WebLogic Mobility Server Mobilize Your Portal Guide
Contents BEA WebLogic Mobility Server Mobilize Your Portal Guide Version 3.3 December 2005 Copyright Copyright 1995-2005 BEA Systems, Inc. All Rights Reserved. Restricted Rights Legend This software is
More information"Charting the Course... WebSphere Portal 8 Development using Rational Application Developer 8.5. Course Summary
Course Summary Description This course will introduce attendees to Portlet development using Rational Application Developer 8.5 as their development platform. It will cover JSR 286 development, iwidget
More informationIBM Watson Content Hub. Architecture Overview
IBM Watson Content Hub Architecture Overview Watson Content Hub supports a new omni-channel approach with a headless CMS Treat content as a system of record Separated content & presentation Access content
More informationWhat's New in IBM WebSphere Portal Version 8? Open Mic November 6, 2012
What's New in IBM WebSphere Portal Version 8? Open Mic November 6, 2012 Stefan Liesche Web Experience Solution and Platform Chief Architect, STSM Stefan Koch Chief Programmer - WebSphere Portal IBM Collaboration
More informationIBM C IBM WebSphere Portal 8.0 Solution Development. Download Full version :
IBM C9520-911 IBM WebSphere Portal 8.0 Solution Development Download Full version : http://killexams.com/pass4sure/exam-detail/c9520-911 QUESTION: 59 Bill is developing a mail portlet. One of the requirements
More informationProsphero Intranet Sample Websphere Portal / Lotus Web Content Management 6.1.5
www.ibm.com.au Prosphero Intranet Sample Websphere Portal / Lotus Web Content Management 6.1.5 User Guide 7th October 2010 Authors: Mark Hampton & Melissa Howarth Introduction This document is a user guide
More informationIBM Realtests LOT-911 Exam Questions & Answers
IBM Realtests LOT-911 Exam Questions & Answers Number: LOT-911 Passing Score: 800 Time Limit: 120 min File Version: 35.4 http://www.gratisexam.com/ IBM LOT-911 Exam Questions & Answers Exam Name: IBM WebSphere
More informationIBM Mobile Portal Accelerator Enablement
IBM Mobile Portal Accelerator Enablement Hands-on Lab Exercise on XDIME Portlet Development Prepared by Kiran J Rao IBM MPA Development kiran.rao@in.ibm.com Jaye Fitzgerald IBM MPA Development jaye@us.ibm.com
More informationIBM LOT-920. IBM WebSphere Portal 7.0 Development And Administration. Download Full Version :
IBM LOT-920 IBM WebSphere Portal 7.0 Development And Administration Download Full Version : https://killexams.com/pass4sure/exam-detail/lot-920 A. From the Manage Pages portlet, locate the composite application
More informationUpgrading to IBM WebSphere Portal & Web Content Manager Versions 8.5 and 9
Upgrading to IBM WebSphere Portal & Web Content Manager Versions 8.5 and 9 20. 21. Juni 2017 IBM Labor Böblingen 1 WebSphere Portal Migration Portal services offerings Content update Agenda Portal 8/WAS855
More informationEnable jquery Mobile on WebSphere Portal
Enable jquery Mobile on WebSphere Portal Introduction jquery is a cross-browser JavaScript library that facilitates Data Object Model (DOM) traversal, event handling, animation, and Ajax interactions.
More informationIBM. BPM Blueprint; IBM WebSphere Lombardi Edition V7.1, Application Development
IBM 000-173 BPM Blueprint; IBM WebSphere Lombardi Edition V7.1, Application Development Download Full Version : http://killexams.com/pass4sure/exam-detail/000-173 QUESTION : 61 What is the purpose of the
More informationScript Portlet Installation and Configuration with Websphere Portal v8.5. Adinarayana H
Script Portlet Installation and Configuration with Websphere Portal v8.5 Adinarayana H Table Of Contents 1. Script Portlet Overview 2. Script Portlet Download Process 3. Script Portlet Installation with
More informationJBoss Portal Quickstart User Guide. Release 2.6.6
JBoss Portal 2.6.6 Quickstart User Guide Release 2.6.6 Table of Contents JBoss Portal - Overview... iii 1. Tutorial Forward...1 2. Installation...2 2.1. Downloading and Installing...2 2.2. Starting JBoss
More informationStarting ParTEST. Select Start, Programs ParTEST ParTEST Enter your User Name and password
Starting ParTEST User Login Select Start, Programs ParTEST ParTEST Enter your User Name and password If you still logged into ParTEST as the Administrator Select File, Logout. Enter your User name and
More informationCreating a HATS v7.1 Portlet Using Web Express Logon (WEL) and Portal Credential Vault
Creating a HATS v7.1 Portlet Using Web Express Logon (WEL) and Portal Credential Vault Lab instructions The objective of this exercise is to illustrate how to create a HATS portlet that uses Web Express
More informationBlackBerry Integration With IBM WebSphere Everyplace Access 4.3
BlackBerry Integration With IBM WebSphere Everyplace Access 4.3 Integration Note Research In Motion 2003 Research In Motion Limited. All Rights Reserved. Contents Integration overview... 3 Related resources...
More informationBEAWebLogic. Portal. Tutorials Getting Started with WebLogic Portal
BEAWebLogic Portal Tutorials Getting Started with WebLogic Portal Version 10.2 February 2008 Contents 1. Introduction Introduction............................................................ 1-1 2. Setting
More informationThe course also includes an overview of some of the most popular frameworks that you will most likely encounter in your real work environments.
Web Development WEB101: Web Development Fundamentals using HTML, CSS and JavaScript $2,495.00 5 Days Replay Class Recordings included with this course Upcoming Dates Course Description This 5-day instructor-led
More informationDeveloping portlets for the IBM WebSphere Portal Server with IBM Rational Rapid Developer
Copyright Rational Software 2003 http://www.therationaledge.com/content/nov_03/f_rrd_websphere_jn.jsp Developing portlets for the IBM WebSphere Portal Server with IBM Rational Rapid Developer by Joseph
More informationIntelligence on Demand. Elixir Report Migration Guide
Intelligence on Demand Elixir Report Migration Guide Elixir Report Migration Guide Migration Guide This document describes how to migrate from Elixir Report version 4 to Elixir Report version 5 or later.
More informationC exam IBM C IBM Digital Experience 8.5 Fundamentals
C9520-427.exam Number: C9520-427 Passing Score: 800 Time Limit: 120 min IBM C9520-427 IBM Digital Experience 8.5 Fundamentals Exam A QUESTION 1 Roberto, a portal administrator, wants to define the number
More informationBuilding Rich, OmniChannel Digital Experiences for Enterprise, Social and Storefront Commerce Data with Digital Data Connector
Session ID: Session Title: DDX-15 Building Rich, OmniChannel Digital Experiences for Enterprise, Social and Storefront Commerce Data with Digital Data Connector Part 3: Exploring Commerce DDC Components
More informationAs part of our commitment to continuously updating and enhancing our fundraising system, we are thrilled to announce our latest enhancements.
As part of our commitment to continuously updating and enhancing our fundraising system, we are thrilled to announce our latest enhancements. Purchase Items during Registration Administrators can now enable
More informationPOWER BI BOOTCAMP. COURSE INCLUDES: 4-days of instructor led discussion, Hands-on Office labs and ebook.
Course Code : AUDIENCE : FORMAT: LENGTH: POWER BI BOOTCAMP O365-412-PBID (CP PBD365) Professional Developers Instructor-led training with hands-on labs 4 Days COURSE INCLUDES: 4-days of instructor led
More informationIBM Exam C IBM WebSphere Portal 8.5 Solution Development Version: 6.1 [ Total Questions: 59 ]
s@lm@n IBM Exam C2040-423 IBM WebSphere Portal 8.5 Solution Development Version: 6.1 [ Total Questions: 59 ] IBM C2040-423 : Practice Test Question No : 1 Sally developed a custom theme module that requires
More informationPower BI Developer Bootcamp
Power BI Developer Bootcamp Mastering the Power BI Development Platform Course Code Audience Format Length Course Description Student Prerequisites PBD365 Professional Developers In-person and Remote 4
More informationDeveloping Web Applications for Smartphones with IBM WebSphere Portlet Factory 7.0
Developing Web Applications for Smartphones with IBM WebSphere Portlet Factory 7.0 WebSphere Portlet Factory Development Team 6 September 2010 Copyright International Business Machines Corporation 2010.
More informationCUSTOMER PORTAL. Custom HTML splashpage Guide
CUSTOMER PORTAL Custom HTML splashpage Guide 1 CUSTOM HTML Custom HTML splash page templates are intended for users who have a good knowledge of HTML, CSS and JavaScript and want to create a splash page
More informationCollection Information Menu. Navigation, pages, and related-links quickstart guide
Collection Information Menu Navigation, pages, and related-links quickstart guide FL-Islandora users can now extend the Collection theming functionality provided by the BANNER and DESC-TEXT datastreams
More informationDIVI PERSON MODULE TEMPLATE 15
DIVI PERSON MODULE TEMPLATE 15 TESTED IN WORDPRESS 4.9.8 DIVI 3.10.+ REQUIREMENTS DIVI Library Is A Powerful Tool For Web Designers, As It Allows You To Build And Categorize Custom Designs That You Can
More informationSiteforce Pilot: Best Practices
Siteforce Pilot: Best Practices Getting Started with Siteforce Setup your users as Publishers and Contributors. Siteforce has two distinct types of users First, is your Web Publishers. These are the front
More informationAIM. 10 September
AIM These two courses are aimed at introducing you to the World of Web Programming. These courses does NOT make you Master all the skills of a Web Programmer. You must learn and work MORE in this area
More informationPrint Station. Point-and-Click Printing WHITE PAPER
Print Station Point-and-Click Printing WHITE PAPER Contents Overview 3 Printing with Print Station 4 Easy-to-use Browser Interface 4 Familiar Folder Navigation 5 Search Functionality 6 Informative Display
More informationTechnical Deep Dive. IBM Watson Content Hub UI & APIs
Technical Deep Dive IBM Watson Content Hub UI & APIs WCH Terms A glimpse at the UI... Search Content Types Image Profiles Content Items Taxonomies Assets 4 Important terms to know Content Model Content
More informationSAS Web Infrastructure Kit 1.0. Overview, Second Edition
SAS Web Infrastructure Kit 1.0 Overview, Second Edition The correct bibliographic citation for this manual is as follows: SAS Institute Inc. 2006. SAS Web Infrastructure Kit 1.0: Overview, Second Edition.
More informationAltium Designer Home Page. Contents
Altium Designer Home Page Contents Page Banner Live Web View (Requires Sign-In) My Account Pane Software Updates Pane (Requires Sign-In) Tasks Pane Recent Items Pane Users Pane (Requires Sign-In) Altium
More informationAltium Designer Home Page
Altium Designer Home Page Old Content - visit altium.com/documentation Modified by on 6-Nov-2013 The Home page within Altium Designer provides a 'central hub' from which to access many common tasks and
More informationVisualforce & Lightning Experience
Visualforce & Lightning Experience Learn how to use Visualforce to customize your Lightning Experience. UNIT I Using Visualforce in Lightning Experience Using Visualforce in Lightning Experience. Lightning
More informationExercise 1. Bluemix and the Cloud Foundry command-line interface (CLI)
V10.1 Student Exercises EXempty Exercise 1. Bluemix and the Cloud Foundry command-line interface (CLI) What this exercise is about In this exercise, you sign on to Bluemix and create an application. You
More informationBEAWebLogic. Portal. Overview
BEAWebLogic Portal Overview Version 10.2 Revised: February 2008 Contents About the BEA WebLogic Portal Documentation Introduction to WebLogic Portal Portal Concepts.........................................................2-2
More informationUI Course HTML: (Html, CSS, JavaScript, JQuery, Bootstrap, AngularJS) Introduction. The World Wide Web (WWW) and history of HTML
UI Course (Html, CSS, JavaScript, JQuery, Bootstrap, AngularJS) HTML: Introduction The World Wide Web (WWW) and history of HTML Hypertext and Hypertext Markup Language Why HTML Prerequisites Objective
More informationXPages development practices: developing a common Tree View Cust...
1 of 11 2009-12-11 08:06 XPages development practices: developing a common Tree View Custom Controls Use XPages develop a common style of user control Dojo Level: Intermediate Zhan Yonghua, Software Engineer,
More informationExperience SAP HANA Cloud Portal. Use SAP HANA Cloud Portal to Create Engaging Websites in 5 Simple Steps
Experience SAP HANA Cloud Portal Use SAP HANA Cloud Portal to Create Engaging Websites in 5 Simple Steps TABLE OF CONTENTS TUTORIAL AGENDA... 3 PREREQUISITES... 3 EXERCISE 1: CREATE AND CONFIGURE A NEW
More informationGetting started with IBM Connections Engagement Center
Getting started with IBM Connections Engagement Center An introduction for developers Christian Holsing December 14, 2017 IBM Connections Engagement Center (ICEC) provides an easy way to build a social
More informationSAS Web Infrastructure Kit 1.0. Overview
SAS Web Infrastructure Kit 1.0 Overview The correct bibliographic citation for this manual is as follows: SAS Institute Inc. 2004. SAS Web Infrastructure Kit 1.0: Overview. Cary, NC: SAS Institute Inc.
More informationOU Mashup V2. Display Page
OU Mashup V2 OU Mashup v2 is the new iteration of OU Mashup. All instances of OU Mashup implemented in 2018 and onwards are v2. Its main advantages include: The ability to add multiple accounts per social
More informationUser Interface Adaptations: Indispensable for Single Authoring. Srinivas Mandyam Fast. Forward. Wireless.
User Interface Adaptations: Indispensable for Single Authoring Srinivas Mandyam smandyam@covigo.com Overview 1. Introduction 2. Single Authoring with UI Adaptations 3. Examples 4. Summary Introduction
More informationBuilding Web Applications
Building Web Applications Mendel Rosenblum CS142 Lecture Notes - Building Web Applications Good web applications: Design + Implementation Some Design Goals: Intuitive to use Don't need to take a course
More informationUnderstanding this structure is pretty straightforward, but nonetheless crucial to working with HTML, CSS, and JavaScript.
Extra notes - Markup Languages Dr Nick Hayward HTML - DOM Intro A brief introduction to HTML's document object model, or DOM. Contents Intro What is DOM? Some useful elements DOM basics - an example References
More informationIntroduction to IBM Rational HATS For IBM System i (5250)
Introduction to IBM Rational HATS For IBM System i (5250) Introduction to IBM Rational HATS 1 Lab instructions This lab teaches you how to use IBM Rational HATS to create a Web application capable of transforming
More informationAdvanced Training Manual: Surveys Last Updated: October 2013
Advanced Training Manual: Surveys Last Updated: October 2013 Advanced Training Manual: Surveys Page 1 of 28 Table of Contents Introduction Training Objective Surveys Overview Survey Table Survey Options
More informationHTML5 & CSS 8 th Edition. Chapter 2 Building a Webpage Template with HTML5
HTML5 & CSS 8 th Edition Chapter 2 Building a Webpage Template with HTML5 Objectives 1. Explain how to manage website files 2. Describe and use HTML5 semantic elements 3. Determine the elements to use
More informationXerte. Guide to making responsive webpages with Bootstrap
Xerte Guide to making responsive webpages with Bootstrap Introduction The Xerte Bootstrap Template provides a quick way to create dynamic, responsive webpages that will work well on any device. Tip: Webpages
More informationUser Guide Version 4.3
User Guide Version 4.3 Page 2 of 11 Photo Album 4.3 Summary Contents 1 INTRODUCTION... 3 1.1 NAVIGATION... 3 2 PHOTO ALBUM... 4 2.1 CREATE NEW ALBUM... 4 2.1.1 Album Summary... 6 2.1.2 Upload Photos...
More informationContents. Common Site Operations. Home actions. Using SharePoint
This is a companion document to About Share-Point. That document describes the features of a SharePoint website in as much detail as possible with an emphasis on the relationships between features. This
More informationEditing your SiteAssist Professional Template
Editing your SiteAssist Professional Template This Solution Recipe shows you how you can edit your SiteAssist Professional created templates to suit your needs. SiteAssist Professional creates your entire
More informationVirto SharePoint Forms Designer for Office 365. Installation and User Guide
Virto SharePoint Forms Designer for Office 365 Installation and User Guide 2 Table of Contents KEY FEATURES... 3 SYSTEM REQUIREMENTS... 3 INSTALLING VIRTO SHAREPOINT FORMS FOR OFFICE 365...3 LICENSE ACTIVATION...4
More informationAltium Designer Viewer - Home Page
Altium Designer Viewer - Home Page Old Content - visit altium.com/documentation Modified by on 6-Nov-2013 The Home page within Altium Designer Viewer provides a 'central hub' from which to access many
More informationReview of HTML. Chapter Pearson. Fundamentals of Web Development. Randy Connolly and Ricardo Hoar
Review of HTML Chapter 3 Fundamentals of Web Development 2017 Pearson Fundamentals of Web Development http://www.funwebdev.com - 2 nd Ed. What Is HTML and Where Did It Come from? HTML HTML is defined as
More informationKendo UI. Builder by Progress : Using Kendo UI Designer
Kendo UI Builder by Progress : Using Kendo UI Designer Copyright 2017 Telerik AD. All rights reserved. December 2017 Last updated with new content: Version 2.1 Updated: 2017/12/22 3 Copyright 4 Contents
More informationIBM Workplace Web Content Management and Why Every Company Needs It. Sunny Wan Technical Sales Specialist
IBM Workplace Web Content Management and Why Every Company Needs It Sunny Wan Technical Sales Specialist sunnywan@au1.ibm.com Agenda What s Web Content Management? Benefits Demo Roadmap What s New in Web
More informationBEAWebLogic. Portal. Tutorials Getting Started with WebLogic Portal
BEAWebLogic Portal Tutorials Getting Started with WebLogic Portal Version 10.0 March 2007 Copyright Copyright 1995-2007 BEA Systems, Inc. All Rights Reserved. Restricted Rights Legend This software is
More informationSiteAssist Professional Help Documentation. Copyright 2008 WebAssist.com Corporation All rights reserved.
SiteAssist Professional Help Documentation Copyright 2008 WebAssist.com Corporation All rights reserved. User Interface Access WebAssist Category of Insert toolbar SiteAssist Professional Wizard SiteAssist
More informationTivoli Common Reporting V Cognos report in a Tivoli Integrated Portal dashboard
Tivoli Common Reporting V2.1.1 Cognos report in a Tivoli Integrated Portal dashboard Preethi C Mohan IBM India Ltd. India Software Labs, Bangalore +91 80 40255077 preethi.mohan@in.ibm.com Copyright IBM
More informationVirto SharePoint Forms Designer for Office 365. Installation and User Guide
Virto SharePoint Forms Designer for Office 365 Installation and User Guide 2 Table of Contents KEY FEATURES... 3 SYSTEM REQUIREMENTS... 3 INSTALLING VIRTO SHAREPOINT FORMS FOR OFFICE 365... 3 LICENSE ACTIVATION...
More informationWA1937 WebSphere Portal 7.0 Programming. Classroom Setup Guide. Web Age Solutions Inc. Copyright 2012 Web Age Solutions Inc. 1
WA1937 WebSphere Portal 7.0 Programming Classroom Setup Guide Web Age Solutions Inc. Copyright 2012 Web Age Solutions Inc. 1 Table of Contents Part 1 - Minimum Hardware Requirements...3 Part 2 - Minimum
More informationGuides SDL Server Documentation Document current as of 04/06/ :35 PM.
Guides SDL Server Documentation Document current as of 04/06/2018 02:35 PM. Overview This document provides the information for creating and integrating the SmartDeviceLink (SDL) server component with
More informationWP710 Language: English Additional languages: None specified Product: WebSphere Portal Release: 6.0
General information (in English): Code: WP710 Language: English Additional languages: Brand: Lotus Additional brands: None specified Product: WebSphere Portal Release: 6.0 WW region: WorldWide Target audience:
More informationContent Publisher User Guide
Content Publisher User Guide Overview 1 Overview of the Content Management System 1 Table of Contents What's New in the Content Management System? 2 Anatomy of a Portal Page 3 Toggling Edit Controls 5
More informationSETTING UP AND RUNNING A WEB SITE ON YOUR LENOVO STORAGE DEVICE WORKING WITH WEB SERVER TOOLS
White Paper SETTING UP AND RUNNING A WEB SITE ON YOUR LENOVO STORAGE DEVICE WORKING WITH WEB SERVER TOOLS CONTENTS Introduction 1 Audience 1 Terminology 1 Enabling a custom home page 1 Adding webmysqlserver
More informationTen interesting features of Google s Angular Project
Ten interesting features of Google s Angular Project - 1 Ten interesting features of Google s Angular Project Copyright Clipcode Ltd 2018 All rights reserved Ten interesting features of Google s Angular
More informationLOT-404 IBM. Developing Enterprise Mobile Applications with IBM Worklight and IBM WebSphere Portal
IBM LOT-404 Developing Enterprise Mobile Applications with IBM Worklight and IBM WebSphere Portal Download Full Version : https://killexams.com/pass4sure/exam-detail/lot-404 A. Safari B. the Newsstand
More informationRating WCM content Marwa Arafa
Rating WCM content Marwa Arafa Senior Software Engineer Cairo Technology Development Center (CTDC) IBM Egypt June 2013 About the Author Marwa Arafa is a senior software engineer in the Cairo Technology
More informationCustomizing the Blackboard Learn UI & Tag Libraries. George Kroner, Developer Relations Engineer
Customizing the Blackboard Learn UI & Tag Libraries George Kroner, Developer Relations Engineer Agenda Product capabilities Capabilities in more depth Building Blocks revisited (tag libraries) Tag libraries
More informationAzure Web App for Containers Code Sample. Demo Script
Azure Web App for Containers Code Sample Demo Script 1 Prepare the demo Setup the demo according to the instructions in the README.md file in the GitHub repository. Create or use existing GitHub AND LinkedIn
More informationSAS 9.2 Intelligence Platform. Web Application Administration Guide, Third Edition
SAS 9.2 Intelligence Platform Web Application Administration Guide, Third Edition The correct bibliographic citation for this manual is as follows: SAS Institute Inc. 2010. SAS 9.2 Intelligence Platform:
More informationDreamweaver CS6. Table of Contents. Setting up a site in Dreamweaver! 2. Templates! 3. Using a Template! 3. Save the template! 4. Views!
Dreamweaver CS6 Table of Contents Setting up a site in Dreamweaver! 2 Templates! 3 Using a Template! 3 Save the template! 4 Views! 5 Properties! 5 Editable Regions! 6 Creating an Editable Region! 6 Modifying
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 informationPOWER BI DEVELOPER BOOTCAMP
POWER BI DEVELOPER BOOTCAMP Course Duration: 4 Days Overview The Power BI Developer Bootcamp is an intensive 4-day training course with hands-on labs designed to get professional software developers up
More informationV12 Highlights. What s new in Richmond ServiceDesk V12?
V12 Highlights What s new in? Richmond ServiceDesk v12 incorporates many new features including a new Report Generator, a new CSP Homepage Designer, a new CSP Menu Designer, a new CSP Panels and new CSP
More informationP a g e 1. Danish Technological Institute. Scripting and Web Languages Online Course k Scripting and Web Languages
P a g e 1 Online Course k72853 Scripting and Web Languages P a g e 2 Title Estimated Duration (hrs) JsRender Fundamentals 2 Advanced JsRender Features 3 JavaScript SPA: Getting Started with SPA in Visual
More informationSharePoint Framework. SPFx. Vladimir
SharePoint Framework SPFx Vladimir Medina @vladpoint User experience Data and APIs Processes Packaging, deployment, and store SharePoint Framework (SPFx) Graph APIs Webhooks SPFx client side solutions
More informationWeb Programming and Design. MPT Senior Cycle Tutor: Tamara Week 1
Web Programming and Design MPT Senior Cycle Tutor: Tamara Week 1 What will we cover? HTML - Website Structure and Layout CSS - Website Style JavaScript - Makes our Website Dynamic and Interactive Plan
More informationConfiguring Locales on the WAP351 and WAP371 Access Points
Article ID: 5055 Configuring Locales on the WAP351 and WAP371 Access Points Objective A locale is an authentication web page that is connected to a Captive Portal instance. For information on how to set
More informationTSM Studio Server and TSM Studio Operational Reporting
TSM Studio Server and TSM Studio Operational Reporting Table of Contents Disclaimer... 3 What is Operational Reporting?... 4 Getting Started... 5 Custom Summary... 8 Adding your own items to the Custom
More informationAD406: What s New in Digital Experience Development with IBM Web Experience Factory
AD406: What s New in Digital Experience Development with IBM Web Experience Factory Jonathan Booth, Senior Architect, Digital Experience Tooling, IBM Adam Ginsburg, Product Manager, Digital Experience
More informationBuilding Hybrid and Mixed Model. Mobile Applications Lab
IBM Ecosystem Development Last Updated: September 1, 2014 WebSphere Portal V8.5 Lab Manual Building Hybrid and Mixed Model Mobile Applications Lab 1 Table of Contents OVERVIEW 3 Introduction...3 Time Estimate...3
More informationHTML5 Creatives. MediaMath now supports HTML5 Creatives. Each T1AS HTML5 Creative must be uploaded with the following 2 components:
HTML5 Creatives MediaMath now supports HTML5 Creatives. Each T1AS HTML5 Creative must be uploaded with the following 2 components: Component HTML5 Asset Package: The zip file for the T1AS HTML5 creative.
More informationIBM Lotus Web Content Management Rendering Portlet Documentation:
Lotus Lotus Web Content Management Version 6.1 Version 6 Release 1 IBM Lotus Web Content Management Rendering Portlet Documentation: Installing and Using the JSR 286 Web Content Viewer Lotus Lotus Web
More informationHTML5 MOCK TEST HTML5 MOCK TEST I
http://www.tutorialspoint.com HTML5 MOCK TEST Copyright tutorialspoint.com This section presents you various set of Mock Tests related to HTML5 Framework. You can download these sample mock tests at your
More informationIBM. Developing with IBM Rational Application Developer for WebSphere Software V6
IBM 000-255 Developing with IBM Rational Application Developer for WebSphere Software V6 Download Full Version : http://killexams.com/pass4sure/exam-detail/000-255 Answer: C QUESTION: 99 A developer is
More informationHow to Create a Digication e-portfolio
How to Create a Digication e-portfolio Table of Contents Overview... 2 Creating the e-portfolio... 2 Customizing the Theme of your e-portfolio... 5 If you Created your e-portfolio in Blackboard... 7 How
More informationResponsive SharePoint WSP Edition
Responsive SharePoint WSP Edition Version 1.0 Bootstrap 3 and Foundation 4 for SP 2013 The Bootstrap 3 and Foundation 4 frameworks integrated with Microsoft SharePoint 2013, including several master pages
More informationThere are several ways to begin a presentation. Where are you starting from?
Portal > Knowledgebase > ESP Web > ESP Presentations ESP Presentations Jennifer S - 2019-02-08 - in ESP Web The ESP Presentation tool allows you to quickly and easily build sales presentations that are
More informationDreamweaver MX The Basics
Chapter 1 Dreamweaver MX 2004 - The Basics COPYRIGHTED MATERIAL Welcome to Dreamweaver MX 2004! Dreamweaver is a powerful Web page creation program created by Macromedia. It s included in the Macromedia
More informationInteractive XML Visualization - using XSLT 2.0 on the Browser. Phil Fearon - Saxonica
Interactive XML Visualization - using XSLT 2.0 on the Browser Phil Fearon - Saxonica Big XML Theme Big data Large scale searching Processing large volumes at high speed Crunching big XML files Open Linked
More informationPHP WITH ANGULAR CURRICULUM. What you will Be Able to Achieve During This Course
PHP WITH ANGULAR CURRICULUM What you will Be Able to Achieve During This Course This course will enable you to build real-world, dynamic web sites. If you've built websites using plain HTML, you realize
More information