Embedding Emakin

With embedded forms you can display emakin forms in other applications in HTML iframe.

Embedded form layout can be accessed from "http(s)://<mydomain>.emakin.com/app/embed" url. Embedded layout does not show any side bar and only shows the main content of the form with optionally actions. Example view of the embedded layout of a form.

Authentication

Embedded forms need valid authentication, so if the user is not logged in before, browser automatically redirects to the login page. Alternatively, you can specify an authentication token to login user automatically and skip login page.

Example embedded page url with authentication token;

	http://ertan.emakin.com/app/embed?/workitem/d4c1adc7-c9d2-4af0-a2b3-b6d61d88df6d&auth=41AA3CE3CAFB..............BF8114

You can generate required authentication token with getToken method in rest service.

Generated authentication tokens are limited to configured based time period and they can get expired. Please always generate new tokens as long as it's needed, and do not store in any place like disk or code.

Embedding Form

You can embed emakin forms in a basic HTML IFrame tag like below;

Example:

<html>
	<body>
        Hello!
		<iframe src="http://ertan.emakin.com/app/embed?/workitem/d4c1adc7-c9d2-4af0-a2b3-b6d61d88df6d" width="100%" height="600" frameborder="0"></iframe>
	</body>
</html>

Default configuration prevents the use emakin in IFrame tag because of security. If you get any error please try to remove "X-XFrame-Options" header from your web configuration file to allow to use emakin in an iframe tag.

Action Toolbar

By default, emakin does not show action toolbar of work items. If you want the action toolbar to be shown, you can specify "actions=1" parameter in query string to show action toolbar.

Example:

<html>
	<body>
        Hello!
		<iframe src="http://ertan.emakin.com/app/embed?/workitem/d4c1adc7-c9d2-4af0-a2b3-b6d61d88df6d&actions=1" width="100%" height="600" frameborder="0"></iframe>
	</body>
</html>

Return Address

You can specify "returnUrl" parameter in the query string, to redirect user the another address after the form is completed. This parameter is only meaningful if an action toolbar is visible.

Example:

<html>
	<body>
        Hello!
		<iframe src="http://ertan.emakin.com/app/embed?/workitem/d4c1adc7-c9d2-4af0-a2b3-b6d61d88df6d&actions=1&returnUrl=http://localhost" width="100%" height="600" frameborder="0"></iframe>
	</body>
</html>