or
<telerik:RadChart ID="rcServiceChart" runat="server" SeriesOrientation="Horizontal" DefaultType="StackedBar100" Skin="Hay" Width="500px" Height="100px" AutoLayout="true"> <ChartTitle Visible="false" /> <Legend Visible="false" /></telerik:RadChart>

I need to create the following page layout with Splitters and Panes; the entire browser window should be occupied with the splitter and must grow and shrink with the browser. The page would have 3 main sections: top, middle, bottom. The top section will have a menu, the bottom section would have a table or a DocZone. The middle part is divided into two sections, left and right with a Splitbar to be able to move it to the right or left. Here is what’s really important:
Your help with this layout would be much appreciated,
-Sam
|
|
//Client side function called by my button in the first tab:triggerMyThridTab: function() { this._needToAdd = true; this._tabs.get_tabs().getTab(2).set_selected(true);}//.... calling the selected functiononTabSelected: function(sender, args){ if(this._needToAdd){ sender._userControl._needToAdd = true; sender._userControl._myThridTab.raise_load(); }}//In my thirdTab usercontrol load function....raise_load: function(){ if(this._needToAdd){ var myAction = "addNewEntry"; eval("var exec = function() { $find(window.idAjaxManager).ajaxRequestWithTarget('" + this._triggerUniqueID + "', '\\{ \\'Action\\':\\'" + myAction + "\\'}' ); }"); ExecRequeteAjax(this, exec, 5, null);//This calls the postback }}'This is the userControl contained in the third tabPrivate Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load If ValidateEventArguments() Then 'I must open the grid in insert mode MyGrid.MasterTableView.IsItemInserted = True MyGrid.Rebind() End IfEnd Sub<telerik:RadGrid ID="MyGrid" runat="server" > <EditFormSettings EditFormType="WebUserControl" UserControlName="~/UserControls/MyAddItemCustomUC.ascx" /> <Columns>....</Columns></telerik:RadGrid>Protected Sub MyGrid_ItemCreated(ByVal sender As Object, ByVal e As GridItemEventArgs) Handles MyGrid.ItemCreated If TypeOf e.item Is GridEditFormInsertItem Then Dim control As MyCustomEditUC = DirectCast(e.Item.FindControl(GridEditFormInsertItem.EditFormUserControlID), MyCustomEditUC) control.SomePropreties = PropretiesInViewState End IfEnd Sub<telerik:RadComboBox ID="RadComboBox1" runat="server" Height="200px" Width="300px" DropDownWidth="520px" EmptyMessage="Select Item" HighlightTemplatedItems="true" EnableLoadOnDemand="True" RadComboBoxImagePosition="Right" AllowCustomText="true" DataTextField="hardware_no" DataValueField="id_comp" SelectedValue='<%# Eval("id_comp") %>' Text='<%# Eval("hardware_no") %>' AutoPostBack="False" DataSourceID="SqlDataSource1" > <HeaderTemplate> <table style="width: 480px" cellspacing="0" cellpadding="0"> <tr> <td style="width: 20px;"> </td> <td style="width: 35px;"> Amount</td> <td style="width: 100px;"> Hardware Nr</td> <td style="width: 160px;"> Department</td> <td style="width: 140px;"> Person</td> </tr> </table> </HeaderTemplate> <ItemTemplate> <table style="width: 480px" cellspacing="0" cellpadding="0"> <tr> <td style="width: 20px;"> <asp:CheckBox runat="server" ID="chk1" Checked="false" /> </td> <td style="width: 35px;"> <asp:TextBox ID="TextBoxAmount" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "amount") %>' Width="25" ></asp:TextBox> </td> <td style="width: 100px;"> <%# DataBinder.Eval(Container.DataItem, "no_h")%> </td> <td style="width: 160px;"> <%# DataBinder.Eval(Container.DataItem, "dept")%> </td> <td style="width: 140px;"> <%# DataBinder.Eval(Container.DataItem, "person")%> </td> </tr> </table> </ItemTemplate> </telerik:RadComboBox>