It should be easy to include a 3rd party control (in my case, a DevExpress GridView) using iFrame in a ExtJS Component and point its source to the aspx page containing the control. But a problem arise later. To explain it simply: when there are many users using the same grid view at the same time, it doesn't work as multiple instances, but only 1 instance. So I want to include the DevExpress control on the same page as the ExtJS app page (specifically to include the DevExpress GridView in the ExtJS Panel), so that it would work as an independent instance.
What I have tried: manually put DevExpress control in a div tag and add style attribute to it in order to position it at the same position as the ExtJS Panel.
This worked partially on IE, but didn't work at all on Chrome. So I'm out of idea.
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="http://cdn.sencha.com/ext/gpl/4.2.1/resources/ext-theme-classic/ext-theme-classic-all.css">
<%--This position is the same as ExtJS Panel--%>
<div id="grid-holder" style="top: 28px; left: 0px; height: 309px; width: 865px; position: absolute;">
Is it possible to do this?