No part of this manual may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, whether electronic, mechanical, photocopying, micro-filming, record- ing, or otherwise, without the prior written permission of Eaton Industries GmbH, Bonn. Subject to alteration.
DANGER! Hazardous electrical voltage! Before starting with the installation Installation requires qualified electrician desktop devices and portable devices only when the housing is closed. Disconnect the power supply of the device. Measures should be taken to ensure the proper Secure against retriggering ...
Table of Contents XH-303 HMI Web Panel Manual Company information Before starting with the installation Table of Contents About this documentation 0.1.1 List of revisions 0.1.2 Target group 0.1.3 Legal disclaimer 0.1.4 Device designations and abbreviations 0.1.5 Writing conventions 0.1.5.1 Warning labels 0.1.5.2...
Page 6
3.1.1.3 Criteria for the installation position Unpacking and checking the equipment supplied Mounting 3.3.1 Fixing and sealing 3.3.2 Front mounting XH-303 Preparing the device for operation 3.4.1 Power supply - electrical connection External connections Layout of interfaces USB interfaces 4.2.1...
Page 7
Activating a custom landing page 6.4.3 Resetting the homepage to the default page Make Connection easyE4 as Webserver Using the Web Config Tool Start Web Config Tool 7.3.1 Steps for establishing a connection 7.3.1.1 easyE4 found 7.3.1.2 easyE4 not found. XH-303 09/22 MN048029EN Eaton.com...
Page 8
Storage and transport 9.3.2 Disposal Appendix Technical data A.1.1 Data sheets A.1.2 Dimension and weight specifications A.1.3 General data A.1.4 Port and interface specifications A.1.5 Information on the power supply A.1.6 Approvals and declarations Further usage information Alphabetical index XH-303 09/22 MN048029EN Eaton.com...
0.1 About this documentation 0.1 About this documentation This Manual contains all the information you will need in order to use the XH-303 HMI Web Panel safely and effectively. This Manual is considered an integral part of the devices and must always be readily available in the device's close proximity so that users have access to it.
This Manual is intended for electricians and electrical engineers, as well as for the people who will be in charge of performing the electrical installation and people who will be using the XH-303 as an operating and monitoring device or as an integrated operating and control device in their own applications.
It is assumed that the user of this manual is thoroughly familiar with the information found in the manuals for incorporating the XH-303 into automation processes. Hazards posed by the XH-303 cannot be eliminated if the safety instructions are not observed – especially if the XH-303 is commissioned and maintained by unqualified personnel and/or the XH-303 is used improperly.
Warns of the possibility of hazardous situations that could result in serious injury or even death. DANGER! Dangerous electrical voltage! CAUTION Warns of the possibility of hazardous situations that can cause injury. Property damage warning NOTICE Warns about the possibility of material damage. XH-303 09/22 MN048029EN Eaton.com...
Documents (such as manuals) are listed after the icon together with the cor- responding name and Eaton number. Publication title For identifying the Eaton publication code External Internet addresses. They will be shown after the icon. Destination address XH-303 09/22 MN048029EN Eaton.com...
1.1 Function 1. Description 1.1 Function XH-303 HMI Web Panels are HMI devices that communicate with various web serv- ers through an Ethernet port. XH-303 HMI Web Panel features an industrial high-resolution display with capacitive multi-touch technology. This, combined with a highly precise and intuitive gesture- based user interface, enables operators to start working right away.
Page 15
1. Description 1.1 Function Every XH-303 Web Panel comes with the following integrated interfaces as standard: 1 x Ethernet (1000/100/10 Mbps) as communication interface, 1 x USB host 2.0 port for device servicing XH-303 09/22 MN048029EN Eaton.com...
The XH-303 Web Panel are approved for use in closed spaces. The XH-303 Web Panel must be used only in locations for which the XH-303 Web Panel is approved. Make sure to read and follow the information and labels on the nameplate for the XH-303 Web Panel, as well as section Approvals and declarations in the appendix.
1.3 Device models - versions and part nos. 1.3 Device models - versions and part nos. All XH-303 Web Panels are designed for front mounting (in which they are inserted into the enclosure from the front) and feature the Linux platform from EATON for operating system/web browser and configuration operating system.
1. Description 1.4 Operating and indication elements 1.4 Operating and indication elements Front XH-303: hardened glass in plastic frame ② Back of XH-303 with ports and connectors ① Display, Operator control and display element The device is operated with touch gestures – Multifinger touch for the elements displayed.
1. Description 1.5 Interfaces to peripheral devices 1.5 Interfaces to peripheral devices The interfaces featured by your XH-303 will depend on theXH version selected and cannot be modified. The nameplate will indicate which specific interfaces are included with the unit.
1.6 What the different parts of the part number mean The Part number includes information that specifies the version and model of the spe- cific device being used. The Part number can be found at the type plate of the XH-303 Web Panel. Display Interfaces...
Layout of ports/interfaces and controls Fig. 2: Example for a nameplate 1.8 Support To get fast and effective support, make sure to always provide Customer Service with the following information from the nameplate: Part-No. Serial-No XH-303 09/22 MN048029EN Eaton.com...
Follow the safety instructions for the XH-303! The section on safety instructions must be read and understood by everyone who will be working with the XH-303 before the actual work is performed XH-303 HMI Web Panel. NOTICE Pay attention to the hazard severity levels used throughout this doc- umentation whenever a hazard is indicated.
2.2.3 Device documentation This manual is considered an integral part of the XH-303 Web Panel and must always be readily available in the device's close proximity so that users have access to it. Make sure that every person who will be working with the XH-303 Web Panel, regard- less of the lifecycle stage involved, has read and understood the relevant parts of the documentation for the XH-303 Web Panel.
Dispose of recyclables as required by your local recycling reg- ulations. XH-303 Web Panel no longer being used must be professionally disposed of as per local standards or returned to the manufacturer or relevant sales department. 2.2.5 Prerequisites for proper operation...
2. Safety regulations 2.3 Device-specific hazards 2.3 Device-specific hazards CAUTION DESTRUCTION The XH-303 should only be opened by the manufacturer or by an authorized center. Operate the XH-303 until only with the enclosure fully closed and sealed. CAUTION ELECTROSTATIC DISCHARGE Do not touch components (e.g., connector pins) that are elec-...
Page 26
Do not switch on the XH-303 Web Panel when it has condensation in or on it. If the XH-303 Web Panel has condensation in or on it, or if the panel has been exposed to environmental fluctuations, let the XH-303 settle...
Page 27
Do not use any pointy or sharp objects (e.g., knives). Do not use aggressive or abrasive cleaning products or solvents. Make sure that no liquids get into the XH-303 unit (short-circuit haz- ard) and that the XH-303 unit is not damaged in any way. CAUTION...
Page 28
RJ45 plug-in connection is subjected to pulling. Protect the RJ45 plug-in connection from strong vibrations. Protect the RJ45 plug-in connection from tensile forces at the socket. CAUTION Installation requires qualified electrician XH-303 09/22 MN048029EN Eaton.com...
3. Installation 3.1 Prerequisites for the location of use The XH-303 must be used only in locations for which the XH-303 is approved. A 24 VDC supply voltage must be ensured as per the specifications. See also Label on the → "Nameplate", page 21 as well as the specifications in the appendix →...
3.1.1.2 Aeration and de-aeration Do not block the ventilation openings when mounting the device: They are designed to allow the air to circulate in order to cool the XH-303 HMI Web Panel. The device uses natural convection-based passive cooling, i.e., it does not use fans.
Make sure that there will be enough volume for air changes inside the control cab- inet, etc. The specified clearance around the XH-303 HMI Web Panel is: a, b, c ≧ 30 mm (1.18") If you will be installing the XH-303 HMI Web Panel in complex systems together with other assemblies, you must ensure that there will be enough air circulation in order to prevent overheating.
Page 32
XH-303-70-A10-A00-2B:e = 183 mm ±1 (7.20" ±0.04), f = 122 mm ±1 (4.80"±0.04") XH-303-10-A10-A00-2B: e = 255,5 mm ±1 (10.06"±0.04), f = 160,5 mm ± 1 (6.32" ±0.04), XH-303-15-A10-A00-2B:e = 388 mm ±0.5 (15.27"± 0.02), f = 239 mm (9.40") ±0.5 mm (0.02)
10 x for XH-303-10-A10-A00-2B, 12 x for XH-303-15-A10-A00-2B The XH-303 is sturdily built, but the components inside it are sensitive to excessively strong vibrations and/or mechanical shock. Accordingly, make sure to protect the XH-303 from mechanical loads that exceed the scope of the unit's intended use.
Check the gasket for damage and make sure it is resting correctly inside the enclosure groove. Missing parts or damage If you notice anything wrong, please contact your distributor or Eaton Service Contact info. Eaton.com/contact Service page: Eaton.com/aftersales XH-303 09/22 MN048029EN Eaton.com...
Together with the gasket, this holding bracket is the main element involved in achiev- ing an IP65 (at front) degree of protection. The purpose of the holding brackets is to secure the XH-303 onto a control panel, etc. To this end, the brackets must be hooked into the enclosure sideways and screwed against the control panel door, etc.
Page 36
Screw the set screws (Internal hexagon M 4 x 25 DIN 914 galvanized) into the holding brackets 1. Insert the XH-303 into the mounting cutout. 2. Insert a holding bracket into the corresponding enclosure opening and tighten the set screw until it comes into contact with the surface of the control panel, etc.
Do not switch on the XH-303 Web Panel when it has condensation in or on it. If the XH-303 Web Panel has condensation in or on it, or if the panel has been exposed to environmental fluctuations, let the XH-303 settle into the existing ambient temperature before switching it on.
Page 38
The XH-303 Web Panel has an internal fuse and protection against polarity reversal. The power supply for the XH-303 Web Panel is not galvanically isolated. The XH-303 Web Panel requires a rated operating voltage of 24 V DC from an AC-to- DC converter with safe isolation (SELV/PELV).
+24 V DC = 24 V DC (19.2 - 30 V DC SELV) = ... 0.6 - 0.8 Nm (5 - 7 lb-in) 0 V +24 V DC Fig. 6: Connecting the screw terminals on the Plug connector MSTB 2.5/3-ST-5.08 XH-303 09/22 MN048029EN Eaton.com...
Page 40
(SELV) set forth in IEC 60950 and – in connection with the UL listing – the requirements for a low-voltage source set forth in UL 61010-2-201, UL61010-1. The XH-303 is now ready to run on 24 V XH-303 09/22 MN048029EN Eaton.com...
4. External connections 4. External connections With their ports, Eaton's XH-303 Web Panel make it possible to connect a variety of peripheral devices and components. DANGER STRAY CURRENTS Large equalizing currents between the functional earthing system and the ground system of different devices may result in fire or in mal- functions due to signal interference.
4. External connections 4.1 Layout of interfaces 4.1 Layout of interfaces ④ ② ③ ① Fig. 8: Basic interfaces on all XH-303 HMI Web Panel units Version Interface ① 24 VDC supply voltage Plug connector MSTB 2.5/3-ST-5.08 ② RJ-45 socket, 8-pole, 2 LEDs (CAT5e/6), LAN1, 1000/100/10...
4. External connections 4.2 USB interfaces 4.2 USB interfaces Eaton's XH-303 Web Panel units feature ports that can be used to connect USB peri- pheral devices supported by the XH-303 unit's hardware and operating system. CAUTION When using commercially available peripheral devices (e.g., with the...
4. External connections 4.3 Ethernet 4.3 Ethernet The Ethernet port on the XH-303 Web Panel is used as a communication interface. The Ethernet controllers support transfer rates of 1000 Mbit/s, 100 Mbit/s and 10 Mbit/s. When the green LED lights up, this means that there is a LINK, i.e., that an active net- work is connected and has been detected.
Do not switch on the XH-303 Web Panel when it has condensation in or on it. If the XH-303 Web Panel has condensation in or on it, or if the panel has been exposed to environmental fluctuations, let the XH-303 settle into the existing ambient temperature before switching it on.
Press the CTRL button to run the Web Config Tool. Device Info – the device informationDevice information will be shown. Setting a language As soon as the XH-303 is ready, the header will show the language selection drop-down menu for the Web Config Tool. No other menus will be available without first logging in.
5.2 Running the XH-303 5.2 Running the XH-303 Once the XH-303 has been initially commissioned, it will run whenever it is connected to the supply voltage. In other words, it does not have to be separately switched on and off.
6. Web Config Tool 6.1 Security 6. Web Config Tool This application can be used to configure any XH-303. It can be accessed either with the local browser or with a browser installed on a con- nected device. The following section is intended for users that have basic net- working skills.
"192.168.1.2", the URL will be "https://192.168.1.2:8375". 6.2.3 Password setup If you reset the XH-303 device to its factory settings, the Web Config Tool will ask you to create a password when you access the device. The following screen will appear:...
Page 50
6. Web Config Tool 6.2 Handling Eaton Browser on the XH-303 Fig. 13: Password entry The selected password must meet all the conditions listed on the page. Minimum of 8 characters in length At least 1 number ...
Once you create a password, the login screen will be shown every time you access Web Config Tool afterwards. Passwords are created during initial commissioning. Eaton Browser on the XH-303 Fig. 15: Login You can change the password in the Device menu.
6. Web Config Tool 6.3 System configuration of the device 6.3 System configuration of the device Eaton Browser on the XH-303 Fig. 16: System configuration with the menu open XH-303 09/22 MN048029EN Eaton.com...
In order to prevent the device from being shut down or rebooted by accident, the device will show a security prompt asking for confirmation first. 6.3.1.3 Factory reset You can reset the device to its default settings under Factory reset. XH-303 09/22 MN048029EN Eaton.com...
6. Web Config Tool 6.3 System configuration of the device After confirming the prompt, all the settings and passwords in the XH-303 will be reset back to factory settings. 6.3.1.4 USB You can enable and disable the USB subsystem and the USB autostart function under USB.
You can change the host name under General settings. This name will be used for specific multicast DNS services. 6.3.3 Screen menu You can adjust the brightness and dimming for the display, as well as whether it will be turned off automatically, under Screen . System configuration / Fig. 19: Screen XH-303 09/22 MN048029EN Eaton.com...
After selecting the package and tapping the "Update" button, it is important for you to remain on the page until the upload is completed. You can follow the corresponding progress on the first progress bar, as shown below. XH-303 09/22 MN048029EN Eaton.com...
Page 57
You will need to restart the device once the update is done. To do this, tap the Restart button shown after the update is completed. Please note that you can only carry out one update after each restart. XH-303 09/22 MN048029EN Eaton.com...
In the Time synchronization with NTP pane, you can enable NTP and select a pre- ferred address and a backup address. The NTP service will then be used to correct the time and the system time on a regular basis. XH-303 09/22 MN048029EN Eaton.com...
6.3.6.1 SSH You can enable and disable the SSH service in the SSH pane. Please note that as of this writing, the SSH service can only be used by Eaton per- sonnel for servicing purposes. Make sure to disable SSH after you no longer need it and the device is in a production environment.
You can select either English or German as the language for the context menu under Language. The zoom factor is applied when the browser starts and can be used to adjust static web applications as necessary for the device's display. You can also disable the con- XH-303 09/22 MN048029EN Eaton.com...
URL as the default URL on the browser page. (For more information on how to create your own landing page, please refer to: → Section "Custom homepages", page 64 6.3.8 Legal menu Legal lists the open-source licenses used. XH-303 09/22 MN048029EN Eaton.com...
System configuration / Fig. 25: Legal All packages delivered with the running image will be shown together with their ver- sion and licenses. 6.3.9 Logs menu You can download various logs generated on the device under Logs. XH-303 09/22 MN048029EN Eaton.com...
Page 63
6. Web Config Tool 6.3 System configuration of the device System configuration / Fig. 26: Logs To download one of the files, select it and then double-click on the "Download" but- ton. XH-303 09/22 MN048029EN Eaton.com...
If this IP address is resolved with a DNS server, it is also possible to access the device landing page with the DNS URL instead. Example: Local access on the web panel with https://127.0.0.1:8375/home/ Fig. 27: Default landing page This is the sample homepage provided by default. XH-303 09/22 MN048029EN Eaton.com...
To do this, go to the System configuration (setup page) on your browser and click on the Download current homepage button under Homepage. System configuration / Fig. 28: Browser Store the ZIP file locally and extract it (e.g., with 7-Zip, which is available for free). XH-303 09/22 MN048029EN Eaton.com...
Page 66
Each row in the file corresponds to a link tile. The format follows the following syntax: {LinkName},{LinkDescription},{LinkURL},{Backgroundcolor} {LinkName} Link name {LinkDescription} Additional description of link {LinkURL} URL of the link that should be opened {Backgroundcolor} Tile background color You can use HTML colors for the background color: https://www.w3schools.com/colors/colors_names.asp XH-303 09/22 MN048029EN Eaton.com...
Page 67
After making the changes you want, use 7-Zip to zip the home folder into a new ZIP file. Please note: Make sure to only edit the "links.txt" file and to leave all the other files unchanged. Fig. 31: Updating the *zip file XH-303 09/22 MN048029EN Eaton.com...
Page 68
Click on the Upload homepage button to load the modified page, as a ZIP file, onto the web panel. Fig. 32: Uploading the ZIP file The change will not be available: Fig. 33: Example showing a change to the links.txt text file in the browser XH-303 09/22 MN048029EN Eaton.com...
Section " Changing the link tiles on the default homepage", page 65. 6.4.3 Resetting the homepage to the default page Fig. 34: Reset You can restore the original landing page at any time by tapping Restore default homepage. XH-303 09/22 MN048029EN Eaton.com...
The following section is intended for users that have basic net- working skills. To explain how to use the XH-303 with a web server, the Eaton easyE4 is used as an example below (the programmable easyE4 controller features an integrated web server).
XH-303 through an Ethernet switch If you want to connect more than one easyE4 base device or more than one network station to the XH-303, a properly sized Ethernet switch must be placed in between. Prerequisites ...
DE L AL T ES C Fig. 38: Ethernet connection between the XH-303 and easyE4 devices through a switch with the help of an external web browser (PC) 7.3.1 Steps for establishing a connection 1. Establish a physical connection between the easyE4 and the XH-303 with an Ethernet cable with RJ45 connectors.
Browser on XH-303XH-303 The XH-303 indicates that the easyE4 web server could not be found. One possible reason for this could be the settings on the XH-303 web panel. In this case, you would follow the steps below: Press the CTRL button to start the webconfig.
Page 74
After entering the password, you can view and change the set IP address in the Net- work menu, → Section " Network menu", page 54. The IP addresses for the XH-303 and the easyE4 must be on the same subnet and the subnet mask must be the same.
8. Faults 8. Faults This section provides troubleshooting information for your XH-303 in case it does not behave as expected. Fault Cause Remedy XH-303 will not boot up Check the input wiring. No 24 VDC supply voltage Switch on XH-303.
Do not use aggressive or abrasive cleaning products or solvents. Make sure that no liquids get into the XH-303 unit (short-circuit haz- ard) and that the XH-303 unit is not damaged in any way. Clean the capacitive multitouch with a clean, soft, damp cloth.
For repairs, please contact your vendor or Eaton's Technical Support. CAUTION DESTRUCTION The XH-303 should only be opened by the manufacturer or by an authorized center. Operate the XH-303 until only with the enclosure fully closed and sealed. Use the original packaging to ship the device.
Do not switch on the XH-303 Web Panel when it has condensation in or on it. If the XH-303 Web Panel has condensation in or on it, or if the panel has been exposed to environmental fluctuations, let the XH-303 settle into the existing ambient temperature before switching it on.
Page 79
XH-303 HMI Web Panel until it is completely dry. Use the original packaging to ship the device. The XH-303 is sturdily built, but the components inside it are sensitive to excessively strong vibrations and/or mechanical shock. Accordingly, make sure to protect the XH-303 from mechanical loads that exceed the scope of the unit's intended use.
Dispose of recyclables as required by your local recycling reg- ulations. XH-303 no longer being used must be professionally disposed of as per local stand- ards or returned to the manufacturer or relevant sales department. Tab. 6: Materials used XH-303...
Appendix Appendix A.1 Technical data A.1.1 Data sheets A.1.2 Dimension and weight specifications A.1.3 General data A.1.4 Port and interface specifications A.1.5 Information on the power supply A.1.6 Approvals and declarations A.2 Further usage information XH-303 09/22 MN048029EN Eaton.com...
196 mm x 135 mm x 51 mm (7.72" x 5.31" x 2.01") (without plug) Weight 0.7 kg (1.63 lbs) α ≧ 45° α ≧ 10° 183 mm ±1 (7.20" ±0.04") 2 - 5 mm (0.08 - 0.2") Fig. 40: Mounting cutout for 7.0" front mounting devices in mm (inches) XH-303 09/22 MN048029EN Eaton.com...
Page 83
Appendix A.1 Technical data XH-303-10-A10-A00-2B Front mounting 10.1" display 269 mm (10.59") 7 mm (0.28") 180.9 mm (7.12") 36.3 mm 50.1 mm (1.97") (1.42") 253.5 mm (9.98") Fig. 41: Dimensions for 10.1" front mounting devices in mm (inches) Width x Height x Depth 269 mm x 174 mm x 58 mm (10.59"...
Page 84
Appendix A.1 Technical data XH-303-15-A10-A00-2B Front mounting 15.6" display 60 mm (2.36") 401.7 mm (15.81") 180.9 mm (7.12") 102.3 mm 7.5 mm (0.3") (4.02") 385.5 mm (15.18") Fig. 43: Dimensions for 15.6" front mounting devices in mm (inches) Width x Height x Depth 403 mm x 255 mm x 77 mm ±...
Appendix A.1 Technical data A.1.3 General data The following specifications apply to all XH-303 units or to the specified part nos. where applicable. General Material Plastic enclosure and hardened glass in plastic frame Degree of protection IP65 (at front), IP20 (at rear)
Page 86
Screen diagonal 7.0" (17.78 cm) 10.1" (25.65 cm) 15.6" (54.6 cm) Resolution 1280 x 800 pixels 1024 x 600 pixels 1366 x 768 pixels Visible screen area 154 x 86 mm 217 x 136 mm 344 x 194 mm XH-303 09/22 MN048029EN Eaton.com...
XH-303-15-A10- A00-2B A00-2B A00-2B Quantity Ethernet USB host 2.0 Type RJ-45 socket, 8-pole, 2 LEDs (CAT5e/6), LAN1, Ethernet 1000/100/10 Mbps USB host USB 2.0, not galvanically isolated, plug type A, Full power (500 mA) XH-303 09/22 MN048029EN Eaton.com...
Appendix A.1 Technical data A.1.5 Information on the power supply The following specifications apply to all XH-303 units. Power Supply Rated operating voltage + 24 VDC SELV (safety extra low voltage) Permissible Voltage range Effective: 19.2-30.0 V DC (rated operating voltage -20%/+25%) Absolute with ripple: 18.0-31.2 V DC...
A.1 Technical data A.1.6 Approvals and declarations The following specifications apply to all XH-303 units. Approvals and declarations XH-303 units comply with all applicable European Union (EU) Directives and feature the CE marking. Applied standards and directives EMC (relevant for CE) 2004/108/EEC 2014/30/EU ...
A.2 Further usage information Hardware For more information on additional devices and modules, please refer to the following documentation: Installation instructions XH-303-… IL048020ZU Download Center,Eaton Online Catalog Enter "XH300" into the search box and the catalog will take you directly to the cor- responding product group in the Automation, Control and visualization section.
Function Cooling Further reading Copy-protected Copyright CTRL button General data Current 38, 88 Hazards Damage Device-specific Declarations Degree of protection Description Initial commissioning Dimensions Installation 10.1" Front mounting display Installation position 15.6" Front mounting display Clearances Directives Selection XH-303 09/22 MN048029EN Eaton.com...
Page 92
Mounting cutout Technical data Mounting distance Touch-Sensor Transit damage Transport Nameplate 19, 21 Troubleshooting Online Catalog USB host 19, 42-43 Operating elements USB peripheral devices Operating System Operation Proper Versions 17, 20 Original Operating Instructions Voltage range 38, 88 XH-303 09/22 MN048029EN Eaton.com...
Page 93
Web Config App Weight XH-303 09/22 MN048029EN Eaton.com...
Page 94
Eaton is an intelligent power management company dedicated to improving the quality of life and protecting the environment for people everywhere. We are guided by our commitment to do business right, to operate sustainably and to help our customers manage power ─ today and well into the future.
Need help?
Do you have a question about the XH-303 and is the answer not in the manual?
Questions and answers