You can control the expand direction of an item by settings the $ExpandDirection of $GroupSettings of that item
	$item = $km->Add("root","edit","Edit");
	$item->GroupSettings->ExpandDirection = "Up";
				
	 
	                                     
	                                    												
													
													<?php
	require $KoolControlsFolder."/KoolMenu/koolmenu.php";
 
	$km = new KoolMenu("km");
	$context = new KoolContextMenu("context");
	$context->scriptFolder = $KoolControlsFolder."/KoolMenu";
	$context->styleFolder = "default";
	$context->Add("root","blue","Blue","javascript:setColor(\"blue\")","images/star_blue.png");
	$context->Add("root","yellow","Yellow","javascript:setColor(\"yellow\")","images/star_yellow.png");
	$context->Add("root","green","Green","javascript:setColor(\"green\")","images/star_green.png");
	$context->Add("root","red","Red","javascript:setColor(\"red\")","images/star_red.png");
	$context->Add("root","grey","Grey","javascript:setColor(\"gray\")","images/star_grey.png");
 
	$context->AttachTo = "myPanel";
 
?>
 
<form id="form1" method="post">
	<div style="padding-top:20px;padding-bottom:100px;width:650px;">
		Right-click to open color menu:
		<div id="myPanel" style="width:100px;height:100px;background:green;margin-top:10px;"></div>
		<?php echo $context->Render();?>
		<script>
			function setColor(_color)
			{
				document.getElementById("myPanel").style.backgroundColor = _color;
			}			
		</script>
	</div>
</form>