Questions on UI for ASP.NET AJAX Forum

3 answers

179 views

[Solved] Edit In Place With Autogenerated Rows

Hi,

I'm currently attempting to make an edit page for a list of 30+ items that ideally need to be edited in place. To do this I'm using the AutoGenerateColumns = True method on the RadGrid to generate the columns I need automatically from the datasource, and this works without a problem. I've also used the AutoGenerateEditColumn = True to generate myself an edit column, which again worked perfectly. My problem then comes when trying to actually catch the update event.

I've made an event to handle the RadGrid.UpdateCommand event, but none of your examples on the following page actually seem to work for this situation:
http://www.telerik.com/help/aspnet-ajax/grid-updating-inplace-and-editforms.html

When I try and use the Auto-Generated Column Editors code the only column that it seems to be able to find is the auto-generated edit column, and then it moves on to rebinding the data using the RadGrid.NeedDataSource event, which then populates my table again with it's original data and not the data from my previous update. Is there a tutorial somewhere that will help me catch the updated data so I can update the datasource before it rebinds it?

Thanks for any help.

Grid

answered on 19 Jun 2012

2 answers

120 views

[Solved] Listbox EmptyMessageTemplate rlbEmptyMessage positioning issue

Hi I have the following aspx code:

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"

CodeBehind="Default.aspx.cs" Inherits="TestWebApplication1._Default" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">

</asp:Content>

<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">

<telerik:RadListBox ID="RadListBox1" runat="server">

<HeaderTemplate>

Header

</HeaderTemplate>

<EmptyMessageTemplate>

<asp:Label runat="server" Text="No Items"></asp:Label>

</EmptyMessageTemplate>

</telerik:RadListBox>

</asp:Content>

In my code behind:

RadListBox1.DataSource = new List<string> {};

RadListBox1.DataBind();

The telerik.web.ui.dll is
Version: 2011.3.1115.35
Runtime Version: v2.0.50727

The empty template get's renders like so: (see attachment)

I noticed that in the rendered HTML, there's a div with a class called "rlbEmptyMessage"

.RadListBox .rlbEmptyMessage {

color: #999999;

font-style: italic;

position: absolute;

text-align: center;

}

Now when I remove the position: absolute css style, the emtpy message displays as I think it should. Is this a bug?

Tested in Firefox 13.0 and and IE 8.0

ListBox

answered on 19 Jun 2012

0 answers

101 views

Editable cell on hierarchy RadGrid and asociated to another cell on parent table

Hi, let me try to explain what i need.

I already have a hierarchy grid, the data is loaded on the event "OnNeedDataSource" and creating a dataRelation between tables.

I need a cell is editable and it is related to a cell in the parent table. The parent cell is a summarization of the values in cells is related, so if you change a value in a cell, the parent cell should change.

Attached an image illustrating the case.

Grid

asked on 19 Jun 2012

4 answers

106 views

Can't see sum in footer in IE

Hi,

After upgrading to 2012.1.411 version, the sum of the last column might be hidden in IE.
This problem was not in 2012.1.215.

It only occurs when there is a footer in the last column and that footer is aligned right.
Must also use scrolling and static headers.

Sample:

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

<!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>

</head>

<body>

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

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

</asp:ScriptManager>

<div>

<telerik:RadGrid ID="rg" runat="server">

<ClientSettings>

<Scrolling AllowScroll="true" ScrollHeight="200px" UseStaticHeaders="true" />

</ClientSettings>

<MasterTableView ShowFooter="True" AutoGenerateColumns="false">

<Columns>

<telerik:GridBoundColumn DataField="string"></telerik:GridBoundColumn>

<telerik:GridNumericColumn DataField="number" Aggregate="Sum">

<ItemStyle HorizontalAlign="Right" />

<FooterStyle HorizontalAlign="Right" />

</telerik:GridNumericColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</div>

</form>

</body>

</html>

Public Class testgrid

Inherits System.Web.UI.Page

Private Sub rg_NeedDataSource(sender As Object, e As Telerik.Web.UI.GridNeedDataSourceEventArgs) Handles rg.NeedDataSource

Dim dt As New DataTable()

dt.Columns.Add("string", GetType(String))

dt.Columns.Add("number", GetType(Integer))

For i As Integer = 1 To 7

dt.Rows.Add({"test", i})

Next

rg.DataSource = dt

End Sub

End Class

As you can see in this sample, the sum of the "number" column will be cut off.

Regards
Caesar

Grid

answered on 19 Jun 2012

5 answers

566 views

[Solved] Can't get the Height:100% to work

Hello Team;
I have tried all the recommendations for setting the proper Master Page in-line style:

<style type="css">

html, body, form

{

height: 100%;

margin: 0px;

padding: 0px;

overflow: hidden;

}

</style>

I have also copied the exact sample given in the help/demo and still the height 100% does not work.
Here is the Master Page:

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="DBO_Web.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>Document BackOffice</title>

<meta name="keywords" content="Document, Management, Sharing, Storage, Publish, Search" />

<meta name="description" content="Complete Document Publishing, Management, and Sharing system" />

<link href="~/Styles/Site.css" rel="stylesheet" type="text/css" />

<link id="Link1" runat="server" rel="shortcut icon" href="~/favicon.ico" type="image/x-icon" />

<link id="Link2" runat="server" rel="icon" href="~/favicon.ico" type="image/ico" />

<style type="css">

html, body, form

{

height: 100%;

margin: 0px;

padding: 0px;

overflow: hidden;

}

</style>

</head>

<body>

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

<telerik:RadSkinManager ID="RadSkinManager" runat="server" Skin="Office2010Blue" />

<telerik:RadScriptManager ID="RadScriptManager" runat="server" />

<telerik:RadFormDecorator ID="RadFormDecorator" runat="server" />

<div style="margin-right: 10px; margin-left: 10px; height:100%" >

<asp:ContentPlaceHolder ID="MainContent" runat="server" />

</div>

</form>

</body>

</html>

and Here is the content page to hold your sample, but still in all three browser they show height of 500px

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"

CodeBehind="Publish.aspx.cs" Inherits="DBO_Web.Views.Publisher.Publish" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">

<div id="ParentDivElement" style="height: 100%;">

<%--_________________________________________________________________________________________________--%>

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

BackColor="#F4F9FE" VisibleDuringInit="False" Orientation="Horizontal">

<telerik:RadPane ID="TopPane" runat="server" Height="100" MinHeight="85" MaxHeight="150"

Scrolling="none">

</telerik:RadPane>

<telerik:RadSplitBar ID="RadsplitbarTop" runat="server" CollapseMode="Forward" />

<telerik:RadPane ID="MainPane" runat="server" Scrolling="none" MinWidth="500">

<telerik:RadSplitter ID="NestedSplitter" runat="server" LiveResize="true">

<telerik:RadPane ID="LeftPane" runat="server" Width="200" MinWidth="150" MaxWidth="400">

</telerik:RadPane>

<telerik:RadSplitBar ID="VerticalSplitBar" runat="server" CollapseMode="Forward" />

<telerik:RadPane ID="ContentPane" runat="server">

</telerik:RadPane>

</telerik:RadSplitter>

</telerik:RadPane>

</telerik:RadSplitter>

<%--_________________________________________________________________________________________________--%>

</div>

</asp:Content>

Hope this helps to get this resolved. I'm using the latest 2012 Q2.
Thank you in advance

Splitter

answered on 19 Jun 2012

0 answers

46 views

GridImageColumn - basic usage questions

I'll figure something out... thx.

Grid

asked on 19 Jun 2012

1 answer

55 views

RadGrid doesn't look good after grouping

I have a rad grid which loses its clean formatting style after grouping. I was not able to figure the reason for that. Kindly let me know how to deal with it.

<telerik:RadGrid ID="CustomersRadGrid" runat="server" Height="514px" Width="100%"

PageSize="14" CellSpacing="0" GridLines="None" HorizontalAlign="NotSet" HeaderStyle-Height="4%"

ShowGroupPanel="True" AllowPaging="true" AllowSorting="True" AutoGenerateColumns="False"

AllowMultiRowSelection="False" EnableLinqExpressions="false" AllowAutomaticInserts="False"

AllowAutomaticUpdates="False" AllowAutomaticDeletes="False" OnNeedDataSource="CustomersRadGrid_NeedDataSource"

OnDataBound="CustomersRadGrid_DataBound" OnItemCreated="CustomersRadGrid_ItemCreated">

<ExportSettings Excel-Format="Html" ExportOnlyData="true" FileName="Customers" OpenInNewWindow="true" >

</ExportSettings>

<GroupingSettings CaseSensitive="false" />

<MasterTableView DataKeyNames="Id" AutoGenerateColumns="False" Name="Customers" CommandItemDisplay="Top" Width="200%" AllowMultiColumnSorting="True">

<CommandItemTemplate>

<table width="850px">

<tr>

<td width="71%">

</td>

<td width="3%">

<asp:LinkButton ID="ExportLinkButton" CommandName="Export" runat="server">

<asp:ImageButton ID="ExportImageButton" ToolTip="Export" ImageUrl="~/Images/Export.png"

runat="server" Height="24px" />

</asp:LinkButton>

</td>

<td width="7%">

<img id="Export" width="1px" height="24px" style="border: 0px" alt="" src="../../Images/Spacer.png" />Export

</td>

<td width="9%">

<asp:LinkButton ID="FilterLinkButton" CommandName="Filter" runat="server">

<telerik:RadButton ID="FilterRadButton" runat="server" ButtonType="ToggleButton"

ToggleType="CheckBox" Width="24px" Height="24px" AutoPostBack="false" Checked="true"

ToolTip="Filter">

<ToggleStates>

<telerik:RadButtonToggleState ImageUrl="../../Images/FilterOff.png" HoveredImageUrl="../../Images/FilterOff.png"

Text="On Filter" Selected="true" />

<telerik:RadButtonToggleState ImageUrl="../../Images/FilterOn.png" HoveredImageUrl="../../Images/FilterOn.png"

Text="Off Filter" />

</ToggleStates>

</telerik:RadButton>

<img id="Filter" width="1px" height="24px" style="border: 0px" alt="" src="../../Images/Spacer.png" />Filter

</asp:LinkButton>

</td>

<td width="3%">

<asp:LinkButton ID="RefreshLinkButton" CommandName="Rebind" runat="server">

<asp:ImageButton ID="RefreshImageButton" ToolTip="Refresh" ImageUrl="~/Images/Refresh.png"

runat="server" Height="24px" />

</asp:LinkButton>

</td>

<td width="7%">

<img id="Refresh" width="1px" height="24px" style="border: 0px" alt="" src="../../Images/Spacer.png" />Refresh

</td>

</tr>

</table>

</CommandItemTemplate>

<CommandItemSettings ExportToPdfText="Export to Excel" />

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column" Visible="true">

</RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column" Visible="true">

</ExpandCollapseColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column" Visible="true">

</ExpandCollapseColumn>

<Columns>

...............................

.............................

</Columns>

</MasterTableView>

<ClientSettings AllowKeyboardNavigation="true" AllowDragToGroup="True" AllowColumnsReorder="True" ReorderColumnsOnClient="true" >

<Selecting AllowRowSelect="true" CellSelectionMode="None" />

<Resizing AllowRowResize="True" AllowColumnResize="True" EnableRealTimeResize="True" AllowResizeToFit="true" ClipCellContentOnResize="true"

ResizeGridOnColumnResize="true"></Resizing>

<Scrolling AllowScroll="true" SaveScrollPosition="true" FrozenColumnsCount="1" UseStaticHeaders="true" />

</ClientSettings>

<GroupingSettings ShowUnGroupButton="true" />

<SortingSettings EnableSkinSortStyles="false" />

<PagerStyle AlwaysVisible="true" Mode="NextPrevAndNumeric" />

<FilterMenu EnableImageSprites="False" >

</FilterMenu>

Please let me know how to deal with it.

Grid

answered on 19 Jun 2012

3 answers

216 views

Record count not updated after doing an filter

Hi,

I have 75 records in Grid on single page and then I applied filter, now record count is 15 but it will not updated on Paginate List. Please see that attached file. please let me know how can I update record count after applying the filter.

Thanks
Praveen Tomar

Grid

answered on 19 Jun 2012

1 answer

88 views

telerik tag prefix disappeared

I have been working on this project for weeks. All of a sudden today all my intellisence is messed up and it is no longer recognizing telerik: as a valid prefix (in VS2010). When I compile it works fine and all the dlls are properly registered and the appropriate web.config entries are in place, just intellisence doesn't work anymore (happened today, nothing changed environmentally as far as i can tell)

General Discussions

answered on 19 Jun 2012

1 answer

151 views

built error on sample downloded telerik code

Here Is what I have done.
1. I downloaded the Get the code sample from step by step Tutorial and I got
RadControlAJAXCourseware.zip so far so good.
2. I unzip this RadControlAJAXCourseware.zip
3. I open the web site courseware_projects that was created in step 2.
4. I build this solution.
5. Now I get the following error Error 1 It is an error to use a section registered as allowDefinition='MachineToApplication' beyond application level. This error can be caused by a virtual directory not being configured as an application in IIS. C:\Users\tony\download\radControl\Courseware_Projects\ActiveSkill Add Finish Page\CS\004\ActiveSkillBO\Web.config 40

My environment is.
Vista
Visual Studio 2010 professional
IE 7.0

I have tried with both IE and firefox both give compile error.

What do I have to do ?

//Tony

General Discussions

answered on 19 Jun 2012