Questions on UI for ASP.NET AJAX Forum

1 answer

75 views

Need Permanent Recurrence Indexing, Not Based on View

I have a RadScheduler instance on a DNN UserControl. The back end of the control feeds data called Alerts into the scheduler. Most alerts are intended to be recurring, usually once a week or semi-weekly, etc.

<div class="My_Container">

<div class="My_Calendar">

<telerik:RadScheduler ID="alertRadScheduler" runat="server" OnAppointmentDataBound="RadScheduler1_AppointmentDataBound"

Skin="Metro" Height="450" OverflowBehavior="Auto" AllowInsert="False" AllowEdit="False"

SelectedView="MonthView" ShowFooter="false" EnableRecurrenceSupport="True"

DayStartTime="08:00:00" DayEndTime="21:00:00" FirstDayOfWeek="Sunday" LastDayOfWeek="Saturday" OnClientFormCreated="schedulerIsCompleted"

EnableDescriptionField="true" AppointmentStyleMode="Simple" EnableCustomAttributeEditing="True" CustomAttributeNames="IsComplete, CompletedRecurrences2"

OnClientAppointmentClick="OnClientAppointmentClick" OnClientAppointmentInserting="OnClientAppointmentInserting">

<Localization AdvancedEditAppointment="Edit Alert" AdvancedNewAppointment="New Alert" />

<AppointmentTemplate>

<div class="My_CalendarAlert">

<a ng-click="(<%# Eval("Id").ToString().Split('_')[0] %>)"

data-recid="<%# Eval("Id").ToString().Split('_').Length > 1 ? Eval("Id").ToString().Split('_')[1] : "" %>">

<span class="ball"></span><%# Eval("Subject") %>

</a>

</div>

</AppointmentTemplate>

<InlineInsertTemplate>

</InlineInsertTemplate>

</telerik:RadScheduler>

</div>

As you can see in the block, I have default Monthly view and how we do add/edit options etc. The end result of how the Alert (Appointment) looks on the calendar days themselves is a red or green square followed by the name (cut off if the name is too long to fit in the box). You click the Alert to open a custom editor. The choice between Red and Green square is based on a 'Completed Reccurences' list for the user which says that for a given Alert, recurrence indexes X,Y,Z are Completed if they are present in that Completed list. Completed are Green, the rest are Red.

Now all of this has been working to set up recurrences by generating the rules, etc. and we just now figured out that the Recurrence Indexes are based on the Monthly View that you are currently looking at. We were expecting that if something started on X date and recurred weekly, then 2 months later the indexes should be somewhere like 8-12, but they are not.

For instance, we have a recurrence set to start on Friday, July 3rd on a weekly basis. It shows up every Friday like intended. The user has 'completed' the Recurrences that are on the 3rd, 10th, 17th and 24th of July (these are in green), but not the 31st (this one is in red). That is all working as expected.

https://i.gyazo.com/224f03a5e3fa90ed5e39e46506d66659.png

However, we jump to the next month, August. No recurrences have been completed for this month (since that is in the future) and here is what we see:

https://i.gyazo.com/94a6136e9c79bfe006f9a5a084543eba.png

The indexes, starting from July 31st (the fifth instance) are reset to start from 0. Since I have 'Completes' recorded for "",0,1,2 it's marking those as complete in the UI. However since these are instances that should be starting with "3" on the 31st, I should be seeing 3,4,5,6,7 in the month of August.

If this were related to what Month it was, where in the index was reset at the beginning of the month and the 7th of August (the first Friday to contain the Alert), I could handle that by adding the Month to my database and call it part of the unique id. But with it based on whatever view the user is looking at I can't reliably do that.

What can I do to fix this? I need permanent indexing based on when the recurrence rule actually started, not based on the view the user is looking at on the page.

Scheduler

answered on 31 Jul 2015

1 answer

120 views

RadHtmlChart Showing Odd Behaviour with DataSource from StroedProcedure

Hi All,

I have a crazy behaviour on my RadHtmlChart. It has a DataSource coming from a stored procedure. This procedure accepts two parameters provided by RadDropDowns (@DateID and @Group).

I choose a @DateID from DropDown 1 , a @Group from DropDown2 and Invoke the Databind by clicking the Filter Button. Hence the RadHtmlChart gets the Data from the stored Procedure and renders Columns as expected. Furthermore a RadGrid is included to display the same data from the DataSource. (Image V1)

However, if the parameter @Group includes an item starting with letter 'U', the RadChart is not rendered and even blocks others from showing.(Image V2)

I really tried out everything, but RadChart is not rendered correctly whenever any item with an 'U' is included.

AnyOne any idea what the reason for this crazy behaviour might be?

Chart (HTML5)

answered on 31 Jul 2015

5 answers

215 views

selectedvalues on multiselect

I have a radgrid with a sql datasource hooked to it. I set the datakeynames = the identifier value of the sql datasource. I have multiselect set on the grid but when I select multiple columns the selectedvalues only shows the last one selected. I need all of the keys selected.

Grid

answered on 31 Jul 2015

3 answers

114 views

Adding filename breaks Multi Page Export

Adding

cem.set_pdfSettings({ fileName: "xxxx.pdf" });

To the export function stops the multi page only the first page is exported

ClientExportManager

answered on 31 Jul 2015

6 answers

723 views

Radcombobox checkbox not aligning with text

I am working with Radcombobox in vb.net. The checkboxes in the Radcombobox are not aligned properly with the text of the combobox
Here is my code. I am also using IE 8. Please help

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="testme.aspx.vb" Inherits="testme" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

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

<head runat="server">

<title></title>

<style type="text/css">

.rcbHeader ul, .rcbFooter ul, .rcbItem ul, .rcbHovered ul, .rcbDisabled ul

{

display: inline-block;

margin: 0;

padding: 0;

list-style-type: none;

}

.col1, .col2, .col3

{

float: left;

width: 30px;

margin: 0;

padding: 0 5px 0 0;

line-height: 14px;

}

</style>

</head>

<body>

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

<telerik:RadScriptManager ID="RadScriptManager1" runat="server" EnableTheming="True">

</telerik:RadScriptManager>

<div>

<telerik:RadComboBox ID="RadComboBox1" runat="server" Width="220px" EnableCheckAllItemsCheckBox="true"

CheckBoxes="true" DropDownWidth="500px">

<ItemTemplate>

<ul>

<li class="col1" style="width: 420px">

<%# DataBinder.Eval(Container.DataItem, "Customer")%></li>

<li class="col2">

<%# If(DataBinder.Eval(Container.DataItem, "hasJOnly"), "J", "")%><%# If(DataBinder.Eval(Container.DataItem, "hasJM"), "JM", "")%><%# If(DataBinder.Eval(Container.DataItem, "hasJOnly")=False and DataBinder.Eval(Container.DataItem, "hasJM")=false, "N/A", "")%></

li>

</ul>

</ItemTemplate>

<Items>

</Items>

</telerik:RadComboBox>

</div>

</form>

</body>

</html>

ComboBox

answered on 31 Jul 2015

1 answer

58 views

TreeView keyboard navigation selects invisible nodes

Greetings,

I've already filed a bug report about this here a couple of weeks ago but no one replied.

Please read the details in the report.

TreeView

answered on 31 Jul 2015

5 answers

208 views

All content are selected and getting script error when back from HTML mode to Design mode in Editor

Hello,
I have come across a problem with the editor.

We have recently upgraded the telerik controls from V 2013 to V 2015.2.623.45.

After upgrade new version that some functionality are messed up.

Steps to reproduce the issue.

1 - Add below content HTML mode.

<html>
<head>
</head>
<body contenteditable="true">
T<span style="color: #00b050;">esting New Message twetw </span><span style="color: #00b050; background-color: #c4bd97;">werwrwerwrwrwrwrwrwrwrw<sup>rwerwrww<sub>rwrwrwrwrwr</sub></sup><sub>rwerwrewrwr</sub></span>
<p style="text-align: left;"><a name="Hello" href="http://www.bing.com" class="body">Hello</a><br />
<br />
</p>
<img src="https://www.google.co.in/images/srpr/logo11w.png" alt="bb" style="display: block; width: 78px; height: 116px; border: 9px solid #ff0000;" height="116px" width="78px" />
<p> </p>
<p> </p>
<p style="text-align: left;"> </p>
<p> </p>
<p><img alt="" src="https://www.google.co.in/images/srpr/logo11w.png" style="height: 74px; width: 371px;" height="100px" width="100px" /><br />
<br />
<br />
</p>
</body>
</html>

2 - Back to Design mode and set focus on Image

3 - Then go to HTML mode and back to Design mode.

4 - All content are selected on Design mode in Editor.

When move 3-4 time from Design to Html mode then getting script error "Uncaught TypeError: Cannot use 'in' operator to search for 'fontFamily' in undefined" as well.

This can easily be reproduced on your demo site as well(Chrome browser).

refer below link and find attached the image file for script error

http://screencast.com/t/Lb5FLNiBW5TZ

please give a quick reply with solution as this is blocker part of development.
Thanks.

General Discussions

answered on 31 Jul 2015

1 answer

103 views

Batch editing in RadGrid - absolute position

Hi,

We are trying to set a custom EditItemTemplate in batch editing. We have a div and we want to put it above the edited cell. This code is working perfect in IE but it doesn't work fine in Chrome:

function batchEditOpened(sender, args) {

var cell = args.get_cell();

$cell = $(cell);

var $batchContainer = $cell.find(".rgBatchContainer");

$batchContainer.css("position", "absolute");

$batchContainer.offset($cell.offset());

}

Can you help us?

Thanks in advance,

Alfonso

Grid

answered on 31 Jul 2015

2 answers

1.4K+ views

Double click event for Kendo Treeview control items

1. What I have is a Kendo TreeView control similar to the below structure.

- Parent 1

- Child 1 of Parent 1

- Child 2 of Parent 1

- Parent 2

2. What I need is to trigger an event on Double click of any of the items ( items being : Parent 1,Child 1 of Parent 1,Child 2 of Parent 1,Parent 2)

3. There exists an event for single click, that is .Select(). But I don't seem to find one for double click.

4. Question : Is there any way to trigger a double click event from the control itself, if not, what is the suggested alternate for the same?

TreeView

answered on 31 Jul 2015

0 answers

173 views

Binding RadComboBox with json array from rest services

var getCars () {
var serviceUrl = "URL your services";
var paramData = {

};

var req = $.ajax({
type: 'POST',
url: serviceUrl,
contentType: 'application/json; charset=utf-8',

data: JSON.stringify(paramData ),
dataType: 'Json',
});
req.then(
function () {
_console.log("Cars->getCars success") : null;
},
function () {
console.log("Cars->getCars failed") : null;
}
);
return req;
}

Documentation and Tutorials

asked on 30 Jul 2015