Questions on UI for ASP.NET AJAX Forum

1 answer

126 views

Editor button

Hello, I'm implementing a custom editor button that uses editor.showExternalDialog().

I would like to know how to:
- hide the page loading animation (the spinner in the Window)
- load an image in the editor button

Many thanks

AB

Editor

answered on 05 Mar 2015

5 answers

345 views

RadAsyncUpload - OnClientFileUploading

Hi Telerik,

is "set_cancel" method still supporting OnClientFileUploading(http://www.telerik.com/help/aspnet-ajax/asyncupload-onclientfileuploading.html)?

I tried to use args.set_cancel(true) but got a javascript exception - Microsoft JScript runtime error: Object doesn't support property or method 'set_cancel'

Below is my code:

Javascript:
function OnClientFileUploading(sender, eventArgs) {

//cancel the upload

eventArgs.set_cancel(

true);

alert(

'no duplicate file: ' + args.get_fileName());

//hide the uploading item

$telerik.$(eventArgs.get_row()).css(

"display", "none");

}

HTML:

<

telerik:radasyncupload id="Radasyncupload1" runat="server"

OnClientFileUploading="OnClientFileUploading"

>

</telerik:radasyncupload>

AsyncUpload

answered on 05 Mar 2015

3 answers

132 views

[Solved] Paste image with Internet Explorer

Hi, I have trouble getting the image-paste-feature (inlined base64 data) of the RadEditor to work in Internet Explorer.

I see in the demo, that it actually works (IE11):
http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx

However, when I use the demo code locally, it works in Firefox, but not in IE... I'm sure I forgot something (e.g.: is there a certain script I miss? I referenced only the DLLs).

ASPX code (no codebehind code)

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Solution_Test.aspx.cs" Inherits="Solution_Test" %>

<%@ 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">
    <title>Telerik ASP.NET Example</title>
    <link href="../Common/styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
    <div class="demo-containers">
        <div class="demo-container">
            <telerik:RadEditor runat="server" ID="RadEditor1" SkinID="DefaultSetOfTools"
                Height="675px">
            </telerik:RadEditor>
        </div>
    </div>
    </form>
</body>
</html>

Editor

answered on 05 Mar 2015

4 answers

329 views

radGantt problems with insert and delete

I am trying to implement radGantt per some of the demos, as it looks to be a very nice control indeed. Obviously it works ok on the demo page here : http://demos.telerik.com/aspnet-ajax/gantt/examples/overview/defaultvb.aspx

I would copy this page directly, and try and get it working, however Telerik.Web.SessionDS cannot be found, hence the tag can't be registered, and the page doesn't work. I am using the latest build, 2015.1.225.45. That's problem one.

Now at one point, I had insert working, which has subsequently stopped during some of the cobbling together of different demos. Current asp code is as follows :

<div class="demo-container no-bg">
        <rad:RadGantt ID="RadGantt1"
            runat="server"
            DataSourceID="SqlDataSource1"
            DependenciesDataSourceID="SqlDataSource2"
            ReadOnly="false"
            SelectedView="WeekView" AutoGenerateColumns="false" >
            <Columns>
                <rad:GanttBoundColumn DataField="Title" DataType="String" Width="120px"></rad:GanttBoundColumn>
                <rad:GanttBoundColumn DataField="Start" DataType="DateTime" DataFormatString="dd/MM/yy" Width="40px"></rad:GanttBoundColumn>
                <rad:GanttBoundColumn DataField="End" DataType="DateTime" DataFormatString="dd/MM/yy" Width="40px"></rad:GanttBoundColumn>
            </Columns>

            <DataBindings>
                <TasksDataBindings
                    IdField="ID" ParentIdField="ParentID"
                    StartField="Start" EndField="End"
                    OrderIdField="OrderID"
                    SummaryField="Summary"
                    TitleField="Title" PercentCompleteField="PercentComplete" />
                <DependenciesDataBindings
                    TypeField="Type" IdField="ID"
                    PredecessorIdField="PredecessorID"
                    SuccessorIdField="SuccessorID" />
            </DataBindings>
        </rad:RadGantt>
    </div>

    <asp:SqlDataSource runat="server" ID="SqlDataSource1"
        DeleteCommand="DELETE FROM [GanttTasks] WHERE [ID] = @ID"
        InsertCommand="INSERT INTO [GanttTasks] ([ParentID], [OrderID], [Title], [Start], [End], [PercentComplete], [Expanded], [Summary]) VALUES (@ParentID, @OrderID, @Title, @Start, @End, @PercentComplete, @Expanded, @Summary)"
        SelectCommand="SELECT * FROM [GanttTasks]"
        UpdateCommand="UPDATE [GanttTasks] SET [Title] = @Title WHERE [ID] = @ID"
        />
    <asp:SqlDataSource runat="server" ID="SqlDataSource2" SelectCommand="SELECT * FROM [GanttDependencies]" />

There is a radScriptManager and a radWindowManager out in the master page, with default settings.

At the moment, insert does the postback, but does nothing in the database.

If I try an update, whether double clicking the task on the left hand pane, or the right hand pane, on save I just get the spinning ajax icon. Normally I would expect there to be something amiss with the UPDATE statement causing an an error during the postback, but in this case the update occurs and you can see the results in the database directly. If you refresh the page you see the update reflected in the Gantt chart.

What's additionally frustrating is that when I am trying to use the developer tools to see what's going on in the response headers, I suspect Kendo is getting in the way and it reports script timeout errors. This doesn't occur if I have the dev console off.

What would really help is a demo ( preferably not in C# ) where I can take care of CRUD directly and get at the values in the Gantt control myself. I saw one posted using LINQ but I really don't want to go down that route, I want to stick with our typical environment of parameters/stored procedure calls.

Aside from that, a very useful feature for AJAX enabled controls would be to be able to turn AJAX off, and force a full postback so any background errors can be hunted down more easily.

Thanks in advance,

Gantt

answered on 05 Mar 2015

2 answers

126 views

RadInput and rendermode lightweigth

I've installed the new version of Telerik (2015 Q1) and I noticed a weird behaviour when a radnumerictextbox is nested inside a repeater.
When the radnumerictextbox is in the header, then the width that is stated is kept no matter what rendermode. But if the radnumerictextbox is in the itemtemplate, than the width isn't preserved when used the RenderMode="Lightweight". When I don't use a rendermode or use RenderMode="Classic", then the width is preserved.
When I checked it with Firebug in Firefox or with the developer tools in Chrome I notice that the width in the result has disappeared in with RenderMode="Lightweight".

Does anybody know what is the cause of the problem?

I've made a little sample code and attached and image with the result between the two.

ASPX-page

<div id="divProeven" runat="server">

<div id="divGrid" runat="server" style="border: none; padding: 0px;">

<table id="tbl2" style="width:100%; table-layout:auto; border-collapse: collapse; border-spacing: 0;">

<asp:Repeater ID="R2" runat="server">

<HeaderTemplate>

<tr id="trHeader" runat="server" valign="top">

<th class="rgHeader" style="width: 95px;" id="puntTitel" runat="server">header<br/>

<telerik:RadNumericTextBox ID="rtbPunten" runat="server" Width="50px" Type="Number" IncrementSettings-InterceptArrowKeys="false" IncrementSettings-InterceptMouseWheel="false" MinValue="0" ToolTip="standaardwaarde" Culture="nl-BE" RenderMode="Lightweight" />

</th>

</tr>

</HeaderTemplate>

<ItemTemplate>

<tr class="rgRow">

<td style="vertical-align: top; width: 95px;">

<telerik:RadNumericTextBox ID="rtbPunten" runat="server" Width="50px" Type="Number" Culture="nl-BE" EnableSingleInputRendering="false" IncrementSettings-InterceptArrowKeys="false" IncrementSettings-InterceptMouseWheel="false" MinValue="0" RenderMode="Lightweight" DbValue='<%#Container.DataItem("count")%>'/>

</td>

</tr>

</ItemTemplate>

<AlternatingItemTemplate>

<tr class="rgAltRow">

<td style="vertical-align: top; width: 95px;">

<telerik:RadNumericTextBox ID="rtbPunten" runat="server" Width="50px" Type="Number" Culture="nl-BE" EnableSingleInputRendering="false" IncrementSettings-InterceptArrowKeys="false" IncrementSettings-InterceptMouseWheel="false" MinValue="0" RenderMode="Lightweight" DbValue='<%#Container.DataItem("count")%>'/>

</td>

</tr>

</AlternatingItemTemplate>

</asp:Repeater>

</table>

</div>

Code-Behind

Protected Overrides Sub InitializePage(ByVal sender As Object, ByVal e As System.EventArgs)

Try

divGrid.Attributes.Add("class", "RadGrid RadGrid_MetroTouch")

Dim dt As New DataTable

dt.Columns.Add("count")

For i As Integer = 0 To 7

Dim nr As DataRow = dt.NewRow

dt.Rows.Add(nr)

nr("count") = i

Next

R2.DataSource = dt

R2.DataBind()

Catch fout As iUserFriendlyException

ShowErrorMessage(fout.Message)

Catch fout As Exception

showException(fout)

End Try

End Sub

Input

answered on 05 Mar 2015

1 answer

152 views

[Solved] collapse/ expand icon doesnt display.

when i try to add some values from backend table in Gantt with childs, the collapse/expand icon is not displayed. if i select the parent and add child, then it displays on screen. please help.

Gantt

answered on 05 Mar 2015

2 answers

136 views

GridDateTimeColumn not filtering w LinqDataSource and onselecting

Hi

I am trying to use a rad grid with a linqdatasource, but because we are using webapi calls we cannot directly bind to the database. The filter does not work correctly and the datetime picker does not remember the value after the postback occurs.

Here is the ASP:

<telerik:RadGrid ID="RadGrid1" runat="server" AllowFilteringByColumn="True" AllowPag="True" DataSourceID="LinqDataSource1" GroupPanelPosition="Top">

<MasterTableView AutoGenerateColumns="False" DataKeyNames="TaskID" DataSourceID="LinqDataSource1">

<Columns>

<telerik:GridDateTimeColumn DataField="DateCreated" DataType="System.DateTime" EnableTimeIndependentFiltering="true" FilterControlAltText="Filter DateCreated column" HeaderText="DateCreated" SortExpression="DateCreated" UniqueName="DateCreated" ShowFilterIcon="false" AutoPostBackOnFilter="true">

<ColumnValidationSettings>

<ModelErrorMessage Text="" />

</ColumnValidationSettings>

</telerik:GridDateTimeColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

<asp:LinqDataSource ID="LinqDataSource1" OnSelect

ing="LinqDataSource1_Selecting" runat="server">

</asp:LinqDataSource>

And the codebehind:

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

{

private WebAPICalls MyWebAPi = new WebAPICalls();

protected void LinqDataSource1_Selecting(object sender, LinqDataSourceSelectEventArgs e)

{

var tasks = MyWebAPi.GetDataTable("GetAllTasks");

//Doing this otherwise it complains about not finding the TaskID property

var results = from rows in tasks.AsEnumerable()

select rows;

e.Result = results;

}

protected void Page_Load(object sender, EventArgs e)

{

}

Thanks

Grid

answered on 05 Mar 2015

6 answers

181 views

Japanese dictionary?

I didn't see a post on this so I thought I'd ask. Any chance of a japanese spellcheck dictionary in the Telerik future?

Spell

answered on 04 Mar 2015

2 answers

150 views

[Solved] RadMenuItem issue with theming

Hey guys, I am new to the forum and I have been looking for a quick suggestion. My issue is that I have a Radmenuitem, however I want to disable it because I don't need it to change onclick nor on hover, but I DO need it to change with the theming, and when it is disabled it does not change. Do I need to modify the css file directly or is there a workaround ? thanks in advance. I am also new to the UI...

Documentation and Tutorials

answered on 04 Mar 2015

9 answers

350 views

Telerik V2014.2.724.45 not working on Asp.net 4.5

Hello,

We were using Telerik Controls for our Asp.net 3.4 project
till this and now when we decided to upgrade to Asp.net 4.5 we had to upgrade
to Telerik latest controls and so I did.

I downloaded Telerik v 2014.2.724.45,I also using
AjaxcontrolToolkit v4.0.30319 and now If I Start running project for Asp.net
4.5 I see the below error on each page.

0x800a138f - JavaScript runtime error: Unable to get property
'UI' of undefined or null reference

I read few things related to this which mentions not to use TelerikRadscriptManager
Is that the case causing this error ? Any more details would be appreciated.

Thanks & Regards,

Kavita Tengse.

Developer (Pgi.com)

ScriptManager and StyleSheetManager

answered on 04 Mar 2015