Questions on UI for ASP.NET AJAX Forum

2 answers

93 views

I have a handler that serves documents similar to this poster: http://www.telerik.com/community/forums/aspnet-ajax/compression/radcompression-ashx-content-length-header-flush.aspx

This stopped working when I enabled RadCompression, so I tried disabling it for the handler, but it still corrupts the reponse. I have verified that removing RadCompression completely fixes the problem, but I'd like to be able to use it for UI pages.

Am I doing this right?

Here's the relevant code from my web.config:

<sectionGroup name="telerik.web.ui">

<section name="radCompression" type=

"Telerik.Web.UI.RadCompressionConfigurationSection, Telerik.Web.UI, Version=2011.1.519.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4"

allowDefinition="MachineToApplication" requirePermission="false"/>

</sectionGroup>

<telerik.web.ui>

<radCompression enablePostbackCompression="false">

<excludeHandlers>

<add handlerPath="*.wmdoc" matchExact="false"/>

</excludeHandlers>

</radCompression>

</telerik.web.ui>

<httpHandlers>

<add type="MMS_Document" verb="*" path="*.wmdoc" validate="false"/>

</httpHandlers>

Compression

answered on 05 Apr 2012

5 answers

271 views

Odd Resizing of GridEditCommandColumn w/ ImageButton

Hello
I have an strange issue w/ the GridEditColumn expanding to a very large size in order to stretch the RadGrid to fill the horizontal display area, but only when the ButtonType of that column is set to "ImageButton". When using "LinkButton" or "PushButton", all the columns of the RadGrid expand proportionally to fill the horizontal display. The underlying data connection is an Oracle db, and the issue happens on different tables (but not all of them). It seems to depend on the total number of columns and therefore the total horizontal width of the grid. If there are more columns than can be displayed, the horizontal scroll bar appears as expected. When the entire grid can be displayed, the columns expand proportionally to fit the width, but not if using "ImageButton", In that case, the GridEditColumn is not proportionally expanded, but is overly wide.

Please see attached screen shots. I've tried changing the image used for the GridEditColumn, but that had no affect.
Using Telerik version: 2009.3.1314.20

Code is as follows:

<telerik:RadSplitter ID="RadSplitter1" runat="server" Orientation="Horizontal" Width="100%"

<br>        Height="100%" FullScreenMode="True" BorderSize="0" ResizeWithBrowserWindow="true" ResizeMode="Proportional" ResizeWithParentPane="False"><

br> <telerik:RadPane ID="HeaderPane" runat="server" CssClass="header" Height="48px" Scrolling="None"> <table id="TableHeader" width="100%" style="height: 100%; "> <tbody> <tr valign="middle"> <td style="font-size: 10pt; color: white;" width="48px"> <img alt="" src="Images/CodeMaintLogo.gif" /> </td> <td align="left" style="font-size: 14pt; color: white;"> Code Maintenance   </td> <td align="left" style="font-size: 10pt; color: white;" width="50px"> <asp:Label ID="LinkOptions" runat="server" Font-Underline="True" ForeColor="White" Text="Options"> </asp:Label> </td> <td align="left" style="font-size: 10pt; color: white;" width="50px"> <asp:Label ID="LabelLogout" runat="server" Font-Underline="True" ForeColor="White" Text="Logout"></asp:Label> </td> <td align="left" style="font-size: 10pt; color: white;" width="50px"> <asp:Label ID="LabelUserID" runat="server" Font-Bold="True" Font-Size="12pt" Font-Underline="False" ForeColor="White"></asp:Label> </td> </tr> </tbody> </table> </telerik:RadPane> <telerik:RadPane ID="MainPane" runat="server" Scrolling="None"> <telerik:RadSplitter ID="RadSplitter2" runat="server" Width="100%" Height="100%" LiveResize="True" BorderSize="0" FullScreenMode="True"> <telerik:RadPane ID="TreePane" runat="server" CssClass="treepane_default" Width="300px" Height="100%"> <telerik:RadTreeView ID="TreeView1" runat="server" SingleExpandPath="True"></telerik:RadTreeView> </telerik:RadPane> <telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Forward" Height="100%" Width="100%" /> <telerik:RadPane ID="GridPane" runat="server" BackColor="#E0E0E0" Height="100%" Scrolling="None" Width="100%"> <telerik:RadGrid ID="RadGrid1" runat="server" AllowAutomaticDeletes="True" AllowFilteringByColumn="True" AllowPaging="True" AllowSorting="True" CssClass="MasterTable_Default" GridLines="None" PageSize="15" ShowDesignTimeSmartTagMessage="False" ShowGroupPanel="True" ShowStatusBar="True" Skin="Web20" Width="100%" Height="100%"> <PagerStyle AlwaysVisible="True" BackColor="#D2D6DB" ForeColor="Blue" Mode="NextPrevAndNumeric"></PagerStyle> <ClientSettings AllowDragToGroup="True" AllowGroupExpandCollapse="True"> <Scrolling AllowScroll="True" ScrollHeight="100%"></Scrolling> <ClientEvents OnColumnMouseOut="OnColumnMouseOut" OnColumnMouseOver="OnColumnMouseOver" OnFilterMenuShowing="OnFilterMenuShowing" OnGridCreated="GridCreated" OnRowDblClick="RowDblClick" /> </ClientSettings> <MasterTableView CellPadding="1" CommandItemDisplay="Top" EditMode="InPlace" GridLines="None" GroupLoadMode="Client"> <HeaderStyle CssClass="grid_header" ForeColor="White" Wrap="False"></HeaderStyle> <CommandItemTemplate> <table width="900px" style="height: 100%"> <tr align="left" valign="middle"> <td align="center"> <img alt="" src="RadControls/Grid/Skins/AddRecord.gif" style="border: 0px" /> <asp:LinkButton ID="btnAdd" runat="server" CommandName="InitInsert" Text="Add new item"></asp:LinkButton> </td> <td align="center"> <img alt="" src="Images/Filter.JPG" style="border: 0px" /> <asp:LinkButton ID="BtnFilter" runat="server" CommandName="ShowFilter" Text="Show filter"></asp:LinkButton> </td> <td align="center"> <img alt="" src="Images/Import.JPG" style="border: 0px" /> <asp:LinkButton ID="BtnImport" runat="server" CommandName="Import" Text="Import data"></asp:LinkButton> </td> <td align="center"> <img alt="" src="Images/Export.JPG" style="border: 0px" /> <asp:LinkButton ID="BtnExport" runat="server" CommandName="Export" Text="Export data"></asp:LinkButton> </td> <td align="center"> <img alt="" src="Images/History.JPG" style="border: 0px" /> <asp:LinkButton ID="BtnHistory" runat="server" CommandName="History" Text="History"></asp:LinkButton> </td> <td align="center"> <img alt="" src="RadControls/Grid/Skins/Refresh.gif" style="border: 0px" /> <asp:LinkButton ID="btnRefresh" runat="server" CommandName="Rebind" Text="Refresh data"></asp:LinkButton> </td> <td>   </td> </tr> </table> </CommandItemTemplate> <EditFormSettings CaptionFormatString="Update Code Table" ColumnNumber="2"> <FormStyle BackColor="#EEF2EA" BorderColor="#6788BE" BorderStyle="Solid" BorderWidth="1px" CssClass="Grid_EditForm"></FormStyle> <EditColumn ButtonType="PushButton" UniqueName="EditCommandColumn1"> </EditColumn> <FormTableButtonRowStyle HorizontalAlign="Center"></FormTableButtonRowStyle> <FormTableStyle CellPadding="2" CellSpacing="0" CssClass="module" GridLines="Horizontal" /> <FormCaptionStyle CssClass="Grid_EditFormHeader" Font-Bold="True" HorizontalAlign="Left" /> <FormMainTableStyle CellPadding="3" CellSpacing="0" /> <FormTableItemStyle Wrap="False" /> </EditFormSettings> <Columns> <telerik:GridEditCommandColumn ButtonType="ImageButton" Reorderable="False" ShowSortIcon="False"> <HeaderStyle ForeColor="DimGray" Width="20px" /> <ItemStyle HorizontalAlign="Center" Width="20px" /> </telerik:GridEditCommandColumn> <telerik:GridButtonColumn ButtonType="ImageButton" CommandName="DELETE" ConfirmText="Are you sure you want to Delete this record?" HeaderButtonType="PushButton" ImageUrl="~/RadControls/Grid/Skins/Web20/Delete.gif" Reorderable="False" ShowSortIcon="False" UniqueName="DeleteColumn"> <ItemStyle HorizontalAlign="Center" /> </telerik:GridButtonColumn> </Columns> <ExpandCollapseColumn Resizable="False" Visible="False"> <HeaderStyle Width="20px"></HeaderStyle> </ExpandCollapseColumn> <RowIndicatorColumn Visible="False"> <HeaderStyle Width="20px"></HeaderStyle> </RowIndicatorColumn> <FilterItemStyle BackColor="#D6D6D6" Wrap="False" /> <EditItemStyle BackColor="#DCFC5C" VerticalAlign="Middle" Wrap="False" /> </MasterTableView> <EditItemStyle BackColor="#DCFC5C" VerticalAlign="Middle" Wrap="False"></EditItemStyle> <ExportSettings> <Pdf PageBottomMargin="" PageFooterMargin="" PageHeaderMargin="" PageHeight="11in" PageLeftMargin="" PageRightMargin="" PageTopMargin="" PageWidth="8.5in" /> </ExportSettings> <FilterItemStyle Wrap="False" /> <GroupHeaderItemStyle BackColor="#FFEBCC" Font-Bold="True" Wrap="False" /> </telerik:RadGrid> </telerik:RadPane> </telerik:RadSplitter> </telerik:RadPane> <telerik:RadPane ID="FooterPane" runat="server" CssClass="footer" Height="20px"> <div style="text-align: right"> <asp:Label ID="LabelVersion" runat="server" Font-Size="7pt" ForeColor="White" Text="1.0.0"></asp:Label> </div> </telerik:RadPane> </telerik:RadSplitter>

Any advise would be greatly appreciated.

Grid

answered on 04 Apr 2012

10 answers

273 views

Javacript error while hiding some Recurrences of RadSchedulerRecurrenceEditor

Hi Veronica,

My co-worker and I are trying to create a test user profile to test our application and we saw a javacript error like:
    Sys.InvalidOperationException: Handler must be a function

This error prevented us to retrieve our appointments on RadScheduler.
I researched the Internet and somebody suggested to remove brackets/parenthenses when we call the event on the client side. For example, before I had this on my RadScheduler:
    OnClientFormCreated="OnClientFormCreated()"     I changed this into: OnClientFormCreated="OnClientFormCreated"

It works. However, all my javacript codes inside this function are not working. For example, I tried to hide options of reccurences like Hourly, Monthly, Yearly, End after, Saturday and Sunday checkboxes of weekly recurrence (see my following codes). My question is which argument I should use to make these work like before:

function OnClientFormCreated(sender, eventArgs)

{

$telerik.$(".rsRecurrenceOptionList li:first-child").hide();

$telerik.$(".rsRecurrenceOptionList li:eq(1)"

).hide();

$telerik.$(".rsRecurrenceOptionList li:eq(4)").hide();

$telerik.$('input[id=RadScheduler1_Form_WeeklyWeekDaySaturday]').attr('checked', false);

$telerik.$(

'input[id=RadScheduler1_Form_WeeklyWeekDaySunday]').attr('checked', false);

$telerik.$(".rsAdvWeekly_WeekDays li:eq(0)").hide();

$telerik.$(".rsAdvWeekly_WeekDays li:nth-child(5)").css("clear","");

$telerik.$(".rsAdvWeekly_WeekDays li:eq(6)").hide();

$telerik.$(".rsAdvRecurrenceRangePanel .rsAdvOptionsPanel ul li:nth-child(2)").hide();

}

Please help!

Thanks so much!

Tiffany Phan

Scheduler

answered on 04 Apr 2012

4 answers

144 views

RadAjaxPanel - Exception has been thrown by the target of an invocation

Hi there,

I am using Q3, asp.net 2.0 and I have run into this error: Exception has been thrown by the target of an invocation.

I do know what causes it, but I cannot find out how to solve.

I wrap a detailsview into the RadAjaxPanel and everything works fine. The problem is that I have some textboxes which do not allow the value null. Everything is fine if I type some values in these textboxes, but it throws this error if this textboxes are left null.

I have set the RequiredFieldValidator for these textboxes, hoping it to show some alert messages to users to type in these boxes but they do not work with RadAjaxPanel. Perhaps I miss something with using validation with RadAjaxPanel?

Please advice.
Thanks.

Ajax

answered on 04 Apr 2012

4 answers

272 views

RadGrid Editable Columns - Update Function Not Working

HELP! (please)
I have a RadGrid. I have two updatable columns. When I try to update, nothing happens.

Here is my front end....

<telerik:RadGrid Width="550px" ID="RadGrid1" AllowMultiRowEdit="True" runat="server"

OnItemCommand="RadGrid1_ItemCommand" OnNeedDataSource="RadGrid1_NeedDataSource" OnItemDataBound="RadGrid1_ItemDataBound">

<MasterTableView DataKeyNames="HandlingPriceEstimationID" AutoGenerateColumns="False" EditMode="InPlace"

CommandItemDisplay="Bottom">

<Columns>

<telerik:GridBoundColumn ReadOnly="true" DataField="HandlingPriceEstimationID" UniqueName="HandlingPriceEstimationID"

Visible="False">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn ReadOnly="true" DataField="UoMCode" UniqueName="UoMCode"

Visible="False">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn ReadOnly="true" DataField="UoMName" UniqueName="UoMName"

HeaderText="UOM">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn ReadOnly="true" DataField="DimCode" UniqueName="DimCode"

HeaderText="IBU">

</telerik:GridBoundColumn>

<telerik:GridNumericColumn ReadOnly="False" DataField="FirstItem" UniqueName="FirstItem"

HeaderText="First Item" />

<telerik:GridNumericColumn ReadOnly="False" DataField="RemainItem" UniqueName="RemainItem"

HeaderText="Remaining Item" />

<telerik:GridEditCommandColumn UniqueName="EditCommandColumn" />

</Columns>

<CommandItemTemplate>

<asp:Button runat="server" ID="UpdateAll" Text="Update" CommandName="UpdateAll" />

</CommandItemTemplate>

</MasterTableView>

</telerik:RadGrid>

Here is my back end... (my data source is in a data access layer)

protected void RadGrid1_NeedDataSource(Object source, GridNeedDataSourceEventArgs e)

{

CP_PortalDb db = new CP_PortalDb();

DataTable dataTable = new DataTable();

dataTable = db.StoredProcedures.stp_HandlingPriceEstimationGETALL_Command();

string prevHPEID = "";

foreach (DataRow dRow in dataTable.Rows)

{

string newHPEID = dataTable.Rows[0]["HandlingPriceEstimationID"].ToString();

if (prevHPEID != newHPEID)

{

dRow["HandlingPriceEstimationID"] = Convert.ToInt32(dataTable.Rows[0]["HandlingPriceEstimationID"]);

dRow["DimCode"] = dataTable.Rows[0]["DimCode"].ToString();

dRow["UoMCode"] = dataTable.Rows[0]["UoMCode"].ToString();

dRow["UoMName"] = dataTable.Rows[0]["UoMName"].ToString();

dRow["FirstItem"] = dataTable.Rows[0]["FirstItem"].ToString();

dRow["RemainItem"] = dataTable.Rows[0]["RemainItem"].ToString();

}

prevHPEID = newHPEID;

}

RadGrid1.DataSource = dataTable;

}

protected void RadGrid1_ItemCommand(object source, GridCommandEventArgs e)

{

CP_PortalDb db = new CP_PortalDb();

if (e.CommandName == "UpdateAll")

{

if (RadGrid1.EditIndexes.Count == 0)

{

return;

}

foreach (GridDataItem editedItem in RadGrid1.EditItems)

{

Hashtable newValues = new Hashtable();

//The GridTableView will fill the values from all editable columns in the hash

e.Item.OwnerTableView.ExtractValuesFromItem(newValues, editedItem );

int returnedID = Convert.ToInt32(editedItem.GetDataKeyValue("HandlingPriceEstimationID"));

if (e.Item is GridDataItem)

{

GridDataItem fItem = (GridDataItem) e.Item;

GridDataItem rItem = (GridDataItem) e.Item;

double fItemHandPrice = Convert.ToDouble(fItem["FirstItem"]);

double rItemHandPrice = Convert.ToDouble(rItem["RemainingItem"]);

db.StoredProcedures.stp_MaterialHandlingEstimationUPDATE_Command(returnedID, fItemHandPrice, rItemHandPrice);

}

editedItem.Edit = false;

}

e.Item.OwnerTableView.Rebind();

}

protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e)

{

if (e.Item is GridDataItem && e.Item.IsInEditMode)

{

GridDataItem dataItem = e.Item as GridDataItem;

//Hides the Update button for each edit form

dataItem["EditCommandColumn"].Controls[0].Visible = false;

}

My update is a stored procedure that requires three Parameters... the ID of the edited row, the value of the edited column, or columns.
I can't get it to do the actual update. I've looked at samples, and tried to match the examples (with minor changes for my stored procedures - and population). However, I'm still not able to get the update working.

If you can pinpoint my error and help me correct it, I'd be very much obliged.

Thanks, in advance. :-)

Grid

answered on 04 Apr 2012

1 answer

75 views

RadScheduler Drag and Drop old issue on version: 2012.1.215.40

Hello,

I am having the same issue in my application with the drag and drop on the Scheduler. I have the version 2012.1.215.40. Every time I am using Chrome when I try to drag and drop my event inside the scheduler in go to the top of the column day or active the click event on the new position that I drop it. I saw that this and old issue so I dont know if I am missing some configuration in my controls since this is an old application.

Thanks

Scheduler

answered on 04 Apr 2012

5 answers

73 views

Problem with paste and IE9

Hi,

We have a RadEditor with AutoResizeHeight="true" that is located inside a outer div that has scroll.
When the entire window is about the same size as the div (in our case the div is always resized with the window), the page scrolls away and content that were located above the editor is not visible anymore!
In our case it is the outer div that handles the scroll, so we have set the page to not display scroll at all (overflow:none).

A simplified example:

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="test.aspx.vb" Inherits="WebApplication1.test" %>

<!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" style="overflow: hidden">

<head runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server">

<asp:ScriptManager ID="s" runat="server">

</asp:ScriptManager>

<div style="background-color: Red; color: White">

Some other content!!!

</div>

<div style="width: 800px; height: 300px; overflow: auto; background-color: Black">

<telerik:RadEditor ID="aa" runat="server" ContentAreaMode="Div" AutoResizeHeight="true">

</telerik:RadEditor>

</div>

</form>

</body>

</html>

In this simplified example I have hardcoded the div size, to simulate this behavior you have to resize the browser window to ~same size as the div.
When doing this, first enter new-lines until there is a substantial scroll in the div, then paste some content last in the editor.
When pasted you can notice that the text above the editor disappears, the entire page has scrolled instead of the div!!!

I have only seen this behavior in IE9, and it is a kinda new thing, I have only tested with 2012 Q1 release where it happens, and 2011.2.915 release where it doesn't happen at all!
It appears in both Div-mode and Iframe-mode...

Regards
Caesar

Editor

answered on 04 Apr 2012

2 answers

82 views

Toggle Individual Row with check box

I looked at the grid demo here

http://demos.telerik.com/aspnet-ajax/grid/examples/programming/selectrowwithcheckbox/defaultcs.aspx

Unfortunately it references "ToggleRowSelection" in the ASP page for the row on CheckedChange.
When you look at the code demo, ToggleRowSelection does not exist.

The code for when you select the header does indeed exist.

protected void ToggleSelectedState(object sender, EventArgs e)

{

CheckBox headerCheckBox = (sender as CheckBox);

foreach (GridDataItem dataItem in RadGrid1.MasterTableView.Items)

{

(dataItem.FindControl("CheckBox1") as CheckBox).Checked = headerCheckBox.Checked;

dataItem.Selected = headerCheckBox.Checked;

}

So what I am trying to find out, what is the code for checking that individual row?

What should be in ToggleRowSelection

Grid

answered on 04 Apr 2012

1 answer

130 views

Insert Image with Percent Width and Height

Hello,

We use the Editor in our CMS for our responsive sites. It's impossible to use px sizes as width and height of images. We are wondering if its possible to change the Image Manager tool to be able to set the width and height of images in % rather than px.

Thanks for your help!

Josh

Editor

answered on 04 Apr 2012

4 answers

221 views

Getting Select Item to Work

I have this tiny project where I'm trying to get "Select Item" to work in RadListView. However, I am not having any luck with it. The RadListView loads and populates correctly, but when I click on an object, it does not change to the "SelectedItem" template for the object. What am I doing wrong?

Thank you for any help,
Andrey

Default.aspx:

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeBehind="Default.aspx.cs" Inherits="ListViewTest._Default" %>
 
<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <asp:ObjectDataSource ID="m_oDataSource" runat="server" SelectMethod="GetData"
        EnablePaging="true" StartRowIndexParameterName="iStartRecord" MaximumRowsParameterName="iMaxRecords"
        SortParameterName="sSortColumns" DataObjectTypeName="System.String" TypeName="ListViewTest._Default"
        OldValuesParameterFormatString="original_{0}"></asp:ObjectDataSource>
    <telerik:RadListView runat="server" ID="m_oListView" DataSourceID="m_oDataSource">
        <ItemTemplate>
            <fieldset title="Item">
                <asp:Label runat="server" Text="Not Selected" />
            </fieldset>
        </ItemTemplate>
        <SelectedItemTemplate>
            <fieldset title="Selected Item">
                <asp:Label runat="server" Text="Selected" />
            </fieldset>
        </SelectedItemTemplate>
    </telerik:RadListView>
</asp:Content>

Default.aspx.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
 
namespace ListViewTest
{
    public partial class _Default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
 
        }
 
        public IList<String> GetData(string sSortColumns, int iMaxRecords, int iStartRecord)
        {
            IList<String> oList = new List<String>();
 
            for (int i = 0; i < 10; i++)
            {
                oList.Add(i.ToString());
            }
            return oList;
        }
    }
}

Site.Master:

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="ListViewTest.SiteMaster" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head runat="server">
    <title></title>
    <link href="~/Styles/Site.css" rel="stylesheet" type="text/css" />
    <asp:ContentPlaceHolder ID="HeadContent" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form runat="server">
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        <Scripts>
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js">
            </asp:ScriptReference>
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js">
            </asp:ScriptReference>
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js">
            </asp:ScriptReference>
        </Scripts>
    </telerik:RadScriptManager>
    <div class="page">
        <div class="header">
            <div class="title">
                <h1>
                    My ASP.NET Application
                </h1>
            </div>
            <div class="clear hideSkiplink">
                <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal">
                    <Items>
                        <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Home"/>
                    </Items>
                </asp:Menu>
            </div>
        </div>
        <div class="main">
            <asp:ContentPlaceHolder ID="MainContent" runat="server"/>
        </div>
        <div class="clear">
        </div>
    </div>
    <div class="footer">
        
    </div>
    </form>
</body>
</html>

Web.config:

<?xml version="1.0"?>
 
<!--
  For more information on how to configure your ASP.NET application, please visit
  http://go.microsoft.com/fwlink/?LinkId=169433
  -->
 
<configuration>
  <appSettings>
    <add key="webpages:Version" value="1.0.0.0" />
    <add key="ClientValidationEnabled" value="true" />
    <add key="UnobtrusiveJavaScriptEnabled" value="true" />
    <add key="Telerik.Skin" value="Windows7" />
  </appSettings>
  <connectionStrings>
    <add name="ApplicationServices"
         connectionString="data source=.\SQLEXPRESS;Integrated Security=SSPI;AttachDBFilename=|DataDirectory|\aspnetdb.mdf;User Instance=true"
         providerName="System.Data.SqlClient" />
  </connectionStrings>
 
  <system.web>
    <httpHandlers>
      <remove verb="*" path="*.asmx"/>
      <add verb="*" path="*.asmx"
           type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Culture=neutral, Version=4.0.0.0, PublicKeyToken=31bf3856ad364e35"
           validate="false"/>
      <add path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" validate="false" />
    </httpHandlers>
    <compilation debug="true" targetFramework="4.0" />
 
    <authentication mode="Forms">
      <forms loginUrl="~/Account/Login.aspx" timeout="2880" />
    </authentication>
 
    <membership>
      <providers>
        <clear/>
        <add name="AspNetSqlMembershipProvider" type="System.Web.Security.SqlMembershipProvider" connectionStringName="ApplicationServices"
             enablePasswordRetrieval="false" enablePasswordReset="true" requiresQuestionAndAnswer="false" requiresUniqueEmail="false"
             maxInvalidPasswordAttempts="5" minRequiredPasswordLength="6" minRequiredNonalphanumericCharacters="0" passwordAttemptWindow="10"
             applicationName="/" />
      </providers>
    </membership>
 
    <pages>
      <controls>
        <add tagPrefix="ajaxToolkit" namespace="AjaxControlToolkit" assembly="AjaxControlToolkit" />
        <add tagPrefix="telerik" namespace="Telerik.Web.UI" assembly="Telerik.Web.UI" />
        <add tagPrefix="telerik" namespace="Telerik.Charting" assembly="Telerik.Web.UI" />
      </controls>
    </pages>
 
    <profile>
      <providers>
        <clear/>
        <add name="AspNetSqlProfileProvider" type="System.Web.Profile.SqlProfileProvider" connectionStringName="ApplicationServices" applicationName="/"/>
      </providers>
    </profile>
 
    <roleManager enabled="false">
      <providers>
        <clear/>
        <add name="AspNetSqlRoleProvider" type="System.Web.Security.SqlRoleProvider" connectionStringName="ApplicationServices" applicationName="/" />
        <add name="AspNetWindowsTokenRoleProvider" type="System.Web.Security.WindowsTokenRoleProvider" applicationName="/" />
      </providers>
    </roleManager>
 
  </system.web>
 
  <system.webServer>
    <modules runAllManagedModulesForAllRequests="true" />
    <validation validateIntegratedModeConfiguration="false" />
    <handlers>
      <add name="Telerik_Web_UI_WebResource_axd"  verb="*" preCondition="integratedMode" path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" />
    </handlers>
  </system.webServer>
</configuration>

ListView

answered on 04 Apr 2012