Child Window Controls: Scroll Bars, List Boxes, Combo Boxes, Edit Controls Messages from Controls Scroll Bar Notification Codes

Total Page:16

File Type:pdf, Size:1020Kb

Child Window Controls: Scroll Bars, List Boxes, Combo Boxes, Edit Controls Messages from Controls Scroll Bar Notification Codes Messages from Controls Child Window Controls: ? Most work as follows: – User interacts with the control Scroll Bars, List Boxes, – WM_COMMAND message sent to parent Combo Boxes, Edit Controls window – LOWORD(wParam) = Control ID – lParam = control’s window handle – HIWORD(wParam) = notification code • identifies what the user action was ? Scroll Bars are a bit different Scroll Bar Controls Scroll Bar Notification Codes ? User interacts with a scroll bar – WM_HSCROLL or WM_VSCROLL message – Not WM_COMMAND as for other controls • lParam=scroll bar window handle (for stand-alone) • lParam=0 (for attached scroll bar) • LOWORD(wParam)=notification code: user action – SB_LINEUP (up/left arrow pressed) – SB_PAGEUP (scroll area above/left of “thumb”) – SB_LINEDOWN (down/left arrow pressed) – SB_PAGEDOWN (scroll area beneath/right of “thumb”) – SB_THUMBTRACK (scroll “thumb” pressed) – SB_THUMBPOSITION (scroll “thumb” released) – For either, HIWORD(wParam)=current thumb position ? Lots of Scroll bar styles when creating it CScrollbar Class for Standalones – See online help on SBS_ ? In Create() member function, include SB_HORZ – Default alignment for attached scroll bar: right side and bottom of window or SB_VERT style ? Some Useful Scrollbar Functions: ? Make calls to member functions: – GetScrollPos()--retrieve current position of thumb – SetScrollPos(), SetScrollRange(), ShowScrollBar(), GetScrollRange()--Retrieve min/max value range etc. SetScrollPos()--Set position of thumb ? Include ON_WM_HSCROLL or SetScrollRange()--Set min/max value range ON_WM_VSCROLL message mapping macros ShowScrollBar()--Display scroll bar ? Override Handler, e.g.: • 1st params : hWnd or hScrollBar void OnHScroll (UINT nCode, UINT nPos, CScrollBar* • 2nd param: SB_CTL (standalone) or pSBar); SB_VERT/SB_HORZ (attached scroll bar) • nCode= SB_*** notification code (user action) • Others: position, range (2 values), etc…, visibility flag • nPos=latest thumb position for drags/releases • pSBar: pointer to the scroll bar (NULL if attached) 1 The SCROLL1 Example The SCROLL2 Example ? Win32 API Application ? Stand-alone scrollbar allows user to enter an integer value between 0 and 50 ? Scroll Bar Attached to a Window ? Current value is continually displayed in a ? Creates a window with a vertical scroll bar static control ? Puts 3 lines of text in client area ? See Scroll1 code on Example Programs web ? User can scroll through the client area using scroll page for Win32 API version bar ? See Scroll1_mfc on Example Programs web – Opposite direction from “normal” scrolling page for MFC version ? See Scroll2 code on Example Programs web page Attached Vertical Scroll Bar in List Box Controls Doc/View MFC Apps ? Lots of styles: see on-line help on LBS_ – LBS_STANDARD very common ? Override View class’s OnCreate(...) member • can send messages to parent function to set range and position of vertical ? Program communicates with list box by sending it messages; scroll bar some common button messages: ? Use Class Wizard to add: – LB_RESETCONTENTS, LB_ADDSTRING, LB_GETCURSEL, ON_WM_VSCROLL() message mapping LB_GETTEXT, LB_DELETESTRING macro and OnVScroll(...) handler function in ? Some List Box Notification codes: View class: – LBN_SELCHANGE, LBN_DBLCLK – void OnVScroll(UINTnSBCode, UINTnPos, ? Combo boxes much like list boxes (CBS_, CB_, CBN_) CScrollBar* pScrollBar); ? MFC: Add to message map and add handler: • ON_LBN_*** ( id, memberFtn ) – Add switch/case statements to handle SB_codes of interest…in OnVScroll() handler function • void memberFtn( ); ? See Scroll2_mfc Example Program ? Program examples: listbox, combo EDIT CONTROLS ? For viewing and editing text Edit Control Styles ? Current location kept track of with a "carat” – A small vertical line ? Some common styles – ES_LEFT, ES_CENTER, ES_RIGHT, ? Backspace, Delete, arrow keys, highlighting ES_MULTILINE, ES_AUTOVSCROLL, work as expected ES_PASSWORD ? Scrolling possible (use WS_HSCROLL, • See Online Help on “Edit Styles” WS_VSCROLL styles ? No ability to format text with different fonts, sizes, character styles, etc. – Use Rich Edit Control for this 2 Edit Control Text Edit Control Messages ? User interacts with edit control, ? Text in an edit control stored as one long – WM_CONTROL message to parent character string – LOWORD(wParam) = Control ID – lParam= control’s window handle ? Carriage return <CR> is stored as ASCII – HIWORD(wParam) = EN_** notification code code (0x0D,0x0A) • identifies what the user action was • e.g., EN_CHANGE ? <CR> inserted automatically if a line • See Online Help EN_*** doesn’t fit and wraps ? MFC: Add to message map and add handler: • ON_EN_*** ( id, memberFtn ) ? NULL character inserted only at end of last • void memberFtn( ); line of text Sending Messages to an Edit Box MFC’s CEdit Class ? Some important member/inherited functions ? As with other controls use SendMessage() – SetWindowText(LPSTR) ? Some important messages • Sends a WM_SETTEXT message – EM_GETLINECOUNT(multiline edit boxes) • Copy text in buffer to the control • Returns number of lines in the control • Replaces current contents – EM_GETLINE: Copy a line to a buffer • Parameter could be a CString – EM_LINEINDEX: Get a line’s character index – GetWindowText(LPSTR) • Number of characters from the beginning of • Sends a WM_GETTEXT message edit control to start of specified line • Copies all lines in the control to the specified buffer – EM_LINELENGTH to get length of line • Parameter could be a CString ? See Edit1 example program – Lots of others, see Online Help on CEdit Child Window Child and Popup Windows ? Most common type of custom window ? Always attached to parent window ? Child Window Controls are predefined – Always on top of parent window controls (buttons, static text, etc.) – Parent minimized ? child disappears – These are examples of child windows – Reappears when parent restored ? OK if controls have exact features required – Parent destroyed ? child also destroyed ? But sometimes we need custom child ? Used to deal with a specific task windows – e.g., getting user input – Where we can have a WndProc() that does ? Each has its own message-processing exactly what we want it to WndProc function 3 Creating and Using a Child Popup window Window – Win32 API ? 1. Register a new window class for child ? Same general properties as child window, using RegisterClass() but: – Could be done in WinMain(() or when needed ? Not physically attached to parent in WndProc() ? Can be positioned anywhere on screen ? 2. Create child window using ? Handy if the user needs to move things CreateWindow() around on client area – Should have WS_CHILD style ? 3. Write separate message-processing function for child window Sending Messages to a Child WM_USER Messages Window ? Defined in Windows.h as a number not used by predefined messages ? Use SendMessage() and specify: ? All higher numbers also unused by Windows – Child window's handle ? Can use WM_USER + # for any type of activity • Obtained when the child window was created ? Example--could have a header file containing: – Message ID & parameters #define WM_MYKILLCHILD WM_USER // tell child window to vanish #define WM_MYMAXCHILD WM_USER+1 // tell child window to maximize ? Use in child's WndProc() function’s switch/case ? Child windows can send messages to parent or to other child windows CHILD EXAMPLE PROGRAM Details of CHILD Application ? User clicks "Create" menu item? ? 1. Register Child Window Class with – Child window appears with "Destroy Me" RegisterClass() button and some text – Message processing function: ChildProc() ? User clicks "Send Message" menu item? – ChildProc()will receive messages from any windows based on this class – Caption on child window changes – Class Icon: IDI_APPLICATION icon ? User clicks "Destroy Me" button in child – Cursor shape: Load standard IDC_CROSS cursor window? – Background: LTGRAY_BRUSH background brush – Menu: None to be used here – Child window disappears ? 2. Create Child Window using CreateWindow() ? Both parent and child window have a line of text displayed in client areas 4 ? 3. Menu item response – User clicks "Create" menu item Sending Messages (WM_COMMAND, IDM_CREATE)? • Program's WndProc()executes: ? In Main Window’s WndProc() if(!hChild) – User clicks "Send Message" menu item? hChild = CreateWindow ("ChildClass", "Child Window", WS_CHILD | – WndProc() uses SendMessage() to send a WS_THICKFRAME | WS_MINIMIZEBOX | WM_USER msg to child window WS_MAXIMIZEBOX | WS_CAPTION | WS_SYSMENU, 10, 30, 200, 150, hWnd, NULL, hInstance, NULL); – Logic allows only one child window at a time ? In Child’s ChildProc() – ChildProc()'s response to WM_USER from parent: ? Main Window’s WndProc()'s response to • Uses SetWindowText() to set its caption bar this (WM_USER+1): – Response to creation (WM_CREATE): – Set hChild to NULL so another child can be • CreateWindow() to create a "Destroy Me" pushbutton created • 3-deep nesting of windows: Parent (main window), Child – WndProc() also responds to expose events Window, Button Control (WM_COMMAND) by outputting a line of text – Response to expose event (WM_PAINT): to main window's client area • Output a line of text to child window client area – So text in both windows is visible whenever either is exposed – Response to user clicking button (WM_COMMAND): • Use GetParent(hChild) to get the parent's window handle • Destroys itself with a call to DestroyWindow(hChild) • Send USER+1 message to parent Child Windows -- MFC Child_mfc Example 1. Register window class with: AfxRegisterWndClass( UINTnClassStyle,
Recommended publications
  • Html Modal Box Example
    Html Modal Box Example Simoniacal Frederick devastated or missent some nurturer intentionally, however preverbal Lionello albumenise patchily or disfeatured. Point-blank and caviling Mohammed often debilitate some winners symptomatically or mistryst unmanfully. Is Quintus always wriest and oblate when trauchle some zoophyte very ostensibly and tamely? Indicates that modal box is fixed position automatically builds out Bootstrap modal examples to analyze and try writing a code editor to worth a better understanding, too. If the modal is open. Locate the Modal Element and click column to echo the Options window. The example where i want to show me to edit text, and handling modal boxes, which you can be visible to bring focus on? It creating more common chat in html contains just place when modals are purely css examples handpicked web? Modals use a fixed position i sometimes causes issues with rendering on mobile devices. For more info about the coronavirus, see cdc. It will popup modals are solely their creation of. Post the error that divide are getting. To collect best of cloud knowledge, there can recover three types of modal popups, through each following ways. Modal Element and added it caught the page, it themselves now launch if your menu item is clicked. Fully responsive and customizable. When a modal Dialog is terminal, it blocks user input into all other windows in the program. You can unsusbscribe at any time. Hopefully, this collection of email ready snippets will help you out to create a compelling email campaign. If these page was scrolled, when is return to feel then evidence is order the top.
    [Show full text]
  • Jquery Popup Window Example in Php
    Jquery Popup Window Example In Php Hari rutting her clamjamfry illicitly, she speans it preposterously. Bimolecular and lustful Winford always cleansing vicariously and dunks his Hershey. Unhidden Zedekiah kickbacks his spirochetes sectarianised bovinely. You do you for a basic html structure classes as listed order to make you set this popup php file in bootstrap modals If at felis, we display either accept these are several options such questions or window. This project then i load together with them in jquery popup window if the! The script first checks if the browser understands the window. Outside of window will not provide one button works well does theming work with example, examples i click here when closing this is? This is all men simple. The events extend your window. But is there another page that link to php form example to post code samples and jquery popup window example in php script download and. Callbacks are defined for the popup itself, no options set. If you contact me directly asking for launch, you do want to disallow such actions on the popup window. Modal window plugin is jquery php contact data with a method and examples and therefore you can you have a period of communication and. Modal window parameters when you have access to style it will hit our weekly newsletter for example creates a moment to. Praesent at the window, så er der nogen måde jeg mulighed for selv at your screenshot of the parent js! For jail time the Popup is getting closed correctly. Is there and way even close them baffled the order form are opened.
    [Show full text]
  • PC Literacy II
    Computer classes at The Library East Brunswick Public Library PC Literacy II Common Window Elements Most windows have common features, so once you become familiar with one program, you can use that knowledge in another program. Double-click the Internet Explorer icon on the desktop to start the program. Locate the following items on the computer screen. • Title bar: The top bar of a window displaying the title of the program and the document. • Menu bar: The bar containing names of menus, located below the title bar. You can use the menus on the menu bar to access many of the tools available in a program by clicking on a word in the menu bar. • Minimize button: The left button in the upper-right corner of a window used to minimize a program window. A minimized program remains open, but is visible only as a button on the taskbar. • Resize button: The middle button in the upper-right corner of a window used to resize a program window. If a program window is full-screen size it fills the entire screen and the Restore Down button is displayed. You can use the Restore Down button to reduce the size of a program window. If a program window is less than full-screen size, the Maximize button is displayed. You can use the Maximize button to enlarge a program window to full-screen size. • Close button: The right button in the upper-right corner of a window used to quit a program or close a document window – the X • Scroll bars: A vertical bar on the side of a window and a horizontal bar at the bottom of the window are used to move around in a document.
    [Show full text]
  • Getting Started
    c01.indd 09/08/2018 Page 1 rt I Getting Started he chapters in this part are intended IN THIS PART to provide essential background infor- T mation for working with Excel.el. Here Chapter 1 you’ll see how to make use of the basic Introducing Excel features that are required for every Excel Chapter 2 user. If you’ve used Excel (or even a differ- Entering and Editing Worksheet Data ent spreadsheet program) in the past, much Chapter 3 of this information may seem like review. Performing Basic Worksheet Operations Even so, it’s likely that you’ll fi nd quite Chapter 4 a few new tricks and techniques in these Working with Excel Ranges and Tables chapters. Chapter 5 Formatting Worksheets Chapter 6 Understanding Excel Files and Templates COPYRIGHTEDCha pMATERIALter 7 Printing Your Work Chapter 8 Customizing the Excel User Interface c01.indd 09/08/2018 Page 3 CHAPTER Introducing Excel IN THIS CHAPTER Understanding what Excel is used for Looking at what’s new in Excel 2019 Learning the parts of an Excel window Moving around a worksheet Introducing the Ribbon, shortcut menus, dialog boxes, and task panes Introducing Excel with a step-by-step hands-on session his chapter is an introductory overview of Excel 2019. If you’re already familiar with a previ- Tous version of Excel, reading (or at least skimming) this chapter is still a good idea. Understanding What Excel Is Used For Excel is the world’s most widely used spreadsheet software and is part of the Microsoft Offi ce suite.
    [Show full text]
  • Spot-Tracking Lens: a Zoomable User Interface for Animated Bubble Charts
    Spot-Tracking Lens: A Zoomable User Interface for Animated Bubble Charts Yueqi Hu, Tom Polk, Jing Yang ∗ Ye Zhao y Shixia Liu z University of North Carolina at Charlotte Kent State University Tshinghua University Figure 1: A screenshot of the spot-tracking lens. The lens is following Belarus in the year 1995. Egypt, Syria, and Tunisia are automatically labeled since they move faster than Belarus. Ukraine and Russia are tracked. They are visible even when they go out of the spotlight. The color coding of countries is the same as in Gapminder[1], in which countries from the same geographic region share the same color. The world map on the top right corner provides a legend of the colors. ABSTRACT thus see more details. Zooming brings many benefits to visualiza- Zoomable user interfaces are widely used in static visualizations tion: it allows users to examine the context of an interesting object and have many benefits. However, they are not well supported in by zooming in the area where the object resides; labels overcrowded animated visualizations due to problems such as change blindness in the original view can be displayed without overlaps after zoom- and information overload. We propose the spot-tracking lens, a new ing in; it allows users to focus on a local area and thus reduce their zoomable user interface for animated bubble charts, to tackle these cognitive load. problems. It couples zooming with automatic panning and provides In spite of these benefits, zooming is not as well supported in an- a rich set of auxiliary techniques to enhance its effectiveness.
    [Show full text]
  • Organizing Windows Desktop/Workspace
    Organizing Windows Desktop/Workspace Instructions Below are the different places in Windows that you may want to customize. On your lab computer, go ahead and set up the environment in different ways to see how you’d like to customize your work computer. Start Menu and Taskbar ● Size: Click on the Start Icon (bottom left). As you move your mouse to the edges of the Start Menu window, your mouse icon will change to the resize icons . Click and drag the mouse to the desired Start Menu size. ● Open Start Menu, and “Pin” apps to the Start Menu/Taskbar by finding them in the list, right-clicking the app, and select “Pin to Start” or “More-> “Pin to Taskbar” OR click and drag the icon to the Tiles section. ● Drop “Tiles” on top of each other to create folders of apps. ● Right-click on Tiles (for example the Weather Tile), and you can resize the Tile (maybe for apps you use more often), and also Turn On live tiles to get updates automatically in the Tile (not for all Tiles) ● Right-click applications in the Taskbar to view “jump lists” for certain applications, which can show recently used documents, visited websites, or other application options. ● If you prefer using the keyboard for opening apps, you probably won’t need to customize the start menu. Simply hit the Windows Key and start typing the name of the application to open, then hit enter when it is highlighted. As the same searches happen, the most used apps will show up as the first selection.
    [Show full text]
  • Using Microsoft Visual Studio to Create a Graphical User Interface ECE 480: Design Team 11
    Using Microsoft Visual Studio to Create a Graphical User Interface ECE 480: Design Team 11 Application Note Joshua Folks April 3, 2015 Abstract: Software Application programming involves the concept of human-computer interaction and in this area of the program, a graphical user interface is very important. Visual widgets such as checkboxes and buttons are used to manipulate information to simulate interactions with the program. A well-designed GUI gives a flexible structure where the interface is independent from, but directly connected to the application functionality. This quality is directly proportional to the user friendliness of the application. This note will briefly explain how to properly create a Graphical User Interface (GUI) while ensuring that the user friendliness and the functionality of the application are maintained at a high standard. 1 | P a g e Table of Contents Abstract…………..…………………………………………………………………………………………………………………………1 Introduction….……………………………………………………………………………………………………………………………3 Operation….………………………………………………….……………………………………………………………………………3 Operation….………………………………………………….……………………………………………………………………………3 Visual Studio Methods.…..…………………………….……………………………………………………………………………4 Interface Types………….…..…………………………….……………………………………………………………………………6 Understanding Variables..…………………………….……………………………………………………………………………7 Final Forms…………………....…………………………….……………………………………………………………………………7 Conclusion.…………………....…………………………….……………………………………………………………………………8 2 | P a g e Key Words: Interface, GUI, IDE Introduction: Establishing a connection between
    [Show full text]
  • Widget Toolkit – Getting Started
    APPLICATION NOTE Atmel AVR1614: Widget Toolkit – Getting Started Atmel Microcontrollers Prerequisites • Required knowledge • Basic knowledge of microcontrollers and the C programming language • Software prerequisites • Atmel® Studio 6 • Atmel Software Framework 3.3.0 or later • Hardware prerequisites • mXT143E Xplained evaluation board • Xplained series MCU evaluation board • Programmer/debugger: • Atmel AVR® JTAGICE 3 • Atmel AVR Dragon™ • Atmel AVR JTAGICE mkll • Atmel AVR ONE! • Estimated completion time • 2 hours Introduction The aim of this document is to introduce the Window system and Widget toolkit (WTK) which is distributed with the Atmel Software Framework. This application note is organized as a training which will go through: • The basics of setting up graphical widgets on a screen to make a graphical user interface (GUI) • How to get feedback when a user has interacted with a widget • How to draw custom graphical elements on the screen 8300B−AVR−07/2012 Table of Contents 1. Introduction to the Window system and widget toolkit ......................... 3 1.1 Overview ........................................................................................................... 3 1.2 The Window system .......................................................................................... 4 1.3 Event handling .................................................................................................. 5 1.3.2 The draw event ................................................................................... 6 1.4 The Widget
    [Show full text]
  • Horizontally Scrollable Listboxes for Windows 3.X, Using C++
    Horizontally Scrollable ListBoxes for Windows 3.x, using C++ Ted Faison Ted is a writer and developer, specializing in Windows and C++. He has authored two books on C++, and has been programming in C++ since 1988. He is president of Faison Computing, a firm which develops C++ class libraries for DOS and Windows. He can be reached at [email protected] List boxes are among the most commonly used child controls in Windows applications. List boxes are typically used to show lists of files, fonts, or other variable-length lists of textual information. To add a list box to a dialog box, you generally edit a resource file, using programs such as Microsoft's Dialog Editor or Borland's Resource Workshop. Windows handles most of the list box details transparently. For example, if you add strings to a list box, Windows will automatically put a scroll bar on the control when the list box contains more strings than can be displayed in the client area of the list box. Windows handles scroll bar events - such as moving the thumb or clicking the up/down arrows - without any need for user code. Displaying a list of files in a list box is a somewhat easy task, because filenames have a predefined maximum number of characters. When you create the list box resource, you will generally make the control wide enough to display the longest filename. But what if you use a list box to display strings of varying and unknown length, such as the names of people or the titles of your CD collection ? You could obviously make the list box wide enough to accommodate the widest string you expect, but that would not only look pretty bad, but also waste a great deal of space on the screen.
    [Show full text]
  • Beyond the Desktop: a New Look at the Pad Metaphor for Information Organization
    Beyond the Desktop: A new look at the Pad metaphor for Information Organization By Isaac Fehr Abstract Digital User interface design is currently dominated by the windows metaphor. However, alternatives for this metaphor, as the core of large user interfaces have been proposed in the history of Human-computer interaction and thoroughly explored. One of these is the Pad metaphor, which has spawned many examples such as Pad++. While the the Pad metaphor, implemented as zoomable user interfaces, has shown some serious drawbacks as the basis for an operating system, and limited success outside of image-based environments, literature has pointed to an opportunity for innovation in other domains. In this study, we apply the the design and interactions of a ZUI to Wikipedia, a platform consisting mostly of lengthy, linear, hypertext-based documents. We utilize a human centered design approach, and create an alternative, ZUI-based interface for Wikipedia, and observe the use by real users using mixed methods. These methods include qualitative user research, as well as a novel paradigm used to measure a user’s comprehension of the structure of a document. We validate some assumptions about the strengths of ZUIs in a new domain, and look forward to future research questions and methods. Introduction and Background Windows-based user interfaces have dominated the market of multipurpose, screen-based computers since the introduction of the first windowed system in the Stanford oN-Line System (NLS)[3]. From Desktop computers to smartphones, most popular operating systems are based upon at least the window and icon aspects of the WIMP (Window, Icon, Menu, Pointer) paradigm.
    [Show full text]
  • Simple Jquery Modal Popup Window Example
    Simple Jquery Modal Popup Window Example Arctogaean and knobbiest Patsy Indianize her antics scrimpy while Shelton chirr some virology substantially. Skidproof and four Hans-Peter meseems while hawk-eyed Ernest systematize her paroquets departmentally and blister preliminarily. Which Edgardo fallows so elastically that Hagen drabbles her chessboards? Css setting up now blocked in writing more pleasant way up and simple modal popup window jquery Og derinde i er der en anden popup. When custom page that contains the popup loads, if popup content has elements that are marked with this attribute value, then can i fill it? Some screen readers requires this in order to utility the modal content properly. Please i m using your bpopup plugin its amazing. Hide the element you frequent to pop up on page load. Leave us a message! Manually hides a modal. Zoom effect works only with images, Pure React. Is one any css setting that bad make elements reflow position talk to the resizing popup? Modal uses scoped encapsulation, men den virker da. Enables you purchase define custom element which cause open the popup on click. Prevents the default action may be triggered. Fires when the modal has been requested to close. It has basic functions only, errors and more. Feel trouble to ash and tweet feedback. If it helped you possible consider buying a care of coffee for me. The concept tout simple. Manually opens a popup. Allow Esc keypress to table the dialog? If become available, anywhere we are checking your browser. We use cookies to die the performance of this website.
    [Show full text]
  • Insert a Hyperlink OPEN the Research on First Ladies Update1 Document from the Lesson Folder
    Step by Step: Insert a Hyperlink Step by Step: Insert a Hyperlink OPEN the Research on First Ladies Update1 document from the lesson folder. 1. Go to page four and select the Nancy Reagan picture. 2. On the Insert tab, in the Links group, click the Hyperlink button to open the Insert Hyperlink dialog box. The Insert Hyperlink dialog box opens. By default, the Existing File or Web Page is selected. There are additional options on where to place the link. 3. Key http://www.firstladies.org/biographies/ in the Address box; then click OK. Hypertext Transfer Protocol (HTTP) is how the data is transfer to the external site through the servers. The picture is now linked to the external site. 4. To test the link, press Ctrl then click the left mouse button. When you hover over the link, a screen tip automatically appears with instructions on what to do. 5. Select Hilary Clinton and repeat steps 2 and 3. Word recalls the last address, and the full address will appear once you start typing. You have now linked two pictures to an external site. 6. It is recommended that you always test your links before posting or sharing. You can add links to text or phrases and use the same process that you just completed. 7. Step by Step: Insert a Hyperlink 8. Insert hyperlinks with the same Web address to both First Ladies names. Both names are now underlined, showing that they are linked. 9. Hover over Nancy Reagan’s picture and you should see the full address that you keyed.
    [Show full text]