Eaton XH-303 Manual Download Page 65

Page: 65 / 94

6. Web Config Tool
6.4 Custom homepages

6.4.1 Changing the link tiles on the default homepage

Follow the steps below:

1. Download the current page to make changes to it
2. Configure the link list in the

links.txt

text file or

create your own homepage

3. Upload the modified page back onto the device

To be able to modify the default landing page, you will first need to download the cur-
rent landing page from the web panel onto your PC.

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

Summary of Contents for XH-303

Page 1: ...Manual 09 22 MN048029EN XH 303 HMI Web Panel Manual...

Page 2: ...n date 09 2022 Version 02 Copyright 2022 by Eaton Industries GmbH 53105 Bonn Author editor Antje Nonnen PMCC Division Marketing Technical Content Eaton Industries GmbH Hein Moeller Stra e 7 11 D 53115...

Page 3: ...plemented for the I O interface so that a line or wire breakage on the signal side does not result in undefined states in the automation devi ces l Deviations of the mains voltage from the nominal val...

Page 4: ......

Page 5: ...tion 14 1 1 Function 14 1 1 1 Features 14 1 2 Use as intended 16 1 3 Device models versions and part nos 17 1 4 Operating and indication elements 18 1 5 Interfaces to peripheral devices 19 1 6 What th...

Page 6: ...aring the device for operation 37 3 4 1 Power supply electrical connection 39 4 External connections 41 4 1 Layout of interfaces 42 4 2 USB interfaces 43 4 2 1 USB host 43 4 3 Ethernet 44 5 Commission...

Page 7: ...evice Discovery 59 6 3 7 Browser menu 60 6 3 7 1 Browser 60 6 3 7 2 Additional trusted certificates 61 6 3 7 3 Homepage 61 6 3 8 Legal menu 61 6 3 9 Logs menu 62 6 4 Custom homepages 64 6 4 1 Changing...

Page 8: ...transport 78 9 3 2 Disposal 80 Appendix 81 A 1 Technical data 82 A 1 1 Data sheets 82 A 1 2 Dimension and weight specifications 82 A 1 3 General data 85 A 1 4 Port and interface specifications 87 A 1...

Page 9: ...nd skills It does not however go over the corresponding operating system or application soft ware Make sure to always use the latest documentation for your device Manual XH 303 HMI Web Panel MN048029E...

Page 10: ...plications CAUTION Installation requires qualified electrician Follow the safety instructions for the XH 303 The section on safety instructions must be read and understood by everyone who will be work...

Page 11: ...als 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 mai...

Page 12: ...to indicate variable values that you must replace with your own values Tab 1 Format conventions used throughout this manual 0 1 5 1 Warning labels Risk of personal injury warning DANGER Warns of hazar...

Page 13: ...round information information worth knowing useful additional information 0 1 5 2 Additional information for use Documents such as manuals are listed after the icon together with the cor responding na...

Page 14: ...erful graphics processing unit powers a state of the art user interface With their compact and sleek design featuring a heavy duty flat hardened glass panel XH 303 Web Panel are ideal for industrial a...

Page 15: ...n Every XH 303 Web Panel comes with the following integrated interfaces as standard l 1 x Ethernet 1000 100 10 Mbps as communication interface l 1 x USB host 2 0 port for device servicing 15 XH 303 09...

Page 16: ...303 Web Panel are approved for use in closed spaces Bid 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...

Page 17: ...as standard l 1 x Ethernet 1000 100 10 Mbps as communication interface l 1 x USB host 2 0 port for device servicing The following display sizes are available in order to ensure that the unit will best...

Page 18: ...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 CTRL Button The butt...

Page 19: ...which specific interfaces are included with the unit Fig 1 Interfaces Interfaces Basic equipment all XH 303 models Interface Version 24 VDC supply voltage Plug connector MSTB 2 5 3 ST 5 08 Ethernet 1...

Page 20: ...s 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 XH 303 Display size Interfaces Version 2B A...

Page 21: ...e of manufacture l Required power supply l Serial No l Type approval and certification marks and information l Layout of ports interfaces and controls Fig 2 Example for a nameplate 1 8 Support To get...

Page 22: ...to always operate it as specified in this document and for the intended purpose Follow the safety instructions for the XH 303 The section on safety instructions must be read and understood by everyone...

Page 23: ...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 releva...

Page 24: ...k with the XH 303 Web Panel l The personnel working with the XH 303 Web Panel must have read the manual and must follow all the instructions in it l The required ambient conditions must be met l Maint...

Page 25: ...ON INTERFERENCES The values specified in the technical data as well as the device s electromagnetic compatibility EMC cannot be guaranteed if the fol lowing are used unsuitable cables improperly assem...

Page 26: ...ces may result in fire or in mal functions due to signal interference If necessary route an equipotential bonding conductor with a cross sectional area that is several times larger than that of the ca...

Page 27: ...is not damaged in any way CAUTION INSTALLATION CUT OUT The mounting cutout must be located in a position that will not defeat the purpose of stabilizing webs or other reinforcing elements in the cont...

Page 28: ...N THE ETHERNET INTERFACE Communications may be affected and the connection s mechanical components may be damaged if the Ethernet interface is subjected to strong vibrations or the RJ45 plug in connec...

Page 29: ...eat Do not expose the XH 303 to direct sunlight or other sources of heat The minimum clearance to components emitting heat such as transformers under heavy loads is 15 cm CAUTION UV LIGHT Plastics wil...

Page 30: ...y 10 95 Condensation Non condensing 3 1 1 2 Aeration and de aeration l Do not block the ventilation openings when mounting the device They are designed to allow the air to circulate in order to cool t...

Page 31: ...F The panel builder is responsible for the temperature rise calculation Eaton will provide heat dissipation data for the XH 303 as necessary for design verification in accordance with IEC EN 61439 3...

Page 32: ...2768 2 K l Recommended mounting cutout for front mounting 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...

Page 33: ...to give them to the end customer The package for the XH 303 comes with Unit Description 1 x XH 303 70 A10 A00 2B XH 303 10 A10 A00 2B or XH 303 15 A10 A00 2B 1 x Plug connector MSTB 2 5 3 ST 5 08 1 x...

Page 34: ...vice is properly mounted using the original fixing material and the gasket has a proper seat l Minimum sheet thickness of control cabinet where the device will be flush mounted 2 mm 0 08 d 5 mm 0 2 3...

Page 35: ...g 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 scr...

Page 36: ...the set screw until it comes into contact with the surface of the control panel etc 3 Repeat on the opposite side 4 Follow steps 3 and 4 to insert the next holding bracket at a 90 angle to the last o...

Page 37: ...ristics Wire cross sectional area 1 5 mm length 350 mm The XH 303 needs to be connected to the conductive structure in e g the control panel using the central earth point earthing screw This method of...

Page 38: ...PELV 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 Bat...

Page 39: ...for connection to 24 VDC supply voltage Copper conductor 60 70 C Cross section min 0 75 mm2 max 2 5 mm2 drain wire or conductor min AWG18 max AWG12 Tightening torque 0 6 0 8 Nm 5 7 lb in for the scre...

Page 40: ...minals on the plug in connection for the supply voltage must not exceed 0 6 0 8 Nm 5 7 lb in Plug the pre assembled plug into the socket on the enclosure Pay attention to the polarity Connect the powe...

Page 41: ...parallel to the cable CAUTION INTERFERENCES The values specified in the technical data as well as the device s electromagnetic compatibility EMC cannot be guaranteed if the fol lowing are used unsuita...

Page 42: ...eb Panel units Interface Version 24 VDC supply voltage Plug connector MSTB 2 5 3 ST 5 08 Ethernet 1 RJ 45 socket 8 pole 2 LEDs CAT5e 6 LAN1 1000 100 10 Mbps USB host USB 2 0 not galvanically isolated...

Page 43: ...able peripheral devices e g with the USB port it is important to keep in mind that their EMC interference immunity parameters may render them unsuitable for use in industrial environments The USB port...

Page 44: ...ole 2 LEDs CAT5e 6 LAN1 For the network use shielded twisted pair STP cables only Max cable length 100 m CAUTION FORCES ON THE ETHERNET INTERFACE Communications may be affected and the connection s me...

Page 45: ...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 tem...

Page 46: ...etting 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 Log in to...

Page 47: ...the supply voltage In other words it does not have to be separately switched on and off Reducing the level of brightness will increase the display back light s lifespan Follow the instructions in the...

Page 48: ...that is generated automatically on the device the first time it starts Please note that the Web Config Tool cannot be used at all without this encryption The automatically generated key is self signe...

Page 49: ...up to date browser Please note that Internet Explorer is not supported In order to be able to access the Web Config Tool you must be on the same subnet as the remote browser PC and know the IP address...

Page 50: ...cters in length l At least 1 number l At least 1 uppercase letter l At least 1 lowercase letter l At least 1 special character from Please note that the password will not be accepted unless all the ab...

Page 51: ...f tap the lock button in the upper blue bar After 15 minutes of inactivity you will be logged out automatically and the login screen will be shown with a message saying that your session expired Confi...

Page 52: ...b 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...

Page 53: ...installed software You can change the password for the web configuration here by tapping the Change password button 6 3 1 2 Power management You can reboot and shut down the device under Power manage...

Page 54: ...re device logos You can change the logo that will be shown when booting up under Configure device logos In addition there is also the option of changing the start screen shown when the device has boot...

Page 55: ...configuration from the network If DHCP is disabled instead you will need to enter a static network configuration with an IP address subnet mask default gateway and DNS server Devices are shipped with...

Page 56: ...tart the moment the display is touched 6 3 4 Update menu System configuration Fig 20 Update You can upload a RAUC bundle under Update in order to update the device You can simply drag drop the raucb f...

Page 57: ...ar for the installation pro cess will appear System configuration Fig 21 Update progress bar You will need to restart the device once the update is done To do this tap the Restart button shown after t...

Page 58: ...ich Mean Time as its system time The relevant time zone adjustment if any will then be made before displaying the time If you use NTP time synchronization it is important to set the right time zone si...

Page 59: ...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...

Page 60: ...y show it when the button in the top right corner is tapped You can set the display mode to landscape or portrait mode under Orientation and also have the option of rotating those two so that you can...

Page 61: ...You can change the landing page start page for the local browser under Homepage In addition you can use any static web resources i e HTML JavaScript CSS images fonts and everything that can be retriev...

Page 62: ...e 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...

Page 63: ...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 63 XH 303 09 22 MN048029EN Eato...

Page 64: ...iceIPAddressOrURL 8375 home Assumption Address for Web Config Tool https deviceIPAd dressOrURL 8375 deviceIPAddressOrURL This should be the IP address set in the network configuration If this IP addre...

Page 65: ...odified page back onto the device To be able to modify the default landing page you will first need to download the cur rent landing page from the web panel onto your PC To do this go to the System co...

Page 66: ...xt text file 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 desc...

Page 67: ...Steuerung https 192 168 1 111 lightblue 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 t...

Page 68: ...load 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 fil...

Page 69: ...tored together with all additional HTML pages images JavaScripts CSS styles etc in a home folder after which the folder must be com pressed into a ZIP file Finally this ZIP file must be uploaded onto...

Page 70: ...ddress DEL ALT ESC OK Fig 35 Ethernet connection using the ports on the XH 303 and easyE4 The easy Remote Touch Display manual provides information on how to configure the easyE4 the required settings...

Page 71: ...nnection using the ports on the XH 303 and easyE4 easyE4 connection with the XH 303 through an Ethernet switch If you want to connect more than one easyE4 base device or more than one network station...

Page 72: ...tion tool RN DC LA LA X2 FD LA X3 FD LA DEL ALT ESC OK 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 est...

Page 73: ...XH 303XH 303 7 3 1 2 easyE4 not found 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 p...

Page 74: ...ng 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 ma...

Page 75: ...as not been connected properly The XH 303 needs to be con nected to the conductive struc ture in e g the control panel using the central earth point earthing screw Ground connection char acteristics W...

Page 76: ...nding correctly to touch 9 1 1 capacitive multitouch When soiled CAUTION POINTY SHARP OBJECTS AND CORROSIVE LIQUIDS When cleaning the XH 303 l Do not use any pointy or sharp objects e g knives l Do no...

Page 77: ...aton 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 Us...

Page 78: ...e 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 Do not...

Page 79: ...n forms on or inside the device If there is condensation in or on the device do not switch on the XH 303 HMI Web Panel until it is completely dry Use the original packaging to ship the device The XH 3...

Page 80: ...sed of as per local stand ards or returned to the manufacturer or relevant sales department Assembly part Material Display XH 303 hardened glass in plastic frame Enclosure material Insulated material...

Page 81: ...2 A 1 2 Dimension and weight specifications 82 A 1 3 General data 85 A 1 4 Port and interface specifications 87 A 1 5 Information on the power supply 88 A 1 6 Approvals and declarations 89 A 2 Further...

Page 82: ...181 5 mm 7 13 38 5 mm 1 52 43 1 mm 1 7 120 7 mm 4 75 44 2 mm 1 74 180 9 mm 7 12 120 6 mm 4 75 7 1 mm 0 27 7 4 mm 0 29 7 mm 0 28 Fig 39 Dimensions for 7 0 front mounting devices in mm inches Width x H...

Page 83: ...44 2 mm 1 74 36 3 mm 1 42 19 3 mm 0 75 7 mm 0 28 Fig 41 Dimensions for 10 1 front mounting devices in mm inches Width x Height x Depth without plug 269 mm x 174 mm x 58 mm 10 59 x 6 85 x 2 28 Weight 1...

Page 84: ...8 mm 9 32 44 2 mm 1 74 60 mm 2 36 7 5 mm 0 3 Fig 43 Dimensions for 15 6 front mounting devices in mm inches Width x Height x Depth without plug 403 mm x 255 mm x 77 mm 0 2 15 9 x 10 04 x 2 661 0 008...

Page 85: ...F Mounting position XH 303 70 A10 A00 2B XH 303 10 A10 A00 2B 45 T 50 C 122 F XH 303 15 A10 A00 2B 10 T 50 C 122 F 45 T 45 C 113 F Inclination from vertical 45 at operating temperature 45 C 113 F poss...

Page 86: ...XH 303 10 A10 A00 2B XH 303 15 A10 A00 2B Screen diagonal 7 0 17 78 cm 10 1 25 65 cm 15 6 54 6 cm Resolution 1024 x 600 pixels 1280 x 800 pixels 1366 x 768 pixels Visible screen area 154 x 86 mm 217 x...

Page 87: ...H 303 10 A10 A00 2B XH 303 15 A10 A00 2B Quantity Ethernet 1 1 1 USB host 2 0 1 1 1 Type Ethernet RJ 45 socket 8 pole 2 LEDs CAT5e 6 LAN1 1000 100 10 Mbps USB host USB 2 0 not galvanically isolated pl...

Page 88: ...brief voltage dips 10 ms from rated operating voltage 24 V DC 5 ms from undervoltage 19 2 V DC Power consumption XH 303 70 A10 A00 2B max 14 4 W Power consumption at 24 V DC 11 9 W for basic device 2...

Page 89: ...ock res istance IEC EN 60068 2 27 15g 11ms Vibration IEC EN 60068 2 6 Displacement amplitude 5 9 Hz 3 5 mm 9 60 Hz 0 15 mm Acceleration amplitude 60 150 Hz 2 g Free fall pack aged IEC EN 60068 2 31 Ro...

Page 90: ...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...

Page 91: ...button 18 Current 38 88 D Damage 34 Declarations 89 Degree of protection 85 Description 14 Dimensions 82 10 1 Front mounting display 83 15 6 Front mounting display 84 Directives 89 Display 18 Disposa...

Page 92: ...21 O Online Catalog 90 Operating elements 18 Operating System 85 Operation Proper 24 Original Operating Instructions 2 P Package contents 33 Part number 20 PCT 76 Ports 41 Power consumption 38 88 Powe...

Page 93: ...W Web Config App 48 Weight 82 XH 303 09 22 MN048029EN Eaton com 93...

Page 94: ...n and digitalization we re accelerating the planet s transition to renewable energy helping to solve the world s most urgent power management challenges and doing what s best for our stakeholders and...

Search results

Summary of Contents for XH-303

Reviews:

Related manuals for XH-303

Brands by name

Popular brands

Eaton XH-303, Manual

Search results

Summary of Contents for XH-303

Reviews:

Related manuals for XH-303

Brands by name

Popular brands