Pages, Panels, and Widgets
CloudLink W
eb HMI
D
Vision HAWK Smart Camera Guide
D-5
Pages, Panels, and Widgets
The main area of CloudLink displays one of a number of
pages
. If there is more than one
page defined, you can switch between them by using the page selection buttons on the
application bar, or by using the arrow keys on your keyboard.
Each page is organized into a set of regions called
panels
. The following image shows an
empty page to demonstrate the arrangement of the panels on a page.
Note the names, which start with
.panel-
. It is not necessary to know these names to use
CloudLink; however they do have significance if there should be need for customization.
Customizing CloudLink requires the modification of CSS (Cascading Style Sheets). The
names shown correspond to the CSS class selector for that panel.
The purpose of the panels is to act as containers for a number of
widgets
. Each widget
has the ability to visualize and interact with one or more items of inspection data such as
Microscan Link values, inspection counters, timing information, or images.
Summary of Contents for Vision Hawk Smart Camera
Page 1: ...Vision HAWK Smart Camera Guide 84 016800 02 Rev J...
Page 12: ...Chapter 1 Introduction 1 6 Vision HAWK Smart Camera Guide...
Page 24: ...Chapter 2 System Components 2 12 Vision HAWK Smart Camera Guide PNP Output for Host Input...
Page 28: ...Chapter 2 System Components 2 16 Vision HAWK Smart Camera Guide Input Output Wiring...
Page 62: ...Appendix A Connector Pinouts A 4 Vision HAWK Smart Camera Guide...
Page 68: ...Appendix B Cable Specifications B 6 Vision HAWK Smart Camera Guide...
Page 78: ...Appendix C General Specifications C 10 Vision HAWK Smart Camera Guide...
Page 86: ...Appendix D CloudLink Web HMI D 8 Vision HAWK Smart Camera Guide...
Page 98: ...Appendix F Vision HAWK Boot Modes F 4 Vision HAWK Smart Camera Guide...