How can I make an embedded ParaSQL app responsive?

21 views
Skip to first unread message

ParaSQL Support

unread,
Nov 9, 2015, 4:05:41 PM11/9/15
to ParaSQL Support
First, make sure your app is set to dynamically resize its width and height (see Format > Layout options...) and that the other objects within your app (e.g. tabs, menus, forms, reports, etc.) are all set to resize in the manner you want. You can test this by running your app with the Test App button in the design window.

Second, you can change the styling of the embedded iframe element to make it resize within its parent element. 
Here is a simple example:

<html>
<head></head>
<body>

<div style='position: relative; width: 100%; height: 100%; overflow: hidden;'>
 <iframe src='https://www.parasql.com/run?appId=60b87b22-d194-472f-9699-52ed1c13b5b7&embed=true' style='position: relative; width: 100%; height: 100%; box-sizing: border-box; background-color:transparent' frameborder='0' seamless></iframe>
</div>

</body>
</html>

For more info on working with responsive embeds, you may find the following article helpful:



Reply all
Reply to author
Forward
0 new messages