Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by Larry Hamlet on Jul 13, 2009 20:47
open dhtmlx forum
Need Combo List To Show Outside Layout Window

I am using the dhtmlxLayout and in a frame I have a dhtmlCombo object using setAutoSubCombo(s). The problem is that unlike a standard HTML combo the dhtmlxCombo list drops down behind the frame hiding some of the List while the standard HTML stays "on top" and goes right on down over the next frame so that all the whole List is visible.

<body style="background-color:#F6F6EE; width:100%; height:100%; overflow:auto; position:relative;">
<link rel='STYLESHEET' type='text/css' href='DHTMLX/dhtmlxCombo/common/style.css'>
<table><tr><td>
<div id="tieredCombo1" style="width:100%; height:100%; overflow:auto; position:relative;"></div>
</td></tr></table>
<script>
var z4=new dhtmlXCombo("tieredCombo1","alfa1",500);
z4.loadXML("GetPlans.php")    
var z5 = z4.setAutoSubCombo("GetPolicies.php","alpha2")
z5.enableFilteringMode(true);
var z6 = z5.setAutoSubCombo("GetClaims.php","alpha3")
z6.enableFilteringMode(true);
var z7 = z6.setAutoSubCombo("GetClaimant.php","alpha4")
z7.enableFilteringMode(true);
</script>
</body>

How do I get this Combo to "Hang Out" over the Layout Window below?
Answer posted by Alex (support) on Jul 14, 2009 03:49

When combo drop-down is open, it causes scrolls in iframe. So, it is visible. But is can't behaves as html select. The sample is attached.

Attachments (1)
1247561895.zip92.24 Kb
Answer posted by Larry Hamlet on Jul 14, 2009 08:41

Yes!  This is exactly the behavior I am getting.

Is it possible then to have the more HTML-like List area behavior added to the Combo "Wish List" as a feature request for the future?  If so, that would be tremendously useful.

Answer posted by Alex (support) on Jul 14, 2009 09:13
Unfortunately, it isn't possible to implement this feature.
Answer posted by Larry Hamlet on Jul 28, 2009 08:08

OK.  So I also now notice that there's an Combo Sample http://www.dhtmlx.com/docs/products/docsExplorer/index.shtml?type=smpl

This dhtmlx official Sample shows that in an iFrame the Combo should allow the List to appear above the Combo "box" (instead of below).  
But when I have tried to use this method behavior in dhtmlxLayout I cannot get the List to appear above the Combobox.
If the Layout Windows are all iFrames why is the behvior not the same?  Did I miss something?

Answer posted by Alex (support) on Jul 28, 2009 08:22

Hello, 

it seems that it works in Layout too if the page with autopositioned combo is in iframe. The example:

...

dhxLayout.cells("a").attachURL("../../../dhtmlxCombo/samples/options/combo_auto_position.html");

Please, provide the sample to re-create the issue.

Answer posted by Larry Hamlet on Jul 28, 2009 11:09

OK.  Got it very close to what I really want.  
Had to use the enableOptionAutoHeight() method.
See Attached.

Only wish I could get/force combo "C3" to go up so that I can add another row to that List.

Thanks so much!

Attachments (1)
MakeComboBoxListAdjust2LayoutWindow.zip2.99 Kb
Answer posted on Jul 29, 2009 01:07

Hello,

you can set "top" position by ListPosition property (instead of automatic position):

cascade3Combo.ListPosition = "Top";