Working with IFrames.

Slides:



Advertisements
Similar presentations
Use ERIC to find Research Reports Use Detailed records to evaluate items Use the Subject Thesaurus.
Advertisements

Using EBSCOs Search Box Builder Tool Tutorial. Would you like to promote your EBSCOhost resources by adding an easy-to-use search box to your website?
 hyperlinks  Audio Recordings  Video  Podcast  Text  Illustrations With creative book builder you can create interactive books that include.
Using the DegreeWorks’ Planner Information for Students and Advisors, Spring 2009.
Hosted Voice Quick Start Guide
Accessing and Using the e-Book Collection from EBSCOhost ® When an arrow appears, click to proceed to the next slide at your own pace. To go back, click.
Welcome to University Housing’s UCHOOSE Tutorial.
Slide 1 FastFacts Feature Presentation December 4, 2014 To dial in, use this phone number and participant code… Phone number: Participant.
WalkMe for Salesforce Tips & Tricks.
Salesforce Tips & Tricks.
Working with IFrames.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 9: Frames © 2007 Prosoft Learning Corporation All rights reserved ITD 110 Web Page Design.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 9: HTML Frames.
Bloglines.com How to use bloglines By: Jake Szymanski.
How the World Wide Web Works
How To Create a Blog in Sharepoint For Secondary Educators.
1 © 2003 Cisco Systems, Inc. All rights reserved. Session Number Presentation_ID Cisco Technical Assistance Center (TAC) TAC Service Request Tool Overview.
Facebook 102: Customizing Your Dance Studio’s Facebook Page Presented By: Jill Tirone facebook.com/dancefitmarketing
Introduction: This VCSS training session has been developed to provide : I.A quick overview of VCSS II.A walk through of the main VCSS features III.Solutions.
© Copyright 2006 Riverside Publishing | August Scanning Answer Sheets Click Me! If you have administered your assessments, then you are ready to.
Basic Navigation in SAP For the Windows Graphical User Interface (GUI) Click your mouse anywhere or select “Page Down” to scroll through the pages.
Presented by Chad Kafka This Month’s Topic: Wikispaces Advanced Today’s session is an introduction to what a WIKI is and how they can be used in education.
Slide 1 of 19 Welcome to GSA’s Vendor and Customer Self Service (VCSS) course Section 7: Correspondence Navigation This presentation is compliant with.
Boardmaker Speaking Dynamically Pro Presented by Amanda Garrett and Bethany Peters.
TODAY’S SMS CODE IS CODE HERE TEXT IT THIS NUMBER: TIPS: Add this number as a contact. We suggest as the contact.
WDV 331 Dreamweaver Applications Snippets and Libraries Items Dreamweaver CS6 Chapter 18.
A Step by Step Guide How to add your own pages to the website.
Moodle (Course Management Systems). Forums, Chats, and Messaging.
JAOIT 8.  Dreamweaver is a program for creating web pages and managing websites without having to type HTML code.  WYSIWYG – What you see is what you.
Where Are My Leads Coming From How to have a conversation with your prospects Presented by: Jordan Hatch.
1 Flow Tracker. 2 Welcome to WalkMe University Raise your Hand The Presenter If you have any question, please raise your hand. You will then be unmuted.
Go to your school’s web locker site school name.schoolweblockers.com) Your user name is the first letter of your first name, the first 4.
Adding Documents to OnCourse. Add a Document Look for the Documents tab and click it.
Add an Image. index.html about.html contact. html contact. html.
Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using.
Student’s Page Discussion Building a Better website By…. Student’s Page Click to continue.
Microsoft Excel – Pivot Tables Introduction to Microsoft Excel Pivot tables Please login to the computers and launch Microsoft Excel. Rob Jones Room WG43.
What is Voice Thread? VoiceThread is an application that runs inside your web browser, so there is no software to download, install, or update. VoiceThread.
Student Financial Assistance. Session 59-2 Session 59 Become an Import-Export Magnate with EDExpress.
NIMAC for Publishers: How to Create Sub User Accounts December 2015.
V9 ISIS Upgrade ISIS v9 Transition Demo University of Wisconsin Madison Kathleen Cummings, ISIS Training.
Links Building a Website Lesson 5. Links There are various ways to use links on a website: Link to other sites Link to other pages on the same site .
CITRIX REVIEW Presented by Mary Kay Black and Christy Randall.
Wimba Pronto Setting Pronto Preferences of the ND University System April 2009.
FORMS How to collect information f XX rom visitors Different kinds of form controls New HTML5 form controls.
Welcome to OTAN Online! Presenter: Barry Bakin If you are new to Connect, watch this short video, be sure to be back to the meeting by the starting time!
Successful Web searches!. If you type your keywords into Google, you’ll get millions of hits! Is that useful?
KENTUCKY AGRICULTURAL EDUCATION RECORD KEEPING INSTRUCTIONS & EXAMPLES This Presentation provides background on record keeping and guides you through profile.
Iframe.
Embedding Videos and Slideshows. (Click on any question you have to go directly to the answer, while in presentation mode)
DegreeWorks Training Guide A Degree Evaluation and Advising Tool for DALTON STATE Information for Faculty and Advisors Last updated 10/17/2011 Using the.
Kwiksites Instant Website Creation Guide by Arvic Search Services Inc /20/2012Arvic.
Software Overview How to… Review Video and Data  Review the Journal Review the Journal  Simple Search Simple Search  Advanced Search Advanced Search.
MicrosoftTM SharePoint Content Management SystemTutorial
Using Tables in Canvas.
8 Steps to Facebook Ad Creating & Conversion Tracking Set-up
SUBMITTING A PAYMENT REQUEST FORM
Outlook Calendar Basics
How to Install Embedded Flash Files Using Chrome
Microsoft Word Reviewing Documents.
Landing page tutorial AC Access websites
New Features Update Web of Knowledge : Discovery Starts Here
Adding a Class (Classes are the third level of your organization’s offerings hierarchy: Program > Category > Class > Session) 1.) Enrichment tab > Class.
Address: nca.us.tzuchi.org/glossary
Welcome! …to the training video on Dynamic Documentation.
Welcome! …to the training video on Dynamic Documentation.
Adding a Care Class (Classes are the third level of your organization’s offerings hierarchy: Program > Category > Class > Session) 1.) Enrichment tab >
SEARCH AND APPLY FOR A JOB
Make a Plan for Success for School
Adding a Care Class (Categories are the second level of your organization’s offerings hierarchy: Program > Category > Class > Session) 1.) Enrichment tab.
Presentation transcript:

Working with IFrames

45 MIN Welcome to WalkMe University Raise your Hand The Presenter Be sure to review the Summary Page, sent after the session ends. Watch & Learn Raise your Hand During Q&A, please raise your hand if you have a question. After the session, email us: university@walkme.com

In this Session Switch To Frame/Popup Finding an IFrame What is an IFrame? Finding an IFrame Switch To Frame/Popup Using Switch To Other Use Cases

website within a website What is an IFrame? Finding an IFrame Switch To Frame/ Popup Using Switch To Other Use Cases What is an IFrame? An IFrame (Inline Frame) is an HTML document embedded inside another HTML document on a website website within a website

Where is the IFrame? What is an IFrame? Finding an IFrame Switch To Frame/ Popup Using Switch To Other Use Cases

Where is the IFrame? What is an IFrame? Finding an IFrame Switch To Frame/ Popup Using Switch To Other Use Cases

Identifying an IFrame Why can’t I select an element? What is an IFrame? Finding an IFrame Switch To Frame/ Popup Using Switch To Other Use Cases Why can’t I select an element? When trying to capture an element in an IFrame with a different domain, this error appears

Accessing an IFrame What is an IFrame? Finding an IFrame Switch To Frame/ Popup Using Switch To Other Use Cases To record a step in an IFrame, first Open the Frame in a New Tab Right Click > This Frame > Open Frame in New Tab

What if it doesn’t work? What is an IFrame? Finding an IFrame Switch To Frame/ Popup Using Switch To Other Use Cases Sometimes we have to find the IFrame’s URL inside the code

Finding the IFrame URL Right click on the IFrame What is an IFrame? Finding an IFrame Switch To Frame/ Popup Using Switch To Other Use Cases Right click on the IFrame Inspect element (preferably with Firebug) Scroll up in the HTML code and search for the IFrame

Demo It!

What is Switch to Frame/Popup? What is an IFrame? Finding an IFrame Switch To Frame/ Popup Using Switch To Other Use Cases A Feature that allows us to move the Walk Thru between different IFrames, tabs or Popups. When your Walk-Thru has to move to an IFrame, add the Switch to Frame/Popup Super Step

What was that again? What is an IFrame? Finding an IFrame Switch To Frame/ Popup Using Switch To Other Use Cases Switch to Frame/Popup. A step that “moves” the Walkthru to the IFrame Create a Superstep Go to By Function Click Switch to Frame/Popup

Switch to Frame/Popup Super Step What is an IFrame? Finding an IFrame Switch To Frame/ Popup Using Switch To Other Use Cases When you build a new Switch step, you will see 2 different options Condition

Switch to Frame/Popup: Condition What is an IFrame? Finding an IFrame Switch To Frame/ Popup Using Switch To Other Use Cases Helps WalkMe Identify the IFrame with a unique condition

Switch to Frame/Popup Super Step What is an IFrame? Finding an IFrame Switch To Frame/ Popup Using Switch To Other Use Cases When you build a new Switch step, you will see 2 different options. Condition 2. Switch when Optional. Tells WalkMe whether or not to make the switch, depending on the scenario

Tip: How to “Jump to” an IFrame What is an IFrame? Finding an IFrame Switch To Frame/ Popup Using Switch To Other Use Cases Remember to create a Jump to Step to the Switch To step

Demo It!

How can I see that it’s all working? What is an IFrame? Finding an IFrame Switch To Frame/ Popup Using Switch To Other Use Cases Take it for a Test Drive To see the Switch, use Published mode For further assistance, contact support at: support@walkme.com

Other uses of Switch to Frame/Popup What is an IFrame? Finding an IFrame Switch To Frame/ Popup Using Switch To Other Use Cases Other uses of Switch to Frame/Popup Now that you are an IFrame pro, here are additional uses for Switch to Frame/Popup New tab New windows

When to avoid Switching What is an IFrame? Finding an IFrame Switch To Frame/ Popup Using Switch To Other Use Cases Keep it simple The simpler our Walk-Thru, the fewer potential issues we may experience If the process inside the IFrame is short and intuitive, use a Next balloon instead

Questions

© Copyright 2014 WalkMe Inc. Confidential