Questions on UI for ASP.NET AJAX Forum

1 answer

152 views

Set a value while load on demand by web service

Hi!

I'm using multiple RadComboBoxes that are filled by a web service like this:

1.<telerik:RadComboBox runat="server" ID="Value" Width="300px" EnableLoadOnDemand="true" OnClientItemsRequesting="LookupItemRequesting" OnItemsRequested="Value_OnItemsRequested" AutoPostBack="False">

2. <WebServiceSettings Path="/Handlers/IdmpService.asmx" Method="LoadDropDownValues" UseHttpGet="true"></WebServiceSettings>

3.</telerik:RadComboBox>

The method to fill the combobox looks like this:

01.[WebMethod(true)]

02.[ScriptMethod(UseHttpGet = true)]

03.public RadComboBoxData LoadDropDownValues(RadComboBoxContext context)

04.{

05. var res = new RadComboBoxData();

06. var itemType = context["ItemType"].AsString();

07. var valueProperty = context["ValueProperty"].AsString();

08. ...

09. var result = new List<RadComboBoxItemData>();

10. try

11. {

12. ...

13. foreach (Dictionary<string, object> item in items)

14. {

15. // process items...

16. result.Add(new RadComboBoxItemData { Value = "some integer id", Text = string.Join(", ", string.Format(displayFormat, values.ToArray())) });

17. }

18. }

19. catch (Exception ex)

20. {

21. result = new List<RadComboBoxItemData> { new RadComboBoxItemData { Value = "", Text = ex.Message } };

22. }

23. res.Items = result.ToArray();

24. return res;

25.}

Together with quite a few other Telerik controls this is a form used to view/edit data, so I need to set a specific value for thie ComboBox. How can I assign a value to the ComboBox to make sure that when I save the whole data, I can read the correct value from the ComboBox?

Thanks!

ComboBox

answered on 04 Sep 2015

9 answers

246 views

Blank map when i use MasterPage

Hey,

I have a problem with my radmap. In fact, when i use my MasterPage, my radmap becomes white (i havent Layers...)

Look my code :

DEFAULT.ASPX

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" MasterPageFile="~/SITE CG/CG71/MasterPage.Master" Inherits="Portail_Eau.Default" %>

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

<%@ Register Src="~/UserControl/UserImpInfo.ascx" TagPrefix="uc1" TagName="UserImpInfo" %>

<%@ Register Src="~/UserControl/UserCaracStation.ascx" TagPrefix="uc1" TagName="UserCaracStation" %>

<%@ Register Src="~/UserControl/UserFonctioStation.ascx" TagPrefix="uc1" TagName="UserFonctioStation" %>

<%@ Register Src="~/UserControl/UserGestionDoc.ascx" TagPrefix="uc1" TagName="UserGestionDoc" %>

<%@ Register Src="~/UserControl/UserERROR.ascx" TagPrefix="uc1" TagName="UserERROR" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

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

<script src="Content/Scripts.js"></script>

<link href="Content/DefaultStyles.css" rel="stylesheet" />

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

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

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

</Scripts>

</telerik:RadScriptManager>

<telerik:RadMap ID="RadMap1" runat="server" MinZoom="9" OnItemDataBound="RadMap1_ItemDataBound" CssClass="MyRadMap">

<DataBindings>

<MarkerBinding DataShapeField="Shape" DataTitleField="nomStation" DataLocationLatitudeField="latitude" DataLocationLongitudeField="longitude" />

</DataBindings>

<LayersCollection>

<telerik:MapLayer Subdomains="a,b,c" Type="Tile" UrlTemplate="http://#= subdomain #.tile.thunderforest.com/outdoors/#= zoom #/#= x #/#= y #.png"></telerik:MapLayer>

</LayersCollection>

</telerik:RadMap>

</form>

</asp:Content>

And my MasterPage :

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="MasterPage.master.cs" Inherits="Portail_Eau.SITE_CG.CG71.MasterPage" %>

<!doctype html>

<html lang="fr" class="no-js">

<head runat="server">

<title>Département de Saône-et-Loire-Très haut débit</title>

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

<link href="../../SITE CG/CG71/styles/style.css" rel="stylesheet" type="text/css" />

<link rel="icon" type="image/gif" href="http://www.cg71.fr/typo3conf/ext/e_tca_extented/res/cg71/images/favicon.ico" />

<link href="../../SITE CG/CG71/typo3conf/ext/e_googlemap/pi1/infobulle.css" rel="stylesheet" type="text/css" />

</head>

<body>

<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">

</asp:ContentPlaceHolder>

</body>

</html>

This is my result :

http://puu.sh/f5OX7/27239a7d9a.jpg

Hum, wierd !

Map

answered on 04 Sep 2015

9 answers

553 views

How to maximize the radwindow

Hi,
I added some custom tools in my radEditor and I open the RadWindow with this code :

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

{

var myCallbackFunction = function (sender, args)

{

alert("Hello World");

}

editor.showExternalDialog

(

'/Test.aspx',

{},

950,

700,

myCallbackFunction,

null,

'Insert Document',

true,

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

false,

true

);

};

It works fine but now, I would like to maximize the RadWindow like with this code

var manager = $find("<%= RadWindowManager1.ClientID %>");

var oWin = manager.open("Test.aspx", "RadWindow1");

oWin.maximize();

How can I do that ??

Thanks.

Editor

answered on 04 Sep 2015

3 answers

134 views

RadAsyncUpload

Hi,

I am fairly new to the Telerik controls. I have couple of problems with RadAsyncUpload.

1. The control's labels are not properly named. I get "#ResourceNotFound#RadAsynUpload:Remove and "#ResourceNotFound#:RadAsyncUpload:Select" instead of "Remove" and "Select" (Attached a screenshot of error)

2. Could not generate "OnFileUploaded" event in my code behind. Am I missing registering something ?

Please help me with a sample that addresses both of these issues.

Regards,

Siva

AsyncUpload

answered on 04 Sep 2015

5 answers

188 views

Button Inside RadWindow Closes Window When Not Valid

I am using RequiredFeildValidators inside a RadWindow but the btnAddDebtor1 click causes a postback closing the window even though the clientside validators are false. What is the solution to this issue?

<!DOCTYPE html>

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

<head runat="server">

<title></title>

</head>

<body>

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

<script type="text/javascript">

function GetRadWindow() {

var oWindow = null;

if (window.radWindow)

oWindow = window.radWindow;

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

oWindow = window.frameElement.radWindow;

return oWindow;

}

function CloseModal() {

var oWnd = GetRadWindow();

if (oWnd) oWnd.close();

}

</script>

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

<div>

<telerik:RadButton ID="btnAddDebtor" runat="server" Text="Add Debtor" ButtonType="StandardButton" CausesValidation="false">

<Icon PrimaryIconCssClass="rbAdd" PrimaryIconLeft="4" PrimaryIconTop="4"></Icon>

</telerik:RadButton>

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

<Windows>

<telerik:RadWindow ID="RadWindow_DebtorContent" runat="server" Width="700" Height="480" Modal="true" Behaviors="Close">

<ContentTemplate>

<div class="form-horizontal" style="width:670px">

<br />

<div class="form-group">

<asp:Label runat="server" AssociatedControlID="Contact" CssClass="col-md-2 control-label">Contact</asp:Label>

<div class="col-md-10">

<telerik:RadTextBox runat="server" ID="Contact" CssClass="form-control" Width="240px"></telerik:RadTextBox>

<asp:RequiredFieldValidator runat="server" ID="rfContact" Display="Dynamic" ControlToValidate="Contact" CssClass="text-danger" ErrorMessage="Please provide Contact" ValidationGroup="Debtor"></asp:RequiredFieldValidator>

</div>

<br />

<telerik:RadButton ID="btnAddDebtor1" runat="server" Text="Add Debtor" ButtonType="StandardButton" ValidationGroup="Debtor" OnCommand="btnAddDebtor_Click">

<Icon PrimaryIconCssClass="rbAdd" PrimaryIconLeft="4" PrimaryIconTop="4"></Icon>

</telerik:RadButton>

<br />

</div>

</ContentTemplate>

</telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

</div>

</form>

</body>

</html>

C#

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

namespace Bookings

{

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

{

protected void Page_Load(object sender, EventArgs e)

{

RadWindow_DebtorContent.OpenerElementID = btnAddDebtor.ClientID;

}

public void btnAddDebtor_Click(object sender, CommandEventArgs e)

{

if (this.Page.IsValid)

{

//Update Database

ScriptManager.RegisterStartupScript(this, GetType(), "close", "CloseModal();", true);

}

Window

answered on 04 Sep 2015

1 answer

127 views

Telerik Date Picker Control in Sharepoint

Hello,

I am trying to replace the default Sharepoint date picker with the Telerik Date Picker control. I have installed the Sharepoint Web Parts through the msi, and have installed the UI for ASP.NET AJAX controls through the Telerik Control Panel. Can anyone please guide me on what my next steps need to be in order to incorporate Telerik's Date Picker control in my Sharepoint site?

Thanks in advance.

Installer and VS Extensions

answered on 04 Sep 2015

6 answers

386 views

Different colours for bar series

Hi,

My bar chart uses only one colour for all series, how can I get it to use random colours? (or generate a custom palette myself).

Preferably to be set in code-behind.

Chart (HTML5)

answered on 04 Sep 2015

14 answers

587 views

asp:Label font-family not affected

I am using the FormDecorator to control the look and feel of my site.

After reading...

Telerik ASP.NET FormDecorator allows you to beautifully style 10 types of elements: Buttons, CheckBoxes, RadioButtons, Fieldset, TextBox, Textarea, Labels, H4, h5, H6.

...I assumed that the Form Decorator would change the appearance of any asp:Label on my form. In fact, it does! However, it only seems to change the color and not the font-family to match the currently selected skin. Is this a bug or a design flaw or something I am doing wrong?

Thanks.

FormDecorator

answered on 03 Sep 2015

11 answers

482 views

Disable blinking cursor

Good morning,
is there a way to disable the blinking cursor at the end of the ComboBox select Box?

See attached a example image.

Thanks in advance.

Regards
Dirk

ComboBox