Questions on UI for ASP.NET AJAX Forum

3 answers

318 views

When setting up a RadGrid in XML, you can set a variety of properties such as DataSourceID, AllowPaging, ImagesPath, AllowAutomaticInserts, etc.

I know that these are scattered throughout the tutorials on your website but is there anywhere or is there any document that has a list of all of these properties in the same place with associated descriptions of what they are used for? I am looking for something like your old CMS documentation only for your new stuff. Does that exist?

Documentation and Tutorials

answered on 31 May 2016

2 answers

518 views

RadCheckBox

I'm a noob to Telerik controls. I just purchased the UI for ASP.NET AJAX controls. I just started playing with them and I'm stuck getting a simple RadCheckBox deployed. I've got the RadScriptManager and RadSkinManger in my aspx page. I added a RadCheckBox which for some reason shows as a button in the IDE. I've tried configuring many different properties of the check box. When I run it all I see is the Text I have defined for it. There is no checkbox to click. If I click the text it behaves (the first click) like a button (it depresses) but then on subsequent clicks, nothing.

I'm sure there is something super simple that I'm just not seeing. I haven't played with any other controls so I'm not sure if I'm not configured properly?

Thanks for any help!

CheckBox

answered on 31 May 2016

1 answer

100 views

Client side programing only

Hi Telerik

1) I want to use client side programing in my application , on other word use all request with ajax (client side) . Is any online example?

How can i do it ?

2) How can i use https://jqueryvalidation.org/ with ajax ui telerik ? (for example : requierd radtextbox ... not sumbit page when radtextbox in empty) . Is online example ?

Please help me . Thanks

AjaxPanel

answered on 31 May 2016

1 answer

161 views

Use jquery ajax request

Hi Telerik

1) I want to use client side programing in my application , on other word use all request with ajax (client side) . Is any online example?
How can i do it ?
2) How can i use https://jqueryvalidation.org/ with ajax ui telerik ? (for example : requierd radtextbox ... not sumbit page when radtextbox in empty) . Is online example ?
Please help me . Thanks

Ajax

answered on 31 May 2016

0 answers

97 views

Custom Dialog trigger editor.pasteHtml

I try to make a RadListBox inside the Custom Dialog. I would like to pass the value from RadListBox to parent page when I double clicking on it. I try using editor.pasteHtml funcion in double click event of RadListBox but it won't work.
Could you please tell me where I went wrong.
My source code like below.

WebForm.aspx

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="WebForm1.aspx.vb" Inherits="WebEditor.WebForm1" %>

<!DOCTYPE html>

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

<head runat="server">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title></title>

</head>

<body>

<form id="form1" runat="server">

<div>

<telerik:RadScriptManager ID="RadScriptManager1" 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" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</telerik:RadScriptManager>

<script>

Telerik.Web.UI.Editor.CommandList["InsertLexicon"] = function (commandName, editor, args) {

var myCallbackFunction = function (sender, args) {

editor.pasteHtml(args.image);

}

editor.showExternalDialog(

"InsertLexicon.aspx",

{},

400,

560,

myCallbackFunction,

null,

"InsertLexicon",

true,

Telerik.Web.UI.WindowBehaviors.Close + Telerik.Web.UI.WindowBehaviors.Move,

false,

true);

};

function pasteLexicon(myData)

{

var editor = $find('<%= edComment.ClientID%>');

editor.pasteHtml(myData);

}

</script>

<br />

<telerik:RadEditor RenderMode="Lightweight" runat="server" ID="edComment" EditType="Inline" NewLineMode="Br" ToolsFile="ToolsFile.xml">

</telerik:RadEditor>

</div>

</form>

</body>

</html>

InsertLexicon.aspx

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="InsertLexicon.aspx.vb" Inherits="WebEditor.InsertLexicon" %>

<!DOCTYPE html>

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

<head runat="server">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link href="StyleSheets/Editor.css" rel="stylesheet" type="text/css" />

<title>InsertLexicon</title>

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="RadScriptManager1" 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" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</telerik:RadScriptManager>

<script type="text/javascript">

function getRadWindow() //mandatory for the RadWindow dialogs functionality

{

if (window.radWindow) {

return window.radWindow;

}

if (window.frameElement && window.frameElement.radWindow) {

return window.frameElement.radWindow;

}

return null;

}

function initDialog() //called when the dialog is initialized

{

var clientParameters = getRadWindow().ClientParameters;

}

if (window.attachEvent) {

window.attachEvent("onload", initDialog);

}

else if (window.addEventListener) {

window.addEventListener("load", initDialog, false);

}

function insertLexicon() //fires when the Insert Link button is clicked

{

var closeArgument = {};

var list = $find("<%= listComment.ClientID%>");

var item = list.get_selectedItem();

if (item == null || item == undefined) {

alert("請選擇詞庫");

return false;

}

else {

closeArgument.image = item.get_value();

getRadWindow().close(closeArgument);

}

function closeWindow() {

getRadWindow().close();

}

function OnClientItemDoubleClicked(sender, args)

{

var closeArgument = {};

var list = $find("<%= listComment.ClientID%>");

var item = list.get_selectedItem();

getRadWindow().get_browserWindow().pasteLexicon(item.get_value());

}

</script>

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

</telerik:RadAjaxManager>

<telerik:RadListBox RenderMode="Lightweight" runat="server" ID="listComment" Height="350px" Width="100%" ButtonSettings-AreaWidth="35px"

OnClientItemDoubleClicked="OnClientItemDoubleClicked">

<Items>

<telerik:RadListBoxItem Text="Value1" Value="value1"></telerik:RadListBoxItem>

<telerik:RadListBoxItem Text="Value2" Value="Value2"></telerik:RadListBoxItem>

</Items>

</telerik:RadListBox>

<br />

<div >

<telerik:RadButton RenderMode="Lightweight" AutoPostBack="false" ID="RadButton6" runat="server" OnClientClicked="insertLexicon" Text="Save" />

<telerik:RadButton RenderMode="Lightweight" AutoPostBack="false" ID="RadButton7" runat="server" OnClientClicked="closeWindow" Text="Close" />

</div>

</form>

</body>

</html>

Editor

asked on 31 May 2016

2 answers

127 views

Exact names for Export to excel and Export to PDF images

Hi,

We have a grid and a custom skin for it. In order to show grid images for "Add New", "Edit", "Delete", "Filter", etc... we put all grid related images into "~/images/grid" directory, based on this article

http://docs.telerik.com/devtools/aspnet-ajax/controls/grid/appearance-and-styling/skins

However, we also use buttons "Export To PDF" and "Export To Excel", which correct names are not mentioned in the above article.

What are the correct names we should use for these button so the images show in the grid header?

Thanks,

Evgeniya

Grid

answered on 30 May 2016

2 answers

113 views

RadRibbonBar Tab Image?

I need have a RadRibbonBar with four main tabs. I cannot seem to find any documentation about adding images on the tab itself. The RadTabStrip has an ImageURL property. Would I have to use a TemplateControl to achieve this?

RibbonBar

answered on 30 May 2016

3 answers

487 views

RadListBox Height

I would like to set the height of the listbox to show 5 rows of data. The rows are simple text entries using RadListBoxItem. In order to set the height, it seems like I would have to calculate the height of one item and multiple that by the number of rows that I want to show. Then, set the height of the listbox to this value.

The "height" property for the RadListItem is blank before adding to a listbox, after adding to a listbox, and after adding to an update panel on the page. I kind of figured this was the case given that the style sheet may cause the size to change.

So, how should I set the height of a listbox assuming I want to show 5 items at a time? Do I calculate it on the server side using best guess at the row size? How well does that work for cross browser implementations? Do I calculate it on the client side in javascript?

What would be the best approach to this?

Thanks

Michael

ListBox

answered on 30 May 2016

3 answers

139 views

Files with custom extension for Media Manager are not visible once uploaded

Hi all,

I'm running RAD Editor full featured on a MOSS 2007 env (RAD 5.7.1.0), and I've added some custom file extension to be allowed in the Media Manager:

<property name="MediaFilters">

<item>*.wmv</item>

<item>*.avi</item>

<item>*.mpeg</item>

<item>*.mpg</item>

<item>*.mov</item>

<item>*.flv</item>

<item>*.m4v</item>

<item>*.mp3</item>

<item>*.mp4</item>

</property>

I'm having troubles for some files of thoses extensions. If I upload a mp4 file, the upload works fine but after the media manager refreshes the content of my document library it does not shows my mp4 file.

And I don't have this problem for mov or flv files...

Any clue on this ?

WebParts for SharePoint