Questions on UI for ASP.NET AJAX Forum

5 answers

243 views

At first, all the buttons were not visible. So I change the Skin.css and added height: auto and width:auto. That fixed where all the button are visible. But now I am seeing these vertical blue line behind the clear button. Has anyone else seen this? Would anyone have some ideas on how to fix this?

Button

answered on 27 Mar 2019

1 answer

61 views

Checking to see if a radgrid field is full

Hi,

New to Telerik. I've figured some stuff out but have hit a problem that I can't figure out. We have some scanning equipment that fills fields in rad grid with a template and some masked fields. I want to know if, on a change to the text in the field, if the field is completely filled. If so I want to move to the next field automatically. I tried the text change event but, to my surprise it didn't fire until after I saved the added line in the grid. I was able to find the max length of the field using the mask property of the masked field I'm using but I really want to make this check before the line is saved. I have researched this but can't seem to find a solution. Any help would be appreciated.

Thanks,

Neil

General Discussions

answered on 27 Mar 2019

1 answer

105 views

RadMenus with ScriptManager

I have an existing website using a master page that I'm trying to convert to RadMenus. The menu structure exists in the master page and uses asp:Menu, which does not require a script manager. RadMenus wants a RadScriptManager. If I put a script manager in the master page, then I get an error when I open any other page that has a script manager, which is just about every page in the site.

How do you deal with this? Do I have to modify every page in the website?

Thanks,

Bernie

Menu

answered on 27 Mar 2019

12 answers

325 views

PieChart label DataField

Hello,
we recently bought telerik controls, and wanted to use html pie chart. Everything look working properly. However to display legent properly I have to create Series manually from code. But then if series is created manually, how can I set label? I can set label when data is databound - then legent is not wokring, or have legent but then I cannot set label.

Chart (HTML5)

answered on 27 Mar 2019

3 answers

150 views

Critical problem with RadTouchExtender on mobiles

Hello,

we have serious problem on mobiles. Inputs on page are not focusable on small screens. It is also visible in Chrome Dev tools with iPhoneX profile active.

-Navigate to page https://maxxibs.uat.creasoft.cz/login in Chrome and activate DevTools (F12) with Device iPhoneX

-When page loads, try to click to login/password inputs. When login is focused (1st one), try to focus password input (2nd one). Sometimes you have to click more times to get to this issue. In mobile it hangs on 1st time.

-Login stays focused, you are not able to focus password field.

Based on dev tools it is related to touchstart event listener on input. Seems that it activates "onDrag" event based on RadTouchExtender class on rdContent and prevents focus input. When RadTouchExtender class is removed, all works fine.

This is critical problem, because users are not able to login using iPhones and some Androids. How to solve this?

Best Regards

René

General Discussions

answered on 27 Mar 2019

3 answers

107 views

Help implementing ExportToDOCX in toolbar

I'm trying to figure out how to make a custom button in the toolbar that will allow users to export the content. I have a custom button that does reach the code behind, but since it is tied to "fireAjaxRequest" I suspect that it isn't working since the export requires a full postback. Is there any way to implement an export button in the menu, or does it have to be a button external to the menu (asp button with ID "ExportDOCX2" in the snippet below)?

I suppose I could hide the asp button, and have the custom menubutton click that using javascript, but I'm hoping for something more elegant.

NOTE: Not sure if this changes anything, but the page containing the AJAX editor is being rendered inside of an IFrame so it can be integrated with our existing MVC application. The MVC version of the editor does not currently have all of the same functionality as the AJAX version (which is required for our situation), so we took this approach.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="StandardEditor.aspx.cs" Inherits="FIS.Presentation.EWAPPM.DocumentScreens.DocEditor" %>

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

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

<script type="text/javascript">

function OnClientLoad(editor, args)

{

editor.fire("ToggleScreenMode");

}

</script>

<head runat="server">

<link href="../Content/Telerik/styles.css" rel="stylesheet" type="text/css" />

<link href="./Telerik/styles.css" rel="stylesheet" />

<title></title>

</head>

<body>

<form id="form1" runat="server"><asp:Button Text="Export to DOCX" runat="server" ID="ExportDOCX2" OnClick="ExportDocx_Click"/>

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

<telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="false" />

<div class="demo-containers">

<div class="demo-container">

<telerik:RadEditor RenderMode="Lightweight" Skin="MetroTouch" ID="theEditor" EnableTrackChanges="true" EnableComments="true" runat="server" Width="100%" ToolsFile="./EditorTools/StandardEditorTools.xml" EnableResize="False" ContentAreaMode="Div" DialogHandlerUrl="~/Telerik.Web.UI.DialogHandler.axd" ToolbarMode="RibbonBar" OnClientLoad="OnClientLoad" ContentFilters="DefaultFilters,PdfExportFilter">

<TrackChangesSettings CanAcceptTrackChanges="true" UserCssId="reU0"></TrackChangesSettings>

<ExportSettings OpenInNewWindow="false" FileName="EWAPPM_DOC">

<Docx DefaultFontName="Arial" DefaultFontSizeInPoints="12" HeaderFontSizeInPoints="8" PageHeader="Some header text for DOCX documents" />

<Pdf PageTitle="Some page title for PDF documents" />

</ExportSettings>

<ImageManager EnableAsyncUpload="true" >

</ImageManager>

<Content>

</Content>

<Modules>

<telerik:EditorModule Name="RadEditorHtmlInspector" Enabled="false" />

<telerik:EditorModule Name="RadEditorNodeInspector" Enabled="false" />

<telerik:EditorModule Name="RadEditorDomInspector" Enabled="false" />

<telerik:EditorModule Name="RadEditorStatistics" Enabled="false" />

</Modules>

</telerik:RadEditor>

<script type="text/javascript">

Telerik.Web.UI.Editor.CommandList["ExportPDF"] = function (commandName, editor, oTool)

{

fireAjaxRequest("ExportPDF");

}

Telerik.Web.UI.Editor.CommandList["ExportDOCX"] = function (commandName, editor, oTool)

{

fireAjaxRequest("ExportDOCX");

}

Telerik.Web.UI.Editor.CommandList["Save"] = function (commandName, editor, oTool)

{

fireAjaxRequest("Save");

}

Telerik.Web.UI.Editor.CommandList["Submit"] = function (commandName, editor, oTool)

{

fireAjaxRequest("Submit");

}

</script>

</div>

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="ConfiguratorPanel1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="theEditor" LoadingPanelID="RadAjaxLoadingPanel1" />

<telerik:AjaxUpdatedControl ControlID="ConfiguratorPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">

<script type="text/javascript">

function fireAjaxRequest(operation)

{

var ajaxManager = $find("<%= RadAjaxManager1.ClientID %>");

ajaxManager.ajaxRequest(operation);

}

</script>

</telerik:RadScriptBlock>

<telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanel1" Visible="False">

</telerik:RadAjaxLoadingPanel>

</form>

</body>

</html>

Editor

answered on 27 Mar 2019

7 answers

872 views

How to fix the max length of file name

hi

I have file name like this "2019 03 04 101905_RE Indonesia Possible opposition against the trademark application no 2019 03 04 101 D002014017706 AVATARA in the name of IGB GANGGA D002014017706 AV111111111112019 03 04 101905_RE Indonesia Possi.pdf"

when i try to upload that file name in AsyncUpload control it through the error like this below screen shot.

AsyncUpload

answered on 27 Mar 2019

7 answers

1.0K+ views

Upgrade to latest version

Hi Support,

We are using licensed version of Telerik UI for ASP.NET AJAX.

Telerik.Web.UI and Telerik.Web.UI.Skins with version "2014.3.1209.45".

We are planning to upgrade our .Net framework to 4.7 ( to the latest framework).

Currently we are using .Net framework 4.5., and the above mentioned Telerik dlls.

How can we upgrade telerik dlls to the latest? Which is the latest version of Telerik UI for ASP.NET AJAX, which will support .Net latest version ?

Will there be any impact if we upgrade to latest version ?

In the application, we use RadGrid, RadButton, AjaxManager etc..

Please let us know.

Thanks,

Sangeetha

Grid

answered on 27 Mar 2019

1 answer

445 views

Uncaught ReferenceError: nameOfControl is not defined

Hi guys,

I tried to fix a defect in application. Durning investigation I found out that in js fails on that line

$create(Telerik.Web.UI.RadComboBox, {"_dropDownWidth":0,"_isTemplated":true,"_maxHeight":100,"_skin":"Default","_text":"LE Value1,LE Value2,LE Value3","_uniqueId":"ctl00$DefaultContent$CaseDetailsControl_3$mscCaseType$ddlComboBox","allowCustomText":true,"clientStateFieldID":"ctl00_DefaultContent_CaseDetailsControl_3_mscCaseType_ddlComboBox_ClientState","collapseAnimation":"{\"duration\":450}","expandAnimation":"{\"duration\":450}","filter":2,"highlightTemplatedItems":true,"itemData":[{"text":"LE Value1","value":"103"},{"text":"LE Value2","value":"20002"},{"text":"LE Value3","value":"320"}]}, {"dropDownClosed":LaunchPostback_ctl00_DefaultContent_CaseDetailsControl_4_mscCaseType}, null, $get("ctl00_DefaultContent_CaseDetailsControl_3_mscCaseType_ddlComboBox"));

In js consol I can see an error.

Uncaught ReferenceError: LaunchPostback_ctl00_DefaultContent_CaseDetailsControl_4_mscCaseType is not defined
at Array.<anonymous> (CaseDashboard.aspx?C...tionStack=true:1152)
at Telerik.Web.UI.WebRe...cacbc31:6
at Sys._Application._raiseInit (Telerik.Web.UI.WebRes...4cacbc31:6)
at Sys._Application.initialize (Telerik.Web.UI.WebRe...cacbc31:6)
at b (Telerik.Web.UI.WebRe...cacbc31:6)
at HTMLDocument.a (Telerik.Web.UI.WebRes...cacbc31:6)

I played around to find the solution. The thing which I found out and works is that:

$create(Telerik.Web.UI.RadComboBox, {"_dropDownWidth":0,"_isTemplated":true,"_maxHeight":100,"_skin":"Default","_text":"LE Value1,LE Value2,LE Value3","_uniqueId":"ctl00$DefaultContent$CaseDetailsControl_3$mscCaseType$ddlComboBox","allowCustomText":true,"clientStateFieldID":"ctl00_DefaultContent_CaseDetailsControl_3_mscCaseType_ddlComboBox_ClientState","collapseAnimation":"{\"duration\":450}","expandAnimation":"{\"duration\":450}","filter":2,"highlightTemplatedItems":true,"itemData":[{"text":"LE Value1","value":"103"},{"text":"LE Value2","value":"20002"},{"text":"LE Value3","value":"320"}]}, {"dropDownClosed":"LaunchPostback_ctl00_DefaultContent_CaseDetailsControl_4_mscCaseType"}, null, $get("ctl00_DefaultContent_CaseDetailsControl_3_mscCaseType_ddlComboBox"));

I added quote to name of control which is probelby not defined and app works!

I found that solution: https://www.telerik.com/forums/telerik-web-ui-radcombobox-undefined-in-the-version-2015-2-623-45

I don't want to use that solution, because we use only once in the application and it is so generic, that app pages use this RadScriptManager. I have no idea what influence will have that change on the whole app.

ComboBox