![Microscan Vision MINI Xi Smart Camera Manual Download Page 62](http://html1.mh-extra.com/html/microscan/vision-mini-xi-smart-camera/vision-mini-xi-smart-camera_manual_1788339062.webp)
Pages, Panels, and Widgets
CloudLink W
eb HMI
F
Vision MINI Xi Smart Camera Guide
F-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 MINI Xi Smart Camera
Page 1: ...Vision MINI Xi Smart Camera Guide 84 9016301 02 Rev C...
Page 7: ...Preface vii Vision MINI Xi Smart Camera Guide...
Page 17: ...Chapter 2 System Components 2 6 Vision MINI Xi Smart Camera Guide Direct Input Output Diagrams...
Page 19: ...Chapter 2 System Components 2 8 Vision MINI Xi Smart Camera Guide New Master Input...
Page 25: ...Chapter 2 System Components 2 14 Vision MINI Xi Smart Camera Guide...
Page 37: ...Appendix B Cable Specifications B 6 Vision MINI Xi Smart Camera Guide...
Page 57: ...Appendix E Vision MINI Xi Diagnostic Boot Mode E 4 Vision MINI Xi Smart Camera Guide...
Page 65: ...Appendix F CloudLink Web HMI F 8 Vision MINI Xi Smart Camera Guide...