Aug 15, 2011, 6:01 AM
Toolbar
Hi,
Im loading more than 15 items into toolbar. after loading its look good but if i resize the screen then toolbar is not rendering fully... please refer attached sample.
How to fix this?
Im loading more than 15 items into toolbar. after loading its look good but if i resize the screen then toolbar is not rendering fully... please refer attached sample.
How to fix this?
<%@ Page Language="C#" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<ext:XScript ID="XScript1" runat="server">
<script type="text/javascript">
window.onresize = function()
{
if(document.documentElement.clientWidth < 900)
{
#{UserToolbar}.setWidth(900);
}
else
{
#{UserToolbar}.setWidth(document.documentElement.clientWidth);
}
}
</script>
</ext:XScript>
</head>
<body>
<form id="form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server">
</ext:ResourceManager>
</ext:Hidden>
<div>
<ext:Panel ID="pnlToolbar" runat="server" AutoHeight="true" MonitorResize="true">
<Items>
<ext:Toolbar ID="UserToolbar" runat="server" EnableOverflow="true" MonitorResize="true">
</ext:Toolbar>
</Items>
</ext:Panel>
<ext:TextField ID="text1" runat="server" Width="900">
</ext:TextField>
</div>
</form>
</body>
</html>