Questions on UI for ASP.NET AJAX Forum

3 answers

239 views

I have autocompletebox set up on my page and works great, but it allows more than one name selected on the drop down how can I just make it so it just accepts one name only or one token.

<telerik:RadAutoCompleteBox runat="server" ID="RadAutoCompleteBox" Filter="StartsWith"

Width="300px" DropDownWidth="298px" DropDownHeight="350px" >

AutoCompleteBox

answered on 16 Oct 2012

1 answer

153 views

can't open RadWindow

hi,
There are some controls in FormView. One of them is button. Click the button can open RadWindow.But I can't open the RadWindow after I set FormView with AJAX. Please see the following code. Can you help me? Thank you!

<telerik:AjaxSetting AjaxControlID="FormView1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="FormView1" />
<telerik:AjaxUpdatedControl ControlID="WindowManager1" />
</UpdatedControls>
</telerik:AjaxSetting>

<telerik:RadWindowManager id="WindowManager1" runat="server" Behavior="Default" InitialBehavior="None" Left="" Top="">
<windows>
<telerik:RadWindow id="DialogWindow" Behaviors="Close" ReloadOnShow = "true" OnClientshow = "OnClientshow" OnClientclose = "OnClientclose" openerElementId = "<%# button1.ClientID %>" Modal = "true" Runat="server" NavigateUrl="window1.aspx">
</telerik:RadWindow>
</windows>
</telerik:RadWindowManager>

Window

answered on 16 Oct 2012

1 answer

112 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

928 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

154 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

150 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

410 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

111 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

97 views

[Solved] 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

113 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