Page tree
Skip to end of metadata
Go to start of metadata

If you want to integrate the webSignatureOffice viewer / document URL into your existing web application (browser), there are basically two options available:
a) Display of the document viewer in a separate browser tab.
b) Display of the document viewer within your own browser page, integrated via iFrame (see example below)

iFrame Test
<!DOCTYPE html>

		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
		<title>Viewer iFrame Test</title>

		<!-- JS -->
		<script src=""></script>
				// URL from Backend
				var url = urlFromBackend; //Response from Tyrservice method calls; example URL = https://host/process?x=tldv&u=1&t=1234&d=1234&xx=abc
	        jQuery('.iframe iframe').attr('src', url);

		<!-- CSS -->
				font-family: arial !important;
				font-size: 16px;
				line-height: 22px;


				background-color: #23406b;
				color: #fff;

			header .logo
				display: inline-block;
				vertical-align: middle;

			header nav
				display: inline-block;
				vertical-align: middle;

				margin-left: 50px;

			header nav a
				margin-left: 10px;
				color: #fff;
			header nav a:hover
				opacity: 0.7;


				background-color: #23406b;
				color: #fff;

			/* example for iframe styling */
				width: 100%;
				height:calc(100vh - 250px);

			<div class="logo">Logo</div>
				<a href="#">Menu 1</a>
				<a href="#">Menu 2</a>
				<a href="#">Menu 3</a>
				<a href="#">Menu 4</a>

			<div class="intro">
				<h1>Beispielhafte Anbindung webSignatureOffice Viewer</h1>

			<!-- iFrame start -->
			<div class="iframe">
				<iframe src="" name="iFrame" title="iFrame" allowfullscreen></iframe>
			<!-- iFrame end -->

  • No labels