mkunz
/
uraxis


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546
							<!DOCTYPE html>
<html>
	<head>
		<title>Festo Axis</title>
		<style>
			input {
				display: inline-block;
				width: 200px;
				height: 28px;
			}

			label {
				display: inline-block;
				width: 150px;
				height: 28px;
			}

			#preview {
				display: block;
				padding: 35px 20px 20px 0px;
			}

			#header {
				padding: 0px 0px 20px 0px;
			}
		</style>
	</head>
	<body>
		<form>
			<p>Move axis relative by x</p>
			<br \>
			<input id="rbAbs" type="radio">
			<label for="rbAbs">Absolute</label><br/>
			<input id="rbRel" type="radio">
			<label for="rbRel">Relative</label><br/>
			<input id="pos" type="number"/>
			<br/>
			<div id="preview">
				<h3 id="header">Preview</h3><br \>
				Title: <label id="titlePreviewLabel" style="width: 400px;"/> <br \>
				Message: <label id="messagePreviewLabel" style="width: 400px;"/>
			</div>
		</form>
	</body>
</html>