Questions on UI for ASP.NET AJAX Forum

1 answer

84 views

Grouped Data not coming on same page when paging is allowed

Telerik Team,

I have a urgent requirement. I have created a dashboard implementing RadGrid. Grid allowing all the feature like grouping, sorting, filtering etc.

RadGrid which I am implementing is having paging, meaning AllowPaging=”true”. Problem began at production server when all grouped data was scattered in different pages. My Client want all the group summary should come on same page so that they can see Total Quantity, Amount and other high level picture at once.

How can I achieve this, I mean keep the paging and show all grouped data togather.

If I am setting AllowPaging="Flase", Grid performance is very very poor. Even applying grouping/sorting taking more than 2 minutes. We have almost 20,000 records and may grow higher.

This is very urgent as product is already uploaded at client server and UAT is about to start.

Below I am attaching my grid HTML:

<telerik:RadGrid ID="RGVendor"

GridLines="none"

runat="server"

EnableAJAX="true"

Skin="Vista"

ShowStatusBar="True"

CellSpacing="0"

AllowSorting="True"

ShowFooter="True"

Width="99%"

Height="500px"

ShowGroupPanel="True"

OnItemCommand="RGVendor_ItemCommand"

OnColumnCreated="RGVendor_ColumnCreated"

AllowFilteringByColumn="True"

OnNeedDataSource="RGVendor_NeedDataSource"

OnInit="RGVendor_Init"

EnableViewState="true"

AllowPaging="True"

PageSize="25"

OnCustomAggregate="RGVendor_CustomAggregate"

>

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

<GroupingSettings GroupContinuesFormatString="" GroupContinuedFormatString="" CaseSensitive="False" ShowUnGroupButton="True" />

<ExportSettings ExportOnlyData="true" IgnorePaging="true" OpenInNewWindow="true">

<Excel Format="ExcelML" />

</ExportSettings>

<MasterTableView

CommandItemDisplay="Top"

GroupsDefaultExpanded="false"

Width="98%"

Font-Size="8"

TableLayout="Fixed"

ShowGroupFooter="true"

AllowFilteringByColumn="True"

GroupLoadMode="Client" >

<CommandItemSettings ExportToPdfText="Export to PDF" ShowExportToExcelButton="false"

ShowAddNewRecordButton="false"></CommandItemSettings>

<CommandItemTemplate>

<telerik:RadToolBar runat="server" ID="RadToolBar1" Skin="Vista" OnButtonClick="RadToolBar1_ButtonClick">

<Items>

<telerik:RadToolBarButton Text="Apply filter" CommandName="FilterRadGrid" ImageUrl="<%#GetFilterIcon() %>"

ImagePosition="Right" />

</Items>

</telerik:RadToolBar>

</CommandItemTemplate>

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

</RowIndicatorColumn>

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

</ExpandCollapseColumn>

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column">

</EditColumn>

</EditFormSettings>

</MasterTableView>

<FilterMenu EnableImageSprites="False">

</FilterMenu>

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default">

</HeaderContextMenu>

<ExportSettings ExportOnlyData="true" IgnorePaging="true" Excel-Format="ExcelML">

<Excel Format="ExcelML"></Excel>

</ExportSettings>

<ClientSettings AllowColumnsReorder="false" AllowDragToGroup="True" DataBinding-EnableCaching="true" >

<Resizing AllowColumnResize="True" ResizeGridOnColumnResize="true" />

<Scrolling AllowScroll="True" SaveScrollPosition="true" EnableVirtualScrollPaging="True" UseStaticHeaders="true" ></Scrolling>

</ClientSettings>

<HeaderStyle Width="120px" />

</telerik:RadGrid>

Grid

answered on 16 Oct 2012

5 answers

856 views

Load grid content after page is loaded

Hi!

I have a data heavy application where one page should display custom number of RadGrids, depending how many tables are specified in XML file.
If I populate all n RadGrids with data on Page Load event, the site takes about 70 seconds to display, so this is a no go. What I want to do is to populate only first grid and display all other grids with no data (or dummy empty table as data source) on page load.

I am using UserControl to generate grids form XML. This UserControl is then used on an aspx page that uses master page.

I have searched the web, I have search your forum, and there are two solutions I found that I tried to integrate and failed miserably:

Using asp timer. This was a problem, because no matter how I set up my RadAjaxManagerProxy's AjaxSettings, timer kept calling Page Load event as well.
Using javascript timer and then call ajax requests back to page to load data. However, RadAjaxManagerProxy doesn't have client side api, and I am reluctant to wirte code on Master page for a sake of one UserControl.

Any other suggestions?

Grid

answered on 16 Oct 2012

9 answers

135 views

WCF error with gridbindingservice.svc

When I try to use the AJAX SharePoint Rad Data grid web part, it returns no data. The designer also doesn't allow me to select columns - it comes back in the event log with an error about the WCF service Telerik installs:-

Security settings for this service require 'Anonymous' Authentication but it is not enabled for the IIS application that hosts this service.

How can I make this go away, it is a standard team site, I don't want to enable anonymous authentication.

WebParts for SharePoint

answered on 16 Oct 2012

1 answer

133 views

access a label in the edititemtemplate

Hi
How can I access a label when it is in the edititemtemplate of a grid. Please help
Thanks
savyo

Grid

answered on 16 Oct 2012

1 answer

383 views

Not able to remove space between table and control using CellSpacing=”0”

Hi,
I have taken a Radgrid, in which in one column cell, I have 2 controls. I want to remove margin between table border and control.

In RadGrid, I have applied following properties.

<telerik:RadGrid . . . . .

CellSpacing="0" cellpadding="0" . . . . . >

Code:

<ItemTemplate>

<table border="1" cellpadding="0" cellspacing="0" width="100%">

<tr>

<td style="border: 1;">

<asp:TextBox ID="txtTest" runat="server" TextMode="multiline" Width="100%" Rows="2" Text='<%#DataBinder.Eval(Container.DataItem, "Test")%>'>

</asp:TextBox>

</td>

</tr>

<tr>

<td style="border: 1;" align="right">

<asp:ImageButton class="clsbuttonsize" ID="btnDotsTest" runat="server" ImageUrl="~/Images/btn_Test.gif" ToolTip="Click to view and update the Test." />

</td>

</tr>

</table>

<asp:HiddenField ID="hdnTest" runat="server" Value='<%#DataBinder.Eval(Container.DataItem, "Test")%>' />

</ItemTemplate>

Still I am not able remove margin between border and control.

I have attached the screenshot.

General Discussions

answered on 16 Oct 2012

3 answers

90 views

No sub rows showing

I have a RadTreeList setup that uses a generic list as its datasource. I have a parent and id columns and I verified that parent = id. I set the parent's id column to null.

The only thing that shows in the treelist is the parent row no children, no expand arrow. The datasource is has data. I get no errors.

Any ideas?

Here's my DataSource:
Dim geoDataList As List(Of FacilitiesList) = ds.GetDistanceGridFacilities(oLat, oLon, radius, facilityNumber)

RadGeoTreeList.DataSource = geoDataList
RadGeoTreeList.DataBind()

Here's the TreeList:
<telerik:RadAjaxPanel ID="RadAjaxPanel1" LoadingPanelID="RadAjaxLoadingPanel" runat="server">
<telerik:RadTreeList runat="server" ID="RadGeoTreeList" Visible="true" DataKeyNames="FacilitiesreportingId" ParentDataKeyNames="VERA3" AutoGenerateColumns="false"
Width="100%" Height="400" ShowTreeLines="true">
<Columns>
<telerik:TreeListBoundColumn DataField="FinanceNumber" HeaderText="Finance Number" UniqueName="FinanceNumber"></telerik:TreeListBoundColumn>
<telerik:TreeListBoundColumn DataField="Origin" HeaderText="Origin" UniqueName="Origin"></telerik:TreeListBoundColumn>
<telerik:TreeListBoundColumn DataField="Destination" HeaderText="Destination" UniqueName="Destination"></telerik:TreeListBoundColumn>
<telerik:TreeListBoundColumn DataField="Address" HeaderText="Address" UniqueName="Address"></telerik:TreeListBoundColumn>
<telerik:TreeListBoundColumn DataField="City" HeaderText="City" UniqueName="City"></telerik:TreeListBoundColumn>
<telerik:TreeListBoundColumn DataField="State" HeaderText="State" UniqueName="State"></telerik:TreeListBoundColumn>
<telerik:TreeListBoundColumn DataField="ZipCode" HeaderText="Zip" UniqueName="ZipCode"></telerik:TreeListBoundColumn>
<telerik:TreeListBoundColumn DataField="Distance" HeaderText="Driving Distance" UniqueName="Distance"></telerik:TreeListBoundColumn>
<telerik:TreeListBoundColumn DataField="Area" HeaderText="Area" UniqueName="Area"></telerik:TreeListBoundColumn>
<telerik:TreeListBoundColumn DataField="PFC" HeaderText="PFC" UniqueName="PFC"></telerik:TreeListBoundColumn>
<telerik:TreeListBoundColumn DataField="OnRolls1" HeaderText="OnRolls" UniqueName="OnRolls"></telerik:TreeListBoundColumn>
<telerik:TreeListBoundColumn DataField="Residual" HeaderText="Residual" UniqueName="Residual"></telerik:TreeListBoundColumn>
<telerik:TreeListBoundColumn DataField="Withheld" HeaderText="Withheld" UniqueName="Withheld"></telerik:TreeListBoundColumn>
<telerik:TreeListBoundColumn DataField="Optional1" HeaderText="OPT" UniqueName="Optional1"></telerik:TreeListBoundColumn>
<telerik:TreeListBoundColumn DataField="VERA1" HeaderText="VER" UniqueName="VERA1"></telerik:TreeListBoundColumn>
<telerik:TreeListBoundColumn DataField="VERA3" HeaderText="VERA3" UniqueName="VERA3"></telerik:TreeListBoundColumn>
<telerik:TreeListBoundColumn DataField="FacilitiesreportingId" HeaderText="FacilitiesreportingId" UniqueName="FacilitiesreportingId"></telerik:TreeListBoundColumn>
</Columns>
</telerik:RadTreeList>
</telerik:RadAjaxPanel>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel" runat="server" />

TreeList

answered on 16 Oct 2012

5 answers

85 views

Decorate dynamic controls at client - side.

Hi,

I have a scenario where I'm dynamically creating checkbox at client side and need to decorate it using RadFormDecorator.
For Ex:

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

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

<Scripts>

<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" />

</Scripts>

</asp:ScriptManager>

<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" Skin="Default" DecoratedControls="All" />

<div id="d"></div>

</form>

<script type="text/javascript">

window.onload = function () {

var cb = document.createElement('input');

cb.type = 'checkbox';

document.getElementById('d').appendChild(cb);

var decorator = $find("<%= RadFormDecorator1.ClientID %>");

if (decorator) {

decorator.decorate(cb, true);

}

</script>

Thanks in advance...

FormDecorator

answered on 16 Oct 2012

4 answers

100 views

Change the default RibbonBar images

Hi,

I need to change the default RibbonBar images. If the we add approx. 30 RadRibbonItem in a RadRibbonGroups, it picks the default RibbonBar images (if we don't add imageurl). I already have a customized default icon for the RadRibbonItem, but it doesn't pick the customized ribbonimage after 17-18 ribbon items are added.

Below is the url of the default RibbonBar items

<img title="" class="rrbButtonImage" style="visibility:visible;" alt="Item Image" src=

"/Project/WebResource.axd?d=aiNB5OmQeNHVf5XWk97-tMFIIzmuwsC9HNSxCKe1M4-JmQYIEnPBVjt7MpL3voxN3azNeKtr7v83kvmeXWrcYGa5IwnR-ZE6EJPsGTC97bU1&t=634849188040000000"

complete="complete"/>

Here the red cross image is the default icon

Customized image when no imageurl is added.

Please suggest.

RibbonBar

answered on 16 Oct 2012

2 answers

81 views

Links in preview mode dont open anymore

Hello,

Recently we are no longer able to directly open links in the preview mode of the editor. We need to use shit+click or ctrl+click to open them. Of course this is a simple solution, but one of my clients is not happy with this behaviour. He just wants to click.

You can see this behaviour in your demo here:

http://demos.telerik.com/aspnet-ajax/editor/examples/customdialogs/defaultcs.aspx

Go to preview mode and try to click the link there. Nothing happens unless you ctrl+click it.
Is this by design? It used to be possible to just click it. Is there a work around for this maybe?

Using IE9, 2012.2.912.35 release.

Thanks!

Yeroon

Editor

answered on 16 Oct 2012

1 answer

120 views

MetroTouch skin underline on hover

I've noticed that when you hover over the button using Chrome when you have the metro touch skin in use it underlines the text. Is there a css fix for this?

Button

answered on 16 Oct 2012