i am new to this issues and i need help. problem is: i cant see page right format like attachment. i created page with telerik wizard a page: RadGridAutomaticCrudOperations. i didnt add anything,i guess i missing something. what should i do.
page aspx:
page aspx:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="RadGridAutomaticCrudOperations.aspx.cs" Inherits="RadGridAutomaticCrudOperations" %><!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> <style type="text/css"> .MyImageButton { cursor: hand; } .EditFormHeader td { font-size: 14px; padding: 4px !important; color: #0066cc; } </style> <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" CdnSettings-TelerikCdn="Enabled" /></head><body> <form id="form1" runat="server"> <telerik:RadAjaxManager runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel1" EnableHistory="True"> </telerik:RadAjaxManager> <telerik:RadScriptManager ID="RadScriptManager1" runat="server" CdnSettings-TelerikCdn="Enabled"> <scripts> <%--Needed for JavaScript IntelliSense in VS2010--%> <%--For VS2008 replace RadScriptManager with ScriptManager--%> <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" /> <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" /> <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" /> </scripts> </telerik:RadScriptManager> <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" /> <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server"> <telerik:RadGrid ID="RadGrid1" GridLines="None" runat="server" AllowAutomaticDeletes="True" AllowSorting="True" AllowAutomaticInserts="True" AllowAutomaticUpdates="True" AllowMultiRowEdit="True" AllowPaging="True" DataSourceID="DataSource1" OnItemUpdated="RadGrid1_ItemUpdated" AllowFilteringByColumn="True" OnItemDeleted="RadGrid1_ItemDeleted" OnItemInserted="RadGrid1_ItemInserted" OnDataBound="RadGrid1_DataBound" CellSpacing="0"> <pagerstyle mode="NextPrevAndNumeric" /> <ClientSettings> <Scrolling AllowScroll="True" UseStaticHeaders="True" /> </ClientSettings> <mastertableview autogeneratecolumns="False" commanditemdisplay="TopAndBottom" datakeynames="ProductID" datasourceid="DataSource1" editmode="EditForms" horizontalalign="NotSet" width="100%"> <commanditemsettings exporttopdftext="Export to PDF" /> <rowindicatorcolumn filtercontrolalttext="Filter RowIndicator column" visible="True"> </rowindicatorcolumn> <expandcollapsecolumn filtercontrolalttext="Filter ExpandColumn column" visible="True"> </expandcollapsecolumn> <Columns> <telerik:GridBoundColumn DataField="ProductID" DataType="System.Int32" Display="False" FilterControlAltText="Filter ProductID column" HeaderText="ProductID" ReadOnly="True" SortExpression="ProductID" UniqueName="ProductID"> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="ProductName" FilterControlAltText="Filter ProductName column" HeaderText="ProductName" SortExpression="ProductName" UniqueName="ProductName"> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="SupplierID" DataType="System.Int32" Display="False" FilterControlAltText="Filter SupplierID column" HeaderText="SupplierID" SortExpression="SupplierID" UniqueName="SupplierID"> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="CategoryID" DataType="System.Int32" Display="False" FilterControlAltText="Filter CategoryID column" HeaderText="CategoryID" SortExpression="CategoryID" UniqueName="CategoryID"> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="QuantityPerUnit" Display="False" FilterControlAltText="Filter QuantityPerUnit column" HeaderText="QuantityPerUnit" SortExpression="QuantityPerUnit" UniqueName="QuantityPerUnit"> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="UnitPrice" DataType="System.Decimal" FilterControlAltText="Filter UnitPrice column" HeaderText="UnitPrice" SortExpression="UnitPrice" UniqueName="UnitPrice"> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="UnitsInStock" DataType="System.Int16" FilterControlAltText="Filter UnitsInStock column" HeaderText="UnitsInStock" SortExpression="UnitsInStock" UniqueName="UnitsInStock"> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="UnitsOnOrder" DataType="System.Int16" Display="False" FilterControlAltText="Filter UnitsOnOrder column" HeaderText="UnitsOnOrder" SortExpression="UnitsOnOrder" UniqueName="UnitsOnOrder"> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="ReorderLevel" DataType="System.Int16" Display="False" FilterControlAltText="Filter ReorderLevel column" HeaderText="ReorderLevel" SortExpression="ReorderLevel" UniqueName="ReorderLevel"> </telerik:GridBoundColumn> <telerik:GridCheckBoxColumn DataField="Discontinued" DataType="System.Boolean" Display="False" FilterControlAltText="Filter Discontinued column" HeaderText="Discontinued" SortExpression="Discontinued" UniqueName="Discontinued"> </telerik:GridCheckBoxColumn> <telerik:GridBoundColumn DataField="CategoryName" FilterControlAltText="Filter CategoryName column" HeaderText="CategoryName" SortExpression="CategoryName" UniqueName="CategoryName"> </telerik:GridBoundColumn> </Columns> <editformsettings> <formtableitemstyle wrap="False" /> <formtablestyle backcolor="White" cellpadding="2" cellspacing="0" height="110px" /> <formmaintablestyle backcolor="White" cellpadding="3" cellspacing="0" width="100%" /> <formcaptionstyle cssclass="EditFormHeader" /> <FormMainTableStyle BackColor="White" CellPadding="3" CellSpacing="0" GridLines="None" Width="100%" /> <FormTableStyle BackColor="White" CellPadding="2" CellSpacing="0" Height="110px" /> <formtablealternatingitemstyle wrap="False" /> <editcolumn buttontype="ImageButton" canceltext="Cancel edit" uniquename="EditCommandColumn1"> </editcolumn> <formtablebuttonrowstyle cssclass="EditFormButtonRow" horizontalalign="Right" /> </editformsettings> </mastertableview> <filtermenu enableimagesprites="False"> </filtermenu> </telerik:RadGrid> <telerik:RadWindowManager ID="RadWindowManager1" runat="server"> </telerik:RadWindowManager> </telerik:RadAjaxPanel> <asp:SqlDataSource ConnectionString="<%$ ConnectionStrings:NorthwindOAConnectionString %>" ID="DataSource1" runat="server" SelectCommand="SELECT * FROM [Alphabetical list of products]"></asp:SqlDataSource> <telerik:RadSkinManager ID="RadSkinManager1" Runat="server" Skin="Sunset"> </telerik:RadSkinManager> </form></body></html>