Questions on UI for ASP.NET AJAX Forum

3 answers

141 views

CONFLICTS BETWEEN AJAX CONTROLS & AJAXTOOLKIT 15.1

Hello,

Are there any known conflicts between Telerik Ajax Controls and AjaxToolKit 15.1?
There are many things using Telerik. Just wanted to check before I install the update.

Thanks
JS

General Discussions

answered on 24 Mar 2015

1 answer

179 views

Duplicate Columns

Hi,

I have a RadGrid which is initialzed to a SqlDataSource and itz working fine. Now, I want to make one of the data field from the sql source as a HyperText.

I am doing following in Code Behind.

GridHyperLinkColumn hyperlinkcolumn = GridHyperLinkColumn();
hyperlinkcolumn.DataField = "<MyColumnName_FromSql>"
hyperlinkcolumn.DataNavigateUrlFields = "<MyColumnName_FromSql>"
hyperlinkcolumn.DataNavigateUrlFormatString = "URL String"

MyGrid.Columns.Add(hyperlinkcolumn);

Whne I do this, I am seeing two columns. One original column from the sql data source and one hyperlink column i added.

I tried additing to MasterTableView as well. But still two columns are coming.

I expect only hypertext column to present and original column to not present.

How to achieve this??

THanks
Satish

Grid

answered on 24 Mar 2015

3 answers

288 views

After insert Highlight the Inserted Row and Open it Edit Mode to fill more data.

Folks I am using VS 2010 SP1 and RadControls for ASP.NET AJAX Q1 2012. I would like the following steps if possible in Rad Grid:

1) After Edit, highlight the last edited row in Grid.

2) After Insert, without any user interaction (automatically)

      A) Retrieve the Primary Key value of newly inserted row,
      B) Highlight (Select) newly inserted row in Grid
      C) Open the newly inserted row in Edit Mode to enter some additional data that are not required in initial insert.
      D) Show the Primary Key Value of newly inserted row in a Label in Edit Form.

3) After user Updates or Cancel in Step 2, do Step #1 (i.e. highlight the last edited row in Grid)

Is these above possible?

I am using below link as sample (RadGrid2). and attached is my code.

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

Thanks

GC_0620
-------------------

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs" Inherits="Grid.Examples.Programming.CommandItem.DefaultCS" %>

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<style type="text/css">

.bigModuleBottom td

{

padding: 0;

}

</style>

</head>

<body class="BODY">

<form runat="server" id="mainForm" method="post">

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

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script type="text/javascript">

function RowDblClick(sender, eventArgs) {

sender.get_masterTableView().editItem(eventArgs.get_itemIndexHierarchical());

}

</script>

</telerik:RadCodeBlock>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadGrid2">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid2" />

<telerik:AjaxUpdatedControl ControlID="Label3" />

<telerik:AjaxUpdatedControl ControlID="Label4" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<div>

<asp:Label ID="Label1" runat="server" EnableViewState="False" Font-Bold="True" ForeColor="#FF8080"></asp:Label>

<asp:Label ID="Label2" runat="server" EnableViewState="False" Font-Bold="True" ForeColor="#00C000"></asp:Label>

</div>

<br />

<div class="bigModule">

<div class="bigModuleBottom">

<%--<div class="title">

Default command-item outlook</div>--%>

</div>

<br />

<div>

<asp:Label ID="Label3" runat="server" EnableViewState="False" Font-Bold="True" ForeColor="#FF8080"></asp:Label>

<asp:Label ID="Label4" runat="server" EnableViewState="False" Font-Bold="True" ForeColor="#00C000"></asp:Label>

</div>

<br />

<telerik:RadGrid ID="RadGrid2" DataSourceID="SqlDataSource2" AllowSorting="True"

AllowAutomaticInserts="true" AllowAutomaticUpdates="true" AllowAutomaticDeletes="true"

PageSize="7" AllowPaging="True" GridLines="None" runat="server" ShowFooter="True"

OnItemCreated="RadGrid_ItemCreated" OnItemDeleted="RadGrid_ItemDeleted" OnItemUpdated="RadGrid_ItemUpdated"

OnItemInserted="RadGrid_ItemInserted" Skin="Vista" OnItemCommand="RadGrid2_ItemCommand">

<PagerStyle Mode="NextPrevAndNumeric" />

<MasterTableView Width="100%" CommandItemDisplay="TopAndBottom" DataSourceID="SqlDataSource2"

InsertItemPageIndexAction="ShowItemOnCurrentPage" DataKeyNames="CustomerID" AutoGenerateColumns="false"

InsertItemDisplay="Top">

<Columns>

<telerik:GridEditCommandColumn>

</telerik:GridEditCommandColumn>

<telerik:GridBoundColumn DataField="CustomerID" UniqueName="CustomerID" HeaderText="Customer ID"

MaxLength="5">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="CompanyName" UniqueName="CompanyName" HeaderText="Company Name">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ContactName" UniqueName="ContactName" HeaderText="Contact Name">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ContactTitle" UniqueName="ContactTitle" HeaderText="Contact Title">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Address" UniqueName="Address" HeaderText="Address">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="City" UniqueName="City" HeaderText="City">

</telerik:GridBoundColumn>

<telerik:GridButtonColumn CommandName="Delete" Text="Delete" UniqueName="DeleteColumn">

</telerik:GridButtonColumn>

</Columns>

<CommandItemSettings AddNewRecordText="Add new record" AddNewRecordImageUrl="Images/AddRecord.gif"

RefreshText="Refresh" RefreshImageUrl="Images/Refresh.gif" />

</MasterTableView>

<ClientSettings>

<ClientEvents OnRowDblClick="RowDblClick" />

</ClientSettings>

</telerik:RadGrid>

<br />

<asp:SqlDataSource ID="SqlDataSource2" runat="server" ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString35 %>"

DeleteCommand="DELETE FROM [Customers] WHERE [CustomerID] = @CustomerID" InsertCommand="INSERT INTO [Customers] ([CustomerID], [CompanyName], [ContactName], [ContactTitle], [Address], [City]) VALUES (@CustomerID, @CompanyName, @ContactName, @ContactTitle, @Address, @City)"

SelectCommand="SELECT [CustomerID], [CompanyName], [ContactName], [ContactTitle], [Address], [City] FROM [Customers]"

UpdateCommand="UPDATE [Customers] SET [CompanyName] = @CompanyName, [ContactName] = @ContactName, [ContactTitle] = @ContactTitle, [Address] = @Address, [City] = @City WHERE [CustomerID] = @CustomerID">

<DeleteParameters>

<asp:Parameter Name="CustomerID" Type="String" />

</DeleteParameters>

<InsertParameters>

<asp:Parameter Name="CustomerID" Type="String" />

<asp:Parameter Name="CompanyName" Type="String" />

<asp:Parameter Name="ContactName" Type="String" />

<asp:Parameter Name="ContactTitle" Type="String" />

<asp:Parameter Name="Address" Type="String" />

<asp:Parameter Name="City" Type="String" />

</InsertParameters>

<UpdateParameters>

<asp:Parameter Name="CompanyName" Type="String" />

<asp:Parameter Name="ContactName" Type="String" />

<asp:Parameter Name="ContactTitle" Type="String" />

<asp:Parameter Name="Address" Type="String" />

<asp:Parameter Name="City" Type="String" />

<asp:Parameter Name="CustomerID" Type="String" />

</UpdateParameters>

</asp:SqlDataSource>

<p>

</p>

</form>

</body>

</html>

_____________

using System;

using System.Data;

using System.Configuration;

using System.Collections;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

using Telerik.Web.UI;

namespace Grid.Examples.Programming.CommandItem

{

public partial class DefaultCS : System.Web.UI.Page

{

protected void RadGrid_ItemCreated(object sender, GridItemEventArgs e)

{

GridEditableItem item = e.Item as GridEditableItem;

if (item != null && e.Item.IsInEditMode && e.Item.ItemIndex != -1)

{

(item.EditManager.GetColumnEditor("CustomerID").ContainerControl.Controls[0] as TextBox).Enabled = false;

}

protected void RadGrid_ItemUpdated(object source, Telerik.Web.UI.GridUpdatedEventArgs e)

{

if (e.Exception != null)

{

e.KeepInEditMode = true;

e.ExceptionHandled = true;

DisplayMessage(true, "Customer " + e.Item.OwnerTableView.DataKeyValues[e.Item.ItemIndex]["CustomerID"] + " cannot be updated due to invalid data.");

}

else

{

DisplayMessage(false, "Customer " + e.Item.OwnerTableView.DataKeyValues[e.Item.ItemIndex]["CustomerID"] + " updated");

}

protected void RadGrid_ItemInserted(object source, GridInsertedEventArgs e)

{

if (e.Exception != null)

{

e.ExceptionHandled = true;

e.KeepInInsertMode = true;

DisplayMessage(true, "Customer cannot be inserted due to invalid data.");

}

else

{

DisplayMessage(false, "Customer inserted");

}

e.Item.Edit = true;

}

protected void RadGrid_ItemDeleted(object source, GridDeletedEventArgs e)

{

if (e.Exception != null)

{

e.ExceptionHandled = true;

DisplayMessage(true, "Customer " + e.Item.OwnerTableView.DataKeyValues[e.Item.ItemIndex]["CustomerID"] + " cannot be deleted");

}

else

{

DisplayMessage(false, "Customer " + e.Item.OwnerTableView.DataKeyValues[e.Item.ItemIndex]["CustomerID"] + " deleted");

}

private void DisplayMessage(bool isError, string text)

{

if (isError)

{

this.Label1.Text = text;

this.Label3.Text = text;

}

else

{

this.Label2.Text = text;

this.Label4.Text = text;

}

protected void RadGrid2_ItemCommand(object sender, GridCommandEventArgs e)

{

}

Grid

answered on 24 Mar 2015

3 answers

76 views

RadSocialShare JavaScript Error

RadSocialShare generates a js error on page load, in IE 11. The Error does not occur in Chrome:
Line: 6
Error: Unable to set property 'control' of undefined or null reference

VS2013 .Net 4.5
Windows 8.1
RadControls for ASP.Net Q3 2013 version 2012.3.1308.45

<telerik:RadSocialShare runat="server" ID="RadSocialShare1" UrlToShare="http://www.telerik.com/products/aspnet-ajax.aspx"

TitleToShare="ASP.NET AJAX Controls, .NET Web UI Components | Telerik">

<MainButtons>

<telerik:RadSocialButton SocialNetType="ShareOnTwitter" />

<telerik:RadSocialButton SocialNetType="Blogger" />

<telerik:RadSocialButton SocialNetType="ShareOnFacebook" />

<telerik:RadCompactButton />

</MainButtons>

</telerik:RadSocialShare>

SocialShare

answered on 24 Mar 2015

1 answer

106 views

Using @media print

Hi.

I am printing a div with a radhtmlchart and a couple radgrids in it and it works a treat. (Looking forward to the page break feature next release though!!)

I need to be able to have a hidden image at the top and bottom of this div that only displays when I export to PDF. I've tried to put them in display:none divs and use @media print {
.printOnly {
display: block;
}
}

But this doesn't work. I assume because the PDF export isn't actually a print operation. Is there another way I could do this?

Thanks for your help.
Chris

ClientExportManager

answered on 24 Mar 2015

8 answers

470 views

Redirect from TabStrip

In server-side how can I Redirect AWAY from a RadMultiPage with RadTabStrip to a different aspx page ?

TabStrip

answered on 24 Mar 2015

1 answer

69 views

Image Editor - Captions (Global Resources)

The "Image Editor" dialog (accessed via the RadEditor > Image Manager) seems to have a problem with the form captions when the "App_GlobalResources" folder is present. The captions are prefixed with "ImageEditor_StatusBar_" - which as you can see in the attachment, causes ugly problems with the layout. Removing the "App_GlobalResources" directory does fix this, but we would like to keep the multi-lingual support if possible. Obviously the resx file could be manually updated to include these translations, but I don't know what others might be missing. Is there perhaps an up-to-date resx file downloadable from somewhere?

Editor

answered on 24 Mar 2015

5 answers

239 views

How to Print/Export the Gantt Content?

Hi,

I would like to print or export the content of my radgantt control. I'm using the Q3 2014 version of telerik UI for ASP.Net AJAX.

Thanks.

Gantt

answered on 24 Mar 2015

1 answer

45 views

Ipad issues

Hi,

I have 2013.3.1324.35 version of your UI controls. Navigation does not work for both RadTree and RadTabStrip on IPad with Safari. It works fine on desktop browsers. Please, provide hot fix.

I am not planning to upgrade to recent releases as your controls have very poor support for mobile platforms and are full of bugs when using them on IPad. Each release introduces new bugs on IPad.

TreeView

answered on 24 Mar 2015

1 answer

124 views

Keep gantt state after full postback with javascript/jquery

Hello,

how is it possible to keep the selected view, the width of the list inside the gantt and the scroll position of the list inside the gantt control after a full postback happens. Additionally I want to know how to select the new task inside the gantt control if the user clicks "Add Task" and a postback (not a callback) happens. I know how to keep the selection of a task after a postback but I want to select the new task after a postback happens. I hope you can help me.

Regards,
Felix

Gantt

answered on 24 Mar 2015