Questions on UI for ASP.NET AJAX Forum

13 answers

882 views

How to Disable auto correction of html elements

When I place html in RadEditor, it seems to try to automatically correct malformed html tags or insert proper thing such as ALT attributes for images which is fine in most cases.

However, in my case, I have a valid html document but I want to insert custom placeholders in the markup, which will be replaced by some other application later.

For example.

Instead of a valid <tr>blah blah </tr>

I have {$DetailLines} which my app replaces later dynamically with x number of <tr></tr> lines.

However, Rad Editor will alter my placeholder to something like <>{$DetailLines}</>

Is there an easy way to just turn this auto correction off. I don't need it on!

Thanks

Editor

answered on 19 Aug 2014

3 answers

232 views

RadScript Manager and AjaxControlToolKitScriptManager Compatability Problems

I'm creating a application using AjaxControlToolKit 4.5 and Telerik Controls . I have noticed strange issues.

1) When Latest AjaxControlToolKitScriptManager is referenced in page and I have taken a Telerik numeric control and set HoveredStyle-BackColor="Wheat" to it . Control is not able to load color when Hovered on it. But it is loading when I'm using RadScriptManager.

2) When I have referenced RadScriptManager in page and With Latest AjaxControlToolkit reference to project Filter Functionality in RadGrid is not working.

Please help on this.

ScriptManager and StyleSheetManager

answered on 19 Aug 2014

5 answers

544 views

Calling ItemCommand from external button

Hi!

I have a grid that has an update command inside of RadGrid1_ItemCommand(object sender, GridCommandEventArgs e)

I want to run that update command when a radbutton is clicked further down in the page.

What do I pass as "e" to make the update work with the button click?

Grid

answered on 19 Aug 2014

1 answer

102 views

[Solved] Execute JS in radpane

Hello.

How do I execute a javascript function inside my RadPane page, from my Parent page?

I get ok access to the pane, but cant access the inside document

var contentPane = $find(CenterPane);
if (contentPane != null) {
contentPane.???.test();
}

Splitter

answered on 19 Aug 2014

8 answers

270 views

RadAjaxPanel disabling Master Page Events?

I have an odd problem and I don't know if it's Telerik-related or something more basic. For the most part everything is working perfectly, with this one exception.

In my Asp.Net web app (Dot Net 4.0/C#) I have a page with a master page.

The master page's main purpose is to provide a variety of navigational links across the top of the page. This includes a bound Asp:Repeater control that contains a set of LinkButtons, defined as follows:
<asp:Repeater ID="MyRepeater" runat="server" >
<HeaderTemplate>
<asp:LinkButton ID="btn1" runat="server" OnClick="btn_Click" Tooltip='-1' Text='Display All Teams' CausesValidation="false" Visible="false" ></asp:LinkButton>
</HeaderTemplate>
<ItemTemplate >
<asp:LinkButton ID="btn1" runat="server" OnClick="btn_Click" Tooltip='<%# Bind("Id") %>' Text='<%# Bind("Desc") %>' CausesValidation="false" ></asp:LinkButton>
</ItemTemplate>
</asp:Repeater>

Most of the page itself is contained in a RadAjaxPanel. Within it is a RadComboBox set up to do postbacks. The combox box always triggers the page_load event in the Master Page.

The problem is this: After the RadComboBox is used at least once, the btn_Click event of the repeater buttons is disabled. It does not seem to matter whether or not the repeater is refreshed. The buttons are always disabled. The only way to reactivate them is to hit the browser refresh button and completely reload the page.

Suggestions? Am I missing something basic?

Ajax

answered on 19 Aug 2014

9 answers

533 views

FilterExpression

In the FilterExpression, I noticed Telerik is using ")||(" instead of ")OR(". Evidently this works, but I believe the recommendation is "OR". I only bring this up because in many situations, the RadGrid1.MasterTableView.FilterExpression can be used directly as the WHERE clause is in a SQL Query. SQL understands "OR", but not "||".

I'm using it for my where clause in my project to retrieve related data, so you might consider changing it just for me. :-)

In the meantime RadGrid1.MasterTableView.FilterExpression.Replace("||", "OR") is working well.

Thanks!

Grid

answered on 19 Aug 2014

5 answers

268 views

[Solved] Rad Date time picker default time

I have a rad date time picker in my website which shows time from 12:00 AM to 11:00 PM
When user selects date, the time is set to 12:00 AM automatically.
I want this time to be 7:00 AM instead of 12:00 AM.
Also i want to show complete 24 hr time like it was showing it before (12:00 AM to 11:00 PM).
Kindly provide some solution.

Calendar

answered on 19 Aug 2014

1 answer

160 views

Data Bind for RadComboBox by Javascript

Hi,
I have two RadComboBoxes controls on my page. The first RadComboBox items is loaded via Server-side code. But the second RadComboBox items is always reflected once user change the first RadComboBox and this RadComboBox has multiple selection with checkbox inside each items. I want to achieve that the second RadComboBox items is loaded via Javascript query against a variable without any request to server. Once the user submit the form, the multiple selections on the second RadComboBox can be recognized in the server. How can I achieve that way?
Any help would be greatly appreciated.
Thank you.

Regards,
Darius

ComboBox

answered on 19 Aug 2014

2 answers

131 views

OnClientAppointmentMoveEnd fires twice

Hi,

I am using telerik version 2013.3.1324.35. I used scheduler with multiple resources. I use OnClientAppointmentMoveEnd to get the resource when they moved the slot. Below is the function I am using. It seems like function is calling twice. When first time fires, I can get the correct tutor. But on second time , it seems like it is getting the original tutor before moving. Is there anything I can do? Thanks in advance.

function OnClientAppointmentMoveEnd(sender, eventArgs) {

debugger;

var appointment = eventArgs.get_appointment();

var recurrState = appointment.get_recurrenceState();

var slotElement = $telerik.$(eventArgs.get_targetSlot().get_domElement());

$get('<%= hid_oldstart.ClientID %>').value = formatDate(appointment.get_start());

$get('<%= hid_oldend.ClientID %>').value = formatDate(appointment.get_end());

if (slotElement.is(".Disabled") || slotElement.parent().is(".Disabled")) {

eventArgs.set_cancel(true);

}

// Calculate the duration of the appointment

var appointmentDuration = appointment.get_end() - appointment.get_start();

// The new start time is provided in the event arguments

var newStartTime = eventArgs.get_newStartTime();

// Add the duration of the appointment to the new start time to get the new end time

var newEndTime = new Date(newStartTime.getTime() + appointmentDuration);

var editSeries = eventArgs.get_editingRecurringSeries();

if (slotElement.is(".Disabled") || slotElement.parent().is(".Disabled") || slotElement.is(".ReasonDisabled") || slotElement.parent().is(".ReasonDisabled")) {

eventArgs.set_cancel(true);

radalert('Moving appointment to this slot is not allowed'

, 330, 180, 'Warning!', alertCallBackFn, imgUrl); return false;

}

else {

var list = appointment.get_attributes();

var attr = list.getAttribute('TutorID');

//debugger;

var targetResource = eventArgs.get_targetSlot().get_resource();

var newTutor = targetResource.get_key();

attr = newTutor;

var aptAttributes = appointment.get_attributes();

aptAttributes.removeAttribute("TutorID");

aptAttributes.setAttribute("TutorID", newTutor);

appointment.set_start(newStartTime);

appointment.set_end(newEndTime);

var state = appointment.get_recurrenceState();

$get('<%= hid_movedendStd.ClientID %>').value = formatDate(newStartTime);

$get('<%= hid_moveendEtd.ClientID %>').value = formatDate(newEndTime);

$get('<%= hid_moveendTutor.ClientID %>').value = newTutor;

//alert(newTutor);

var myarr = new Array();

myarr[0] = "movedend";

myarr[1] = formatDate(newStartTime);

myarr[2] = formatDate(newEndTime);

myarr[3] = newTutor;

alert(newTutor);

$find("<%=RadAjaxManager1.ClientID %>").ajaxRequest(myarr);

}

Best regards,
Ei

Scheduler

answered on 19 Aug 2014

1 answer

98 views

Metrotouch radios and checkboxes on Chrome

Upon using a Radformdecorator custom Metrotouch skin, we noticed radio’s and checkboxes don’t show on chrome browser.

Using Chrome
36.0.1985.143 m

Downloaded latest
Telerik_UI_for_ASP.NET_AJAX_2014_2_724_Dev_hotfix.zip

We have found some ‘errors’ in css

Missing ‘!important’ declarations

After this radio’s and checkboxes work again.

@media screen and (-webkit-min-device-pixel-ratio:0) {

.RadForm_MetroTouchNeutral.rfdCheckbox input[type="checkbox"] {

background-repeat: no-repeat;

background-position: 0 3px!important;

}

.RadForm_MetroTouchNeutral.rfdCheckbox input[type="checkbox"]:hover {

background-position: -40px 3px!important;

}

.RadForm_MetroTouchNeutral.rfdCheckbox input[type="checkbox"]:checked {

background-position: 0 -37px!important;

}

.RadForm_MetroTouchNeutral.rfdCheckbox input[type="checkbox"]:hover:checked {

background-position: -40px -37px!important;

}

.RadForm_MetroTouchNeutral.rfdCheckbox input[type="checkbox"][disabled], .RadForm_MetroTouchNeutral.rfdCheckbox input[type="checkbox"][disabled]:hover {

background-position: 0 -117px!important;

}

.RadForm_MetroTouchNeutral.rfdCheckbox input[type="checkbox"][disabled]:checked, .RadForm_MetroTouchNeutral.rfdCheckbox input[type="checkbox"][disabled]:checked:hover {

background-position: 0 -157px!important;

}

.RadForm_MetroTouchNeutral.rfdRadio input[type="radio"] {

background-repeat: no-repeat;

background-position: -80px 3px!important;

}

.RadForm_MetroTouchNeutral.rfdRadio input[type="radio"]:hover {

background-position: -120px 3px!important;

}

.RadForm_MetroTouchNeutral.rfdRadio input[type="radio"]:checked {

background-position: -80px -37px!important;

}

.RadForm_MetroTouchNeutral.rfdRadio input[type="radio"]:hover:checked {

background-position: -120px -37px!important;

}

.RadForm_MetroTouchNeutral.rfdCheckbox input[type="radio"][disabled], .RadForm_MetroTouchNeutral.rfdCheckbox input[type="radio"][disabled]:hover {

background-position: -80px -117px!important;

}

.RadForm_MetroTouchNeutral.rfdCheckbox input[type="radio"][disabled]:checked, .RadForm_MetroTouchNeutral.rfdCheckbox input[type="radio"][disabled]:checked:hover {

background-position: -80px -157px!important;

}

Marc

FormDecorator

answered on 19 Aug 2014