jQWidgets Forums

Tagged: jqxdromdonwlist, jqxTabs

This topic contains 2 replies, has 2 voices, and was last updated by Peter Stoev 11 years, 1 month ago.

Viewing 3 posts - 1 through 3 (of 3 total)

Author

Tabs with using iframe on IE10 Posts
May 12, 2014 at 6:59 am Tabs with using iframe on IE10 #54336
nyorozo
Participant
Hello,

There seems to be an error in DropDownList when using ifame as contents of Tabs (see below).
The same thing happens in page number selector and hierarchy colum header in Grid.

<default.html>
====================
<!DOCTYPE html>
<html lang=”en”>
<head>
<link href=”library/jqwidgets/styles/jqx.base.css” rel=”stylesheet” type=”text/css” />
<script type=”text/javascript” src=”library/jquery/jquery-1.11.0.js”></script>
<script type=”text/javascript” src=”library/jqwidgets/jqxcore.js”></script>
<script type=”text/javascript” src=”library/jqwidgets/jqxtabs.js”></script>

<style type=”text/css”>
</style>

<script type=”text/javascript”>
$(function() {
$(“#RMM_Flame_Tabs”).jqxTabs({
width :990,
height :567
});
});
</script>

</head>

<body >
<span>Title</span>

<div id=’jqxWidget’>
<div id=”RMM_Flame_Tabs”>
- tab1
- tab2
<div>
<iframe height=”300px” src=”tab1.html”></iframe>
</div>

<div>
<iframe height=”300px” src=”tab2.html”></iframe>
</div>
</div>
</div>
</body>
</html>

<tab1.html>
====================

<!DOCTYPE html>
<html lang=”en”>

<head>
<link href=”library/jqwidgets/styles/jqx.base.css” rel=”stylesheet” type=”text/css” />

<script type=”text/javascript” src=”library/jquery/jquery-1.11.0.js”></script>
<script type=”text/javascript” src=”library/jqwidgets/jqxcore.js”></script>
<script type=”text/javascript” src=”library/jqwidgets/jqxlistbox.js”></script>
<script type=”text/javascript” src=”library/jqwidgets/jqxbuttons.js”></script>
<script type=”text/javascript” src=”library/jqwidgets/jqxscrollbar.js”></script>
<script type=”text/javascript” src=”library/jqwidgets/jqxdropdownlist.js”></script>
<style type=”text/css”>
</style>

<script type=”text/javascript”>

$(function () {
var roomList= [“All”, “Room1”, “Room2”, “Room3”, “Room4”];
$(“#RE_Room”).jqxDropDownList({
source : roomList,
selectedIndex: 3,
width: ‘150px’,
height: ’25px’,
placeHolder: ‘Select Room’,
autoDropDownHeight: true
});
});
</script>

</head>

<body id=”body” class=”contents” >

<div>
<span>Title1</span>
</div>
<div id=’jqxWidget’>
<div id=”RE_Room”></div>
</div>
</body>

</html>

<tab2.html>
====================

<!DOCTYPE html>
<html lang=”en”>

<head>
<link href=”library/jqwidgets/styles/jqx.base.css” rel=”stylesheet” type=”text/css” />

<script type=”text/javascript” src=”library/jquery/jquery-1.11.0.js”></script>
<script type=”text/javascript” src=”library/jqwidgets/jqxcore.js”></script>
<script type=”text/javascript” src=”library/jqwidgets/jqxlistbox.js”></script>
<script type=”text/javascript” src=”library/jqwidgets/jqxbuttons.js”></script>
<script type=”text/javascript” src=”library/jqwidgets/jqxscrollbar.js”></script>

<script type=”text/javascript” src=”library/jqwidgets/jqxdropdownlist.js”></script>

<style type=”text/css”>

</style>

<script type=”text/javascript”>

$(function () {
var roomList= [“All”, “Room1”, “Room2”, “Room3”, “Room4”];
$(“#RE_Room”).jqxDropDownList({
source : roomList,
selectedIndex: 3,
width: ‘150px’,
height: ’25px’,
placeHolder: ‘Select Room’,
autoDropDownHeight: true
});
});
</script>

</head>

<body id=”body” class=”contents” >

<div>
<span>Title2</span>
</div>
<div id=’jqxWidget’>
<div id=”RE_Room”></div>
</div>
</body>

</html>
May 12, 2014 at 7:08 am Tabs with using iframe on IE10 #54337

nyorozo
Participant

The error happens when select tabs which is not default.
In the sample case, when selecting tabs the layout of contents of dropdownlist is broken.

May 13, 2014 at 4:30 am Tabs with using iframe on IE10 #54362

Peter Stoev
Keymaster

Hi nyorozo,

To learn how to use widgets within jqxTabs, see: http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxtabs/integration.htm?arctic and follow the same pattern.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/
Author

Posts

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.