Questions on UI for ASP.NET AJAX Forum

4 answers

223 views

[Solved] Store a Node or a Tree in a File or Database

Hello,

sometime I'm creating trees based on very complex and timeconsumpting database-queries.

My question is, if it is possible to store the tree (after first creation in a file or database,
so it can be cached for other users.

Second question is: how to set the tree from that cache (usually a binary-text)?

Is there an easy way to do that?

Best regards.

TreeView

answered on 10 Dec 2009

2 answers

222 views

Obtain GroupHeader Value

Hi Telerik experts,

Can you say me how to get the value of a groupheader, actually i can get the text based on your sample, also i can get the groupindex, but i can't get the value set into FieldName="SubDiarioID"

    
            protected void tk_Grid_PreRender(object sender, EventArgs e) 
        
                { 
        
                    foreach (GridGroupHeaderItem groupHeader in tk_Grid.MasterTableView.GetItems(GridItemType.GroupHeader)) 
        
                    { 
        
                        string strtxt = groupHeader.DataCell.Text; // accessing the groupheader text    
        
                        string strGroupIndex = groupHeader.GroupIndex; 
        
                        LinkButton hyperlnk = new LinkButton(); // creting new link    
        
                        hyperlnk.Text = strtxt.Substring(8,strtxt.Length-8); 
        
                        hyperlnk.CssClass = "gridtextbold"; 
        
                        hyperlnk.Attributes.Add("OnClick", "return AbreVentana('ConsolidadoDiarioAuxiliar.aspx','Consolidado');"); 
        
                        groupHeader.DataCell.Controls.Clear(); 
        
                        groupHeader.DataCell.Controls.Add(hyperlnk); // adding link to the groupheader       
        
                    }   
        
                }

    
            <GroupByExpressions > 
        
                                                            <telerik:GridGroupByExpression >  
        
                                                                <GroupByFields >                                                                                                         
        
                                                                    <telerik:GridGroupByField   FieldName="SubDiarioID"  FormatString="{0:g}" />                                                         
        
                                                                </GroupByFields> 
        
                                                                <SelectFields> 
        
                                                                    <telerik:GridGroupByField FieldName="BESubDiarios.NombreSubDiario" HeaderText="Cuenta" /> 
        
                                                                </SelectFields> 
        
                                                            </telerik:GridGroupByExpression> 
        
                                                        </GroupByExpressions> 
        
                                                       <GroupHeaderItemStyle HorizontalAlign="Left" CssClass="gridtext"  />

Grid

answered on 10 Dec 2009

1 answer

112 views

how to set the pop control of datetimepicker

I have to questions about datimepicker here.

1. when updated the telerik from 2008 Q2 to 2009 Q3, the letters(I mean "AM" and "PM") in the popup control of datetimepicker became to lowcase letters( such as "am" and "pm") and also find the time columns are right-aligned.
can anyone tell me how to set the align and the upcase of the letter of "am" and "pm" in the popup control of datetimepicker.

2. I noticed that when I change the selection in time picker, the last selection is marked.
how can I get rid of the mark from the popup control of time picker? I mean each time I open the popup control of time picker, there should be no marked selection.

thanks

Calendar

answered on 10 Dec 2009

0 answers

1.7K+ views

[Solved] Known Issues and Breaking Changes - RadScheduler

You can find information about known issues and important changes for the entire UI for ASP.NET AJAX suite in the following pinned thread: Known Issues and Important Changes in UI for ASP.NET AJAX.

Q1 2014 (Version number: 2014.1.225)

Problem:

The recurrence editor layout is broken under IE7 browser.

Solution:
This issue will be resolved in the first internal build. If you are using CDN or for some reason you do not want to use an internal build the following css fix will resolve the issue.

div.RadScheduler .RadInput {

*display: inline !important;

}

Please note that if you still decide to use the internal build or you update to Q1 2014 SP1 ( where the fix will be included) please remove this css fix to avoid any unexpected behavior.

Q2 2012 (Version number: 2012.2.607)

Problem:

JavaScript error is thrown when the advanced form is opened. The error is thrown only when a custom advanced form is used and therefore a custom AdvancedForm.js file.

Error in IE: Unable to set value of the property 'errorMessage': object is null or undefined.
(The error is caused by RadDatePicker/RadTimePicker not being located properly.)

Solution:

The _initializeAdvancedFormValidators and _initializeAllDayCheckbox methods in the AdvancedForm.js file should look like the following:

_initializeAdvancedFormValidators: function () {

var toolTip = this._createValidatorToolTip();

if (typeof (Page_Validators) == "undefined")

return;

for (var validatorIndex in Page_Validators) {

var validator = Page_Validators[validatorIndex];

if (this._validatorIsInTemplate(validator)) {

var control = $("#" + validator.controltovalidate);

if (control.length == 0)

break;

if (control.parent().is(".rsAdvDatePicker") ||

control.parent().is(".rsAdvTimePicker")) {

$("#" + validator.controltovalidate + "_dateInput")

.bind("focus", { "toolTip": toolTip }, this._showToolTip)

.bind("blur", { "toolTip": toolTip }, this._hideToolTip)

[0].errorMessage = validator.errormessage;

}

else {

control.addClass("rsValidatedInput");

}

control[0].errorMessage = validator.errormessage;

this._updateValidator(validator, control);

}

var advancedTemplate = this;

var originalValidatorUpdateDisplay = ValidatorUpdateDisplay;

ValidatorUpdateDisplay = function (validator) {

if (advancedTemplate._validatorIsInTemplate(validator) && validator.controltovalidate) {

advancedTemplate._updateValidator(validator);

}

else {

originalValidatorUpdateDisplay(validator);

}

};

$(".rsValidatedInput", this._formElement)

.bind("focus", { "toolTip": toolTip }, this._showToolTip)

.bind("blur", { "toolTip": toolTip }, this._hideToolTip);

},

_initializeAllDayCheckbox: function () {

var allDayCheckbox = $("#" + this._templateId + "_AllDayEvent");

var controlList = $(allDayCheckbox[0].parentNode.parentNode.parentNode);

var timePickers = controlList.find('.rsAdvTimePicker');

// RadDateTimePicker-display-hackedy-hack

if ($telerik.isIE6 || $telerik.isIE7) {

$('.rsAdvTimePicker, .rsAdvDatePicker', this._formElement).css(

{

display: "inline",

zoom: 1,

width: ""

});

}

else {

$('.rsAdvTimePicker, .rsAdvDatePicker', this._formElement).css(

{

display: "inline-block",

width: ""

});

}

var timePickersWidth = $("#" + this._templateId + "_StartTime_dateInput").outerWidth();

timePickers.width(timePickersWidth);

var initialPickersWidth = $(".rsTimePick", this._formElement).eq(0).outerWidth();

var allDayPickersWidth = initialPickersWidth - timePickersWidth;

var startTimeValidator = $get(this._templateId + "_StartTimeValidator");

var endTimeValidator = $get(this._templateId + "_StartTimeValidator");

var advancedTemplate = this;

// IE fix - the hidden input pushes down the other TimePicker elements during animation

controlList.find('.rsAdvTimePicker > input').css("display", "none");

var clickHandler = function (allDay, animate) {

var showTimePickers = function () {

if ($telerik.isSafari || $telerik.isOpera)

timePickers.css("display", "inline-block");

else

timePickers.show();

};

if (!allDay)

showTimePickers();

controlList.find('.rsTimePick').each(function () {

if (animate) {

$(this).stop();

if (allDay)

$(this).animate({ width: allDayPickersWidth }, "fast",

"linear", function () { timePickers.hide(); });

else

$(this).animate({ width: initialPickersWidth }, "fast");

}

else {

if (allDay) {

timePickers.hide();

$(this).width(allDayPickersWidth);

}

else {

$(this).width(initialPickersWidth);

}

});

if (typeof (ValidatorEnable) != "undefined") {

ValidatorEnable(startTimeValidator, !allDay);

ValidatorEnable(endTimeValidator, !allDay);

}

var startTimePicker = advancedTemplate._pickers.startTime;

startTimePicker.set_enabled(!allDay);

var endTimePicker = advancedTemplate._pickers.endTime;

endTimePicker.set_enabled(!allDay);

};

this._onAllDayCheckBoxClick = clickHandler;

clickHandler(allDayCheckbox[0].checked, false);

allDayCheckbox.click(function () { clickHandler(this.checked, true); });

},

Q1 2012 (Version number: 2012.1.215)

Problem:

When using the Advanced form user controls, opening the advanced form will throw -

Error: Unable to set value of the property 'errorMessage': object is null or undefined

In addition to this, the Advanced form will look distorted:

These problems are caused by a breaking change in RadInput/RadInputManager described in the release history - Improved: Single input rendering mode is enabled by default for all RadInput controls

Solution:

Set EnableSingleInputRendering="false" for all DateInput tags and RadTextBox controls in the AdvancedForm user control:

<DateInput ID="DateInput2" runat="server" EnableSingleInputRendering="false" ... />
* * *
<telerik:RadTextBox runat="server" ID="SubjectText" EnableSingleInputRendering="false" .. />

Q2 2011 SP1(Version number: 2011.2.915)

Probem:

Pressing ESC while dragging appointment in AJAX scenarios throws JavaScript exception

Solution

We have addressed the bug for the latest internal build (Starting from verson 2011.2.920). Alternatively, you can use the following approach, add this script before the RadScheduler's declaration:

<script type="text/javascript">

if (Telerik.Web.UI.RadScheduler.prototype._onKeyDownEvent) {

var originalHandler = Telerik.Web.UI.RadScheduler.prototype._onKeyDownEvent;

Telerik.Web.UI.RadScheduler.prototype._onKeyDownEvent = function (e) {

if (this._resizingState)

originalHandler.apply(this, [e]);

}

</script>

Q3 2010 SP2(Version number: 2010.3.1317)

Problem:

If the TimeLabelSpan property for Timeline view is set, the time slots will be misalligned with respect to the date headers in IE9.

*

<TimelineView NumberOfSlots="24" TimeLabelSpan="4" />

*

You RadScheduler will look something like this:

This is a browser issue with IE9 which can be observed with earlier versions of Telerik controls as well.

Solution:

.rsHidden

{

display: block!important;

}

Problem:

"Microsoft JScript runtime error: 'findItemByValue(...)' is null or not an object"

Reason:

The fix for 'Disable context menu items based on AllowInsert/Edit/Delete values' relies on that the appointment context menu has items with Value = CommandEdit or CommandDelete. If you have a custom context menu that does not have such items, you will get this error.

Solution:
We have already fixed the problem (a simple if(item !=null) check in the source code). Upgrading to the next internal build is the solution we recommend.

Apologies for the caused inconvenience!

Q3 2010

The visual appearance of the advanced form has been refreshed, if you use templates, you will need to update them with the following new elements (and the additional .rsAdvancedModal class) :

<div class="rsAdvancedEdit rsAdvancedModal" style="position: relative">

<div class="rsModalBgTopLeft"></div>

<div class="rsModalBgTopRight"></div>

<div class="rsModalBgBottomLeft"></div>

<div class="rsModalBgBottomRight"></div>

..........

</div>

Be sure to place the four corner DIV elements first in the template as shown above.

Q2 2010

Problem: The recurrence editing controls will break if you're using custom advanced templates based on the examples from the 2010 Q1 release or earlier.

Reason: The recurrence editing part of the advanced form is now implemented as a separate control. It has separate skins and scripts from RadScheduler.

Solution: Update the advanced form template to use the RadSchedulerRecurrenceEditor control as in the example. You need to update AdvancedForm.js to the latest version as well.

Workaround:
Step 1: Register the RadSchedulerRecurrenceEditor skins manually:

<telerik:RadStyleSheetManager runat="server" ID="RadStyleSheetManager1">

<StyleSheets>

<telerik:StyleSheetReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Skins.SchedulerRecurrenceEditor.css" />

<telerik:StyleSheetReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Skins.Vista.SchedulerRecurrenceEditor.Vista.css" />

</StyleSheets>

</telerik:RadStyleSheetManager>

Step 2: In AdvancedFormVB/CS.ascx locate RecurrencePanel and add RecurrenceEditor CSS class:

<asp:Panel runat="server" ID="RecurrencePanel" Style="display: none;" CssClass="rsAdvRecurrencePanel RecurrenceEditor">

Related forum post: Breaking change in 2010 Q2: Recurrence controls styling is broken in old advanced templates

Q1 SP2 2010 (Version number: 2010.1.519)

Clicking the date header in week view results in a server-side exception- "FormatException: String was not recognized as a valid DateTime".

Update: The initial fix in build 2010.1.525 lead to incorrect date calculations.

The issue is fixed in build 2010.1.526 and later. A workaround is to include the following script below the ScriptManager/RadScriptManager instance on the page:

<script type="text/javascript">

Telerik.Web.UI.RadScheduler.prototype._onDateHeaderClick = function (e)

{

$telerik.cancelRawEvent(e);

var date = new Date();

// Date headers have an href in the format #yyyy-MM-dd

var dateMatch = e.eventMapTarget.href.match(/#(\d{4}-\d{2}-\d{2})/);

if (dateMatch && dateMatch.length == 2)

{

var parts = $telerik.$.map(dateMatch[1].split("-"), function (part) { return parseInt(part, 10); });

date = new Date(parts[0], parts[1] - 1, parts[2]);

}

return this._switchToSelectedDay(date);

};

</script>

Related forum post: FIX: Clicking the date header in week view results in a server-side exception

Q3 SP1 2009 (Version number: 2009.3.1208)

FIX: Problem in scheduler when bound to WebService or WCF service

Q3 2009 (Version number: 2009.3.1103)

Breaking change: removed obsolete RadScheduler members in Q3 2009

Scheduler

asked on 10 Dec 2009

3 answers

140 views

Dotnetnuke module with a radcombobox

I have just started testing rad controls. I have an issue with callback on a combobox. I have a dnn module which I have put a radcombobox and enabled load on demand. when I click on it I get the following error. The target'dnn$ctrxxx$modulename$comboxx' for the callback could not be found or did not implement ICallbackEventHandler. HELP.

ComboBox

answered on 10 Dec 2009

1 answer

102 views

Client Side Binding

Hi,
I am using radcontrols 2008 Q2, I managed to create a grid(statically) and added detail tables,
my grid binds initially at the server, whenever a user adds a new row, the grid is rebound on the client side using PageMethods,
when I rebind on the client side, my Expand/Collapse Button is replaced by 'undefined'
what is the quicked workaround on this?

Grid

answered on 10 Dec 2009

2 answers

158 views

Edit PopUp Modal

If I choose EditMode="PopUp", the popup can be "modal"

thanx

Grid

answered on 10 Dec 2009

4 answers

191 views

Disable click on parents

Hi all.

I'm not sure if I have caused this problem because I haven't designed my database correctly or there is a simple solution with the menu.

I have a rad menu that is populated from my database. For every new page created a MenuID (int) is created. Some of the menuID will have sub menu's (parentID and ChildID)

OK so here is my problem: Every node in my menu is clickable I want to some how disable parent links.

Top level links need to be clickable as they have no children, but Top level links with children need to just show their child sub menu's

Reading this back I can see why I'm having trouble, I can't even describe my problem very well!!

Hope someone can understand.
Thanks

Menu

answered on 10 Dec 2009

3 answers

158 views

Editor Localization Issue

I made localization with copying/renaming orginal Resx Files but some of the strings showing in english.Am I missing something ?
And also i have probleming with Table Wizard and Add symbol tools.Both of toolbar button's dropdown not showing in FF 3.0 and IE 8.

*the link was removed by Telerik admin - please do not share project(s) with registered dll(s) - only trial builds are allowed in the forums*

Editor

answered on 10 Dec 2009

2 answers

127 views

Update of nestedview

Hi guys,

I have a radgrid containing a nestedview. This view is filled with data by e.g.:

    
            <asp:Label ID="LblDeliveryType" runat="server"><%# Eval("DeliveryTypeId")%></asp:Label>

Above is an ID for a deliverytype, but I want to exchange this ID with some describing text. I have tried to do this in eventhandlers as OnItemDataBound and OnItemCommand at the RadGrid, OnPageViewCreated in my RadMultiPage, and some other places, but in these eventhandlers the data isn't filled out yet, and therefore I can't update the fields.

Any ideas what to do?

Grid

answered on 10 Dec 2009