Questions on UI for ASP.NET AJAX Forum

2 answers

131 views

Problem telerik with visual studio 2010

hi,
i have a crash of visual studio after installing telerik trial version, can you help me please! i reinstall it many times but it doesn't work? thx.

General Discussions

answered on 13 Jul 2011

1 answer

79 views

combo box not showing dropdown menu in sharepoint?

Hi im using combo box control in a user control and adding items to the control but when i click on menu item of the control it is not showing the dropdown menu and the same thing is happening to the calendar control.please let me know if i am missing anything over here?

ComboBox

answered on 13 Jul 2011

3 answers

363 views

Disabling resize option with RadEditor HTML mode

Hi,

is it possible to disable resizing option with Rad Editor - HTML mode ? I have attached a screen shot for reference.

Thanks
Venkat

Editor

answered on 13 Jul 2011

3 answers

144 views

Firefox 5.0 and RadTooltip problem

Hello,

I have a problem with the RadToolTip design (CSS) on the Firefox browser.

I'm trying to overwrite the default CSS but Firefox style keep the default style.

Here is the CSS I'm trying to overwrite :

div.RadToolTip table.rtWrapper td.rtWrapperRightMiddle{

background-position: -2px 0;

}

div.RadToolTip table.rtWrapper td.rtWrapperBottomLeft {

background-position: 0 -58px;

}

div.RadToolTip table.rtWrapper td.rtWrapperBottomCenter {

background-position: 0 -114px;

}

div.RadToolTip table.rtWrapper td.rtWrapperBottomRight {

background-position: right -58px;

}

In the attached picture below, you will see the problem.

Thanks for your help.

ToolTip

answered on 13 Jul 2011

3 answers

165 views

Disabling checkbox for an enabled node

Refering to this thread i have an aditional question, hope you can help:
http://www.telerik.com/community/forums/preview-thread/aspnet/treeview/disabling-checkbox-for-an-enabled-node.aspx

I'd like to have the same feature with threestatecheckbox enabled, how can i achieve this?

TreeView

answered on 13 Jul 2011

12 answers

437 views

Show AJAX Loading Panel on initial page load

I need to have ajax pannel prograss bar to show for radgrid on initial page load...

I tried the following code, but does not work.

<%

@ Page Language="C#" AutoEventWireup="true" CodeBehind="test2.aspx.cs" Inherits="Portal.UI.History.test2" %>

<%

@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>

<!

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

</

head>

function pageLoad(sender, eventArgs) {

if (!eventArgs.get_isPartialLoad()) {

$find(

"<%= RadAjaxManager1.ClientID %>").ajaxRequest("InitialPageLoad");

alert(<%

= RadAjaxManager1.ClientID %>);

}

// alert('hi');

}

</script>

<

body>

<div>

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

<

telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest">

<telerik:AjaxSetting AjaxControlID="RadAjaxManager1">

<telerik:AjaxUpdatedControl ControlID="Panel1" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</

telerik:RadAjaxManager>

<

asp:Panel ID="Panel1" runat="server">

<asp:Panel ID="Panel2" Visible="false" runat="server">

My content:

</asp:Panel>

</

asp:Panel>

<

telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Height="75px"

Width="75px" Transparency="50">

</div>

</form>

</

body>

</

html>

--------------------------------

protected

void RadAjaxManager1_AjaxRequest(object sender, Telerik.Web.UI.AjaxRequestEventArgs e)

{

if (e.Argument == "InitialPageLoad")

{

//simulate longer page load

System.Threading.

Thread.Sleep(2000);

Panel2.Visible =

true;

}

Ajax

answered on 13 Jul 2011

1 answer

190 views

Get SelectedDate from RadDatePicker

hi i get the SelectedDate of RadDatePicker from javasctipt OnDateSelectedevent in following format
"Wed Jul 6 00:00:00 UTC+0800 2011"
when i try to convert this string to Date i getting the following error
Conversion from string "Wed Jul 6 00:00:00 UTC+0800 2011" to type 'Date' is not valid.
how to solve this

Input

answered on 13 Jul 2011

2 answers

177 views

Trouble with RadCalendar + RadDatePicker in selected range

Hello.
I have a trouble with RadCalendar with MultiViewColumns in connection with two RadDatePicker.
When I choose range in RadCalendar (by clicking on cells with [Shift]) and then trying to change this range with two RadDatePickers(with help of javascript function), it change it in small period of time, but after postback it suddenly change selection back to that was selected previously (in RadCalendar with key [Shift]).
This trouble happen when I set RadCalendar.set_datesInRange(startDate, endDate) and then call RadCalendar.navigateToDate(triplet).
Here is my code:

ASPX:

<telerik:RadDatePicker ID="rdpStartDate" runat="server">

<ClientEvents OnDateSelected="DatePicker_OnDateSelected"/>

</telerik:RadDatePicker>

<telerik:RadDatePicker ID="rdpEndDate" runat="server">

<ClientEvents OnDateSelected="DatePicker_OnDateSelected"/>

</telerik:RadDatePicker>

<asp:UpdatePanel ID="UpdatePanel1" runat="server">

<ContentTemplate>

<telerik:RadCalendar ID="activityCalendar" AutoPostBack="true" CssClass="calendar" EnableNavigation="false" EnableMonthYearFastNavigation="false" UseColumnHeadersAsSelectors="false"

UseRowHeadersAsSelectors="false" MultiViewColumns="3" MultiViewRows="1" runat="server" RangeSelectionMode="OnKeyHold">

<ClientEvents OnDateClick="onDateClick" OnLoad ="OnLoadCalendar" />

</telerik:RadCalendar>

</ContentTemplate>

</asp:UpdatePanel>

Javascript:

function onDateClick(sender, eventArgs) {

var clientId = sender.get_id();

var baseName = clientId.substr(0, clientId.lastIndexOf("_") + 1);

var rdpStartDate = $find(baseName.concat("rdpStartDate"));

var rdpEndDate = $find(baseName.concat("rdpEndDate"));

var activityCalendar = $find(baseName.concat("activityCalendar"));

var startDate = activityCalendar.get_rangeSelectionStartDate();

var endDate = activityCalendar.get_rangeSelectionEndDate();

if (endDate && startDate) {

rdpStartDate.set_selectedDate(startDate);

rdpEndDate.set_selectedDate(endDate);

}

else {

rdpStartDate.clear();

rdpEndDate.clear();

}

function OnLoadCalendar(sender) {

var id = sender.get_id();

sender.get_element().getElementsByTagName("table")[0].style.display = "none";

}

function DatePicker_OnDateSelected(sender, e) {

var clientId = sender.get_id();

var baseName = clientId.substr(0, clientId.lastIndexOf("_") + 1);

var rdpStartDate = $find(baseName.concat("rdpStartDate"));

var rdpEndDate = $find(baseName.concat("rdpEndDate"));

var activityCalendar = $find(baseName.concat("activityCalendar"));

var startDate = rdpStartDate.get_selectedDate();

var endDate = rdpEndDate.get_selectedDate();

if (endDate && startDate) {

activityCalendar.set_datesInRange(startDate, endDate);

}

else {

activityCalendar.unselectDates(activityCalendar.get_selectedDates());

}

if (sender.get_id() == baseName.concat("rdpStartDate") && startDate) {

if (!endDate) {

activityCalendar.unselectDates(activityCalendar.get_selectedDates());

}

var triplet = [startDate.getFullYear(), startDate.getMonth()+1, startDate.getDate()];

activityCalendar.selectDate(triplet, false);

if (endDate && endDate.getMonth() != startDate.getMonth()) {

activityCalendar.navigateToDate(triplet);

}

else{

activityCalendar.navigateToDate([startDate.getFullYear(), startDate.getMonth(), startDate.getDate()]);

}

if (sender.get_id() == baseName.concat("rdpEndDate") && endDate) {

if (!startDate) {

activityCalendar.unselectDates(activityCalendar.get_selectedDates());

}

var triplet = [endDate.getFullYear(), endDate.getMonth()+1, endDate.getDate()];

activityCalendar.selectDate(triplet, false);

activityCalendar.navigateToDate([endDate.getFullYear(), endDate.getMonth(), endDate.getDate()]);

}

};

Why overwrite this new selection with old selection after calling navigateToDate() ???

Thank you.

Calendar

answered on 13 Jul 2011

8 answers

986 views

Datepicker mindate and maxdate setting from code behind

Hello,
I have the following code in code behind page. The rdpDate is a date picker. The code does not seem to take effect as in the entry mode it allows to select earlier than the mindate and also the later than the maxdate?

If Not currProject.ProjectStart = Nothing Then

rdpDate.MinDate = currProject.ProjectStart

End If

If Not currProject.ProjectEnd = Nothing Then

rdpDate.MaxDate = currProject.ProjectEnd

End If

Here is the aspx control defination:

<

telerik:RadDatePicker ID="rdpDate" runat="server" DateInput-CausesValidation="true"

SkinID="dpRegular">

</telerik:RadDatePicker>

Thanks,
Sanjay

Calendar

answered on 13 Jul 2011

1 answer

102 views

How to add a css style on a RadChart

On the web pages of my current projects I have a RadChart.

I need to give the following css styles for the RadChart to be displayed correctly:
margin-left:auto
margin:right:auto

I notice that unlike in RadGrid, RadChart does not have the property CssClass.

Can you please tell me how to add these css styles to a RadChart?
Thanks for your help.

Regards,
Herman

Chart (Obsolete)

answered on 13 Jul 2011