...
You can embed emakin forms in a basic HTML IFrame tag like below;
Example:
Code Block | ||
---|---|---|
| ||
<html> <body> Hello! <iframe src="https://ertanmydomain.emakin.com/app/?/initiate/55..c8&apiKey=58ea0f3d.....90b984be905a" width="100%" height="600300" frameborder="0"></iframe> </body> </html> |
...
You can specify "returnUrl" parameter in the query string, to redirect user the another address after the form is completed.
Example:
Code Block | ||
---|---|---|
| ||
<html> <body> Hello! <iframe src="https://ertanmydomain.emakin.com/app/?/initiate/55..c8&apiKey=58ea0f3d.....90b984be905a&returnUrl=http://localhost" width="100%" height="600300" frameborder="0"></iframe> </body> </html> |
IFrame Size
For some forms, the height of the interface can change dynamically. When you want the IFrame size to change automatically according to the form, size changes can be applied dynamically with an additional javascript library.
Code Block | ||
---|---|---|
| ||
<html>
<body>
<iframe id="frame" src="https://mydomain.emakin.com/app/?/initiate/55..c8&apiKey=58ea0f3d.....90b984be905a&returnUrl=http://localhost" width="100%" height="300" frameborder="0"></iframe>
<script src="https://static.emakin.com/r/IFrameResizer/JS?c=en-US"></script>
<script>iFrameResize({ minHeight:300 }, '#frame')</script>
</body> |
Note |
---|
Unlike other examples, please pay attention to the fact that the ID is assigned to the IFrame element that you want to monitor. |