Questions on UI for ASP.NET AJAX Forum

1 answer

126 views

Checkbox in header not checking when RenderMode=Mobile

I love the look of the mobile version of radgrid paging so I want to use it regardless if the client is on a desktop. I don't want to use the "auto" render mode.

In the header I have the following Javascript which works correctly if RenderMode=Mobile is NOT set:

<script type="text/javascript">

function CheckAll(checkAllBox, checkboxName, allcheckboxName) {

//var frm = document.form1;

var frm = document.getElementById('form1');

var ChkState = checkAllBox.checked;

for (i = 0; i < frm.length; i++) {

e = frm.elements[i];

if (e.type == 'checkbox' && e.name.indexOf(checkboxName) != -1)

e.checked = ChkState;

}

</script>

A simple radgrid I created on a new webform clean of any of my own javascript and css:

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

<telerik:RadGrid BorderStyle="None" Width="100%" ID="dgrTestGrid" runat="server" AllowPaging="True" AllowSorting="True" AutoGenerateColumns="False" GridLines="None" PageSize="20" RenderMode="Mobile" >

<pagerStyle Mode="NextPrevNumericAndAdvanced" />

<MastertableView EnableNoRecordsTemplate="True" >

<Columns>

<telerik:GridTemplateColumn UniqueName="TemplateColumn">

<ItemStyle HorizontalAlign="Center" CssClass="TableBodyLight"></ItemStyle>

<HeaderTemplate>

<asp:CheckBox ID="ckbSelectAll" runat="server" />

</HeaderTemplate>

<ItemTemplate>

<asp:CheckBox ID="ckbSelect" runat="server" />

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

<NoRecordsTemplate>

<div class="NoRecords">You have no Records.</div>

</NoRecordsTemplate>

</MastertableView>

</telerik:RadGrid>

Bind your own data to this and you'll see what I mean. You can't check the checkbox in the header (you can but it doesn't toggle the checkboxes in the rows).

Any suggestions on how to set the pager to be mobile and have the check all functionality (without ajax.. I want it to be client side) other than just recreating the look with a custom pager or going with a simple ASP datagrid (which defeats the purpose of me using Radcontrols in the first place).

Grid

answered on 04 Sep 2015

3 answers

95 views

Problem with classic RadComboBox V2.8.8 and IE 11 and Umlaut

Hello

As the classic telerik controls are no more supported by telerik I try my luck here...

The problem occurs with a user control that dynamically creates a dialog
using some RadComboBox (version V2.8.8) controls. The problem occurs only when there are
items with umlaut (eg. 'Enhält') in the drop down box.

Is this issue known and is there a workaround for this? As for now we suggest to our customer to use another browser.

Here you find a working project demonstrating the issue with IE 11: http://www.filedropper.com/webcontrols-manualtests
There is also video and a word document showing the result in IE (not working) and firefox (working as expected).

Changing the code to use the latest telerik controls would be also an option, but I didn't manage to convert the code.

Hope someone can help!

Regards,
Tonino.

ComboBox

answered on 04 Sep 2015

1 answer

146 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

240 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

547 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

131 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

184 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

124 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

374 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

569 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