Questions on UI for ASP.NET AJAX Forum

1 answer

54 views

SP2 for Q3 2013 asp.net ajax controls

Hi Guys

I have been retired from commercial website design for a few years now but I am still doing stuff for various charities and church organisations, so I would like to be as current as possible without spending their money unnecessarily. I am on the Q3 2013 version 2013.3.1114.40 (i.e. SP1) and would like to get as current as possible. Can I get access to SP2 without renewing my licence?

Thanks

Clive

General Discussions

answered on 29 Feb 2016

3 answers

498 views

TextChanged event not fired

I have below Autocompletebox on a page as below.

<telerik:RadAutoCompleteBox ID="RadAutoCompleteBox1" runat="server" Width="400px"
DropDownWidth="400px" DropDownHeight="300px" DataTextField="Company_Name"
DataValueField="Company_ID"
AutoPostBack="true"
InputType="Text"
TextSettings-SelectionMode ="Single"
OnTextChanged="RadAutoCompleteBox1_TextChanged">
</telerik:RadAutoCompleteBox>

and there is some code written in "RadAutoCompleteBox1_TextChanged", which populates a drop down values based on the selection in autocompletebox.

I see the filtered entries in the drop down as I type in input control. And it works fine when I select/tab out/ enter a item.
But if I type exact and whole text that matches the entry, the textchanged event is not fired.

for example, I have a entry as California in the datasource.
Typed the whole and exact (case sensitive) text in the input control.
The entry is displayed in drop down and selected it with mouse.
TextChanged event is not fired.

Please help.

AutoCompleteBox

answered on 29 Feb 2016

1 answer

86 views

Problem moving window in Firefox

Hi,

In the latest 2016.1.225 release, we have problem moving windows when using Lightweight, Restriction Zone and a parent with overflow none!

This worked in the previous version...

Sample:

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="window.aspx.vb" Inherits="TestaTredjepartWeb.window" %>

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

<asp:Panel ID="pnlRestrictionZone" runat="server" Style="width: 700px; background-color: blue; height: 500px">

<telerik:RadWindowManager ID="RadWindowManager1" runat="server">

<Windows>

<telerik:RadWindow ID="RadWindow1" runat="server" VisibleOnPageLoad="true" AutoSize="true" RenderMode="Lightweight" Title="Hello" NavigateUrl="windowcontent.aspx" VisibleStatusbar="false" RestrictionZoneID="pnlRestrictionZone">

</telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

</asp:Panel>

</div>

</form>

</body>

</html>

When trying to move the window in the sample above using Firefox, it will always jump to the top left corner for start!

Regards
Andreas

Window

answered on 29 Feb 2016

3 answers

254 views

How to add total in footer in case of editable grid with paging?

How to add total in footer in case of editable grid with paging and DataSourceID?

Now I'm adding total in ItemDataBound by summarize the values and update GridFooterItem
but in this case because of the paging, it doesn't summarize them all, just
the rows in current page. i need to summarize all and update the total
when the grid content is updated.
what is the correct approach in this case?

aspx:
-----
<telerik:RadWindowManager ID="RadWindowManager1" runat="server">
</telerik:RadWindowManager>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="RadGrid1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">
</telerik:RadAjaxLoadingPanel>

<telerik:RadSplitter ID="mainSplitter" runat="server" Height="100%" Width="100%"
Orientation="Horizontal" VisibleDuringInit="false" BorderSize="0" PanesBorderSize="0">
<telerik:RadPane ID="paneTitle" runat="server" Height="50px">
<h1>Production Groups</h1>
</telerik:RadPane>
<telerik:RadPane ID="paneGrid" runat="server">

<telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="True"
AutoGenerateColumns="False" DataSourceID="ObjectDataSource1"
GridLines="None" Width="1200px" Height="95%"
AllowAutomaticDeletes="True"
AllowAutomaticInserts="True"
AllowAutomaticUpdates="True"
 OnItemDataBound="RadGrid1_ItemDataBound"
 OnDataBound="RadGrid1_DataBound"
 >
<ClientSettings EnableRowHoverStyle="true">
<Scrolling AllowScroll="True" UseStaticHeaders="True" />
</ClientSettings>

<MasterTableView DataKeyNames="GroupID" DataSourceID="ObjectDataSource1" CommandItemDisplay="Top" EditMode="PopUp" ShowFooter="true">
<CommandItemSettings ExportToPdfText="Export to Pdf" AddNewRecordText="Add New Production Group"></CommandItemSettings>

<RowIndicatorColumn>
<HeaderStyle Width="20px"></HeaderStyle>
</RowIndicatorColumn>

<ExpandCollapseColumn>
<HeaderStyle Width="20px"></HeaderStyle>
</ExpandCollapseColumn>
<Columns>
<telerik:GridEditCommandColumn HeaderText="Edit" ButtonType="ImageButton">
<ItemStyle HorizontalAlign="Center" Width="50px" />
<HeaderStyle HorizontalAlign="Center" Width="50px" />
</telerik:GridEditCommandColumn>
<telerik:GridButtonColumn ConfirmText="Delete this group?" ConfirmDialogType="RadWindow"
ConfirmTitle="Delete" ButtonType="ImageButton" HeaderText="Delete"
CommandName="Delete" Text="Delete" UniqueName="DeleteColumn">
<ItemStyle HorizontalAlign="Center" Width="50px" />
<HeaderStyle HorizontalAlign="Center" Width="50px" />
</telerik:GridButtonColumn>
<telerik:GridBoundColumn DataField="GroupID" HeaderText="ID" ReadOnly="true"
SortExpression="GroupID" UniqueName="GroupID" DataType="System.Int32">
<ItemStyle HorizontalAlign="Center" Width="50px" />
<HeaderStyle HorizontalAlign="Center" Width="50px" />
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="GroupName" HeaderText="Group Name"
SortExpression="GroupName" UniqueName="GroupName">
<ItemStyle Width="250px" />
<HeaderStyle Width="250px" />
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="SortOrder" HeaderText="Sort Order"
SortExpression="SortOrder" UniqueName="SortOrder">
<ItemStyle HorizontalAlign="Center" Width="80px" />
<HeaderStyle HorizontalAlign="Center" Width="80px" />
</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ProductionCost" HeaderText="Production Cost"
SortExpression="ProductionCost" UniqueName="ProductionCost" DataFormatString="{0:c2}">
<ItemStyle HorizontalAlign="Center" Width="80px" />
<HeaderStyle HorizontalAlign="Center" Width="80px" />
</telerik:GridBoundColumn>

</Columns>
<EditFormSettings CaptionDataField="GroupName"
 CaptionFormatString="Edit Production Group: {0}"
 InsertCaption="New Production Group"
 EditFormType="Template" >
<EditColumn ButtonType="ImageButton">
</EditColumn>
<PopUpSettings Modal="true" />
 <FormTemplate>
 <table id="Table1" cellspacing="1" cellpadding="1" width="270" border="0">
 <tr>
 <td>
 </td>
 <td>
 </td>
 </tr>
 <tr>
 <td>
 Group Name:
 </td>
 <td>
 <telerik:RadTextBox ID="TextBox10" Text='<%# Bind("GroupName") %>' runat="server">
 </telerik:RadTextBox>
 </td>
 </tr>

 <tr>
 <td>
 Sort Order:
 </td>
 <td>
 <telerik:RadTextBox ID="TextBox11" Text='<%# Bind("SortOrder") %>' MaxLength="2" runat="server">
 </telerik:RadTextBox>
 </td>
 </tr>

 <tr>
 <td>
 Production Cost:
 </td>
 <td>
 <telerik:RadNumericTextBox ID="txtProductionCost" runat="server" Width="100px" Type="Currency" Text='<%# Bind("ProductionCost") %>'>
 <NumberFormat DecimalDigits="2" />
 </telerik:RadNumericTextBox>
 </td>
 </tr>


 </table>
 <table style="width: 100%">
 <tr>
 <td align="left" colspan="2">
 <asp:Button ID="Button1"
 runat="server" class="rgUpdate" CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>'>
 </asp:Button> 
 <asp:Button ID="Button2" class="rgCancel" runat="server" CausesValidation="False" CommandName="Cancel">
 </asp:Button>
 </td>
 </tr>
 </table>
 </FormTemplate>
</EditFormSettings>
</MasterTableView>
</telerik:RadGrid>
</telerik:RadPane>
</telerik:RadSplitter>

<asp:ObjectDataSource ID="ObjectDataSource1" runat="server"
DeleteMethod="DeleteProductionGroup" InsertMethod="InsertProductionGroup"
SelectMethod="GetAllProductionGroups" TypeName="comp.BL.ProductionController"
UpdateMethod="UpdateProductionGroup">
<DeleteParameters>
<asp:Parameter Name="GroupID" Type="Int32" />
</DeleteParameters>
<InsertParameters>
<asp:Parameter Name="GroupName" Type="String" />
<asp:Parameter Name="sortOrder" Type="Int32" />
 <asp:Parameter Name="ProductionCost" Type="Decimal" />
</InsertParameters>
<UpdateParameters>
<asp:Parameter Name="GroupID" Type="Int32" />
<asp:Parameter Name="GroupName" Type="String" />
<asp:Parameter Name="sortOrder" Type="Int32" />
 <asp:Parameter Name="ProductionCost" Type="Decimal" />
</UpdateParameters>
</asp:ObjectDataSource>

aspx.cs
-------

double total_ProductionCost = 0;

 protected void RadGrid1_ItemDataBound(object sender, Telerik.Web.UI.GridItemEventArgs e)
 {

 if (e.Item is GridFooterItem)
 {
 GridFooterItem footerItem = e.Item as GridFooterItem;
 footerItem["ProductionCost"].Text = "" + String.Format("{0:C2}", total_ProductionCost);
 }

 if (e.Item.ItemType != GridItemType.Item && e.Item.ItemType != GridItemType.AlternatingItem) return;
 tblProductionGroup item = (tblProductionGroup)e.Item.DataItem;
 if (item.ProductionCost.HasValue)
 {
 double ProductionCost = (double)item.ProductionCost;
 total_ProductionCost += ProductionCost;
 }
 var source = RadGrid1.DataSource;

 }

Grid

answered on 29 Feb 2016

1 answer

99 views

Captcha Displaying Inappropriate Words

We have been sent a case where captcha showed an inappropriate word. We need to blacklist list of offensive/inappropriate words before they load in the captcha image. How can we do that, please help. Screenshot attached.

Captcha

answered on 29 Feb 2016

9 answers

574 views

Customize Hour Column and date format header

Hi,

I have some questions regarding the customizations for Rad Scheduler:
    1. How can I show AM/PM (basically group on AM/PM) instead of showing hours separately?
    2. How can I customize the date header?
    3. How to disable single and double click on a row? I want to open a pop-up on the appointment pop-up?

I have attached the image to make my questions more clear.

Regards,
Ratnesh

Scheduler

answered on 29 Feb 2016

5 answers

79 views

RadGrid freeze Chrome and Safari on any Apple device

Hello,

We are experienced an issue with radGrid on iPad/iPhone/iPod. On any postback (trying to retrieve a record, ordering by clicking the column header, changing the page size) the entire browser is blocked. The only way to go back is to force closing the browser and reopen it.

Mention : The Android devices are working good, also the all browsers on desktop using Windows.

Mention : The radGrid is placed in a radWindow.

Trying to isolate the problem found that this is happening even on a simple radGrid in a dummy window. Is there something we are missing? Are we wrong with something else? Can you reproduce the problem?

Telerik version : 2016.1.113.40

This is the source code we are using in order to reproduce the problem .

Thank you!

ASPX :

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="DummyLookupContent.ascx.cs" Inherits="wMobilePC.Web.UI.Contents.DummyLookupContent" ClassName="wMobilePC.Web.UI.Contents.DummyLookup" %><

br><telerik:RadCodeBlock ID="rcbMain" runat="server"> <script type="text/javascript"> var oWnd = RadWindow_GetRadWindow(); oWnd.set_visibleStatusbar(false); oWnd.set_width(700); oWnd.set_height(500); oWnd.center(); </script> </telerik:RadCodeBlock> <telerik:RadGrid ID="grd" runat="server" AutoGenerateColumns="true" AllowCustomPaging="True" AllowPaging="True" OnNeedDataSource="grd_NeedDataSource" PageSize="10" EnableLinqExpressions="false" Height="400px" Width="100%" > <MasterTableView AllowFilteringByColumn="True" AllowCustomSorting="True" AllowSorting="True" CanRetrieveAllData="False" EnableColumnsViewState="True" EnableViewState="True" TableLayout="Fixed"> <PagerStyle AlwaysVisible="true" /> </MasterTableView> <ClientSettings AllowKeyboardNavigation="true"> <Selecting AllowRowSelect="True" /> <Scrolling AllowScroll="true" UseStaticHeaders="true" /> <KeyboardNavigationSettings AllowActiveRowCycle="true" EnableKeyboardShortcuts="false" /> </ClientSettings> </telerik:RadGrid>

Code behind :

namespace wMobilePC.Web.UI.Contents {  public partial class DummyLookupContent : UserControl, IWebContent {  public string Name {  get; set; }  public bool IsReadOnly {  get; set; }  public string Id {  get; set; }  public string Title {  get; set; }  public Control Control {  get { return this; } }  public bool IsDirty {  get; set; }  public IDataContext DataContext {  get; set; }  public IWebWorkspace Workspace {  get; set; }  protected void Page_Load(object sender, EventArgs e) { LoadAjaxSettings(); }  protected void grd_NeedDataSource(object

sender, Telerik.Web.UI.GridNeedDataSourceEventArgs e)<br>        {<br>            DataSet ds = ContactService.GetAllContacts(SecurityContext.LoggedInUser, GMContactType.Primary,

"Company LIKE '%c%'", string.Empty, 0, 100); grd.DataSource = ds.Tables[0]; }  public Control GetView(string name) {  return null; }  public void SaveContent(object info) { }  public void Initialize(object info) { }  public void LoadContent(object info) { }  public void RefreshContent(object info) { }  public bool IsRefreshRequired(object info) {  return false; }  private void

LoadAjaxSettings()<br>        {<br>            RadAjaxManager.GetCurrent(Page).AjaxSettings.AddAjaxSetting(grd, grd);<br>        }<br>    }<br>}

Grid

answered on 29 Feb 2016

7 answers

357 views

show business hour button and customzing the schedular

hi
how we can add show business hour button
and how we can customize the advanced template.
And we also want to show the advanced template only not the inline template how we can achive this thing.
?

Scheduler

answered on 29 Feb 2016

1 answer

105 views

AsyncUpload files format being changed

Hello

I am using AsyncUpload to upload photos and store them in a folder that exists inside my project

<asp:Label ID="PhotoLabel" runat="server" Text="Upload a photo"></asp:Label>
<telerik:RadAsyncUpload RenderMode="Lightweight" runat="server" ManualUpload="false" ID="AsyncUpload1" MultipleFileSelection="Disabled" OnFileUploaded="AsyncUpload1_FileUploaded"></telerik:RadAsyncUpload>
<telerik:RadButton runat="server" Text="Sibmit new photos" OnClick="UploadFiles_Click"></telerik:RadButton>
<asp:Label ID="error" runat="server" Text="" Visible="false"></asp:Label>

protected void UploadFiles_Click(object sender, EventArgs e)
{
try
{
if(AsyncUpload1.UploadedFiles.Count > 0)
{
foreach (UploadedFile file in AsyncUpload1.UploadedFiles)
{
string targetFolder = HttpContext.Current.Server.MapPath("~/images");
string targetPath = Path.Combine(targetFolder, file.ToString());

file.SaveAs(targetPath);
}
error.Text = "File Uploaded";
error.Visible = true;

}
else
{
error.Text = "no files to upload";
error.Visible = true;
return;
}
}
catch(Exception ex)
{
error.Text = ex.ToString();
error.Visible = true;
}
}

This code works. And stores a file on the correct folder. The problem is that instead of it being a png like I uploaded its a 'Telerik.Web.UI.AsyncUploadedFile'

AsyncUpload

answered on 29 Feb 2016

2 answers

809 views

GridDataItem - does not contain a definition

I am trying to pull grid column data in order to call a procedure. on e.item, bold below, i am receiving error :

Error1'Telerik.Web.UI.GridNeedDataSourceEventArgs' does not contain a definition for 'Item' and no extension method 'Item' accepting a first argument of type 'Telerik.Web.UI.GridNeedDataSourceEventArgs' could be found (are you missing a using directive or an assembly reference?)

here is the C#

protected void Mask_NeedDataSource(object sender, Telerik.Web.UI.GridNeedDataSourceEventArgs e)

{

GridDataItem dataItem = e.Item as GridDataItem;

string @Empl_ID = dataItem.GetDataKeyValue("Empl_ID").ToString();

RadGridEmpl.DataSource = DataLayer.FirmEmployees.PhoneMask(@Empl_ID);

}

how can this be fixed?

Grid