Questions on UI for ASP.NET AJAX Forum

1 answer

54 views

RadAjaxManagerProxy ie7 problem

Hi

I have problem in internet explorer 7
I have RadAjaxManagerProxy on my page

<telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="btnSearch">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="updPanel" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManagerProxy>

and i have
<asp:Panel ID="updPanel" runat="server">
......
........
</asp:Panel>

In chrome, firefox, ie9,8 works fine but in ie7 it block internet explorer for few minutes. After that it show results and page is extended after results for some blank empty content.

Ajax

answered on 19 May 2013

1 answer

269 views

RadDock/RadAjaxPanel Collapse/Expand Bug

I came across an issue with the Dock control. Our company website has a dock containing 5 Rad Ajax panels. The Ajax panels contain RadGrids. If a user clicks on the Expand / Collapse button before the panel has opened or closed, other panels can disappear. The dock is created Dynamically in a control:

// Create/Configure dock

RadDock radDock = new RadDock();

radDock.DockMode = DockMode.Docked;

radDock.ID = defWidget.DashboardDefinitionWidgetId.ToString();

radDock.Title = dashboardWidget.WidgetName;

// Set various state information

if (firstLoad && !String.IsNullOrEmpty(defWidget.DockState))

{

DockState state = DockState.Deserialize(defWidget.DockState);

radDock.Closed = state.Closed;

radDock.Collapsed = state.Collapsed;

}

The panels and grid live in markup:

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ViewResults.ascx.cs" Inherits="Wachter.ETHOS.Web.Search.ViewResults" %>

<div style="width:100%;height:26px" id="divSearchHeader" runat="server" visible="false">

</div>

<telerik:RadToolTipManager runat="server" ID="rtmManager" Position="Center" RelativeTo="Mouse" Width="600px" Height="225px" ShowEvent="OnMouseOver" HideEvent="LeaveTargetAndToolTip" />

<telerik:RadAjaxPanel id="rudPanel" runat="server" EnableAJAX="True" LoadingPanelID="rlPanel">

<telerik:RadGrid ID="rgrdResults" runat="server" />

</telerik:RadAjaxPanel>

<telerik:RadAjaxLoadingPanel runat="server" ID="rlPanel" />

<asp:textBox ID="txtSQL" runat="server" Rows="10" Columns="100" TextMode="MultiLine" Visible="false"/>

<asp:textBox ID="txtViewCustomizer" runat="server" Rows="5" Columns="100" TextMode="MultiLine" Visible="false"/>

I've searched the forums and found similar issues, but I have not been able to identify this particular problem.

Does anyone have any suggestions?

Dock

answered on 18 May 2013

1 answer

85 views

Rad Editor (Version: 2009.3.1208.35) not working in chrome

Hello,

I am using Telerik Version: 2009.3.1208.35 and .net framework 2.0. Please note that we cannot upgrade to 3.5 or 4.0 .net framework at this moment.

The RadEditor’s features Font color, size, Type, Background color and Find/Replace are not working in chrome. These are working in IE and Firefox.

I saw on telerik site, the latest version Q1 2013 is supporting the features in Chrome. Is this known issue with the version I am using? Can you please suggest me that what should I do in order to fix the issue without impacting much to my site and altering .net version?

Thanks

Editor

answered on 18 May 2013

7 answers

214 views

[Solved] Image manager - find uploaded images

Hi All,

I am working on upgrading from older version of RadEditor and have a problem with image uploading.

The way it used to work in old version, once the image is uploaded, it would always end up first on the top of the file list and editors would have no problem selecting it.
In new version of RadEditor, images are sorted by file name by default and also paged. Problem is, with many images in the folder, the uploaded image would end up on some random page in file list and is hard to find.

Is there any way around it?

Thanks,

Andrey

Editor

answered on 18 May 2013

1 answer

97 views

Can't access textbox controls in my docks

Hi there,

Very simple example of wht I'm trying to create here. It's so simple I can't figure out what am I doing wrong.
This is based on this example from Telerik. Basically I just wanna edit some text in my dynamically created dock.

Here's the code of the usercontrol I'm loading within my dock :

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="widgetTemplate.ascx.cs" Inherits="NRP.Monitors.usercontrols.widgetTemplate" %>

<div class="widget">

<table>

<tr>

<td rowspan="2" class="wicon">

<asp:Image ID="Wicon" runat="server" />

</td>

<td class="wtitle">

<asp:TextBox ID="TbTitle" runat="server" Visible="false"></asp:TextBox>

<asp:LinkButton ID="LbWtitle" runat="server" OnClick="LbWtitle_Click"></asp:LinkButton>

</td>

</tr>

<tr>

<td class="wsubtitle">

<asp:TextBox ID="TbSubtitle" runat="server" Visible="false"></asp:TextBox>

<asp:LinkButton ID="LbSubtitle" runat="server" OnClick="LbSubtitle_Click"></asp:LinkButton>

</td>

</tr>

</table>

</div>

And the code behind:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

namespace NRP.Monitors.usercontrols

{

public partial class widgetTemplate : System.Web.UI.UserControl

{

public string Wtitle;

public string WSubtitle;

public string IconUrl;

public widgetTemplate()

{

}

public widgetTemplate(string wtitle, string wsubtitle, string iconUrl)

{

Wtitle = wtitle;

WSubtitle = wsubtitle;

IconUrl = "../" + iconUrl;

}

protected void Page_Load(object sender, EventArgs e)

{

LbWtitle.Text = Wtitle;

LbSubtitle.Text = WSubtitle;

Wicon.ImageUrl = IconUrl;

}

protected void LbWtitle_Click(object sender, EventArgs e)

{

if (TbTitle.Visible)

{

LbWtitle.Text = TbTitle.Text;

Wtitle = TbTitle.Text;

TbTitle.Visible = false;

ScriptManager.RegisterStartupScript(this, this.GetType(), "enabledrag", "enableDockDrag(true);", true);

}

else

{

TbTitle.Text = LbWtitle.Text;

LbWtitle.Text = "OK";

TbTitle.Visible = true;

ScriptManager.RegisterStartupScript(this, this.GetType(), "enabledrag", "enableDockDrag(false);", true);

}

protected void LbSubtitle_Click(object sender, EventArgs e)

{

if (TbSubtitle.Visible)

{

LbSubtitle.Text = TbSubtitle.Text;

WSubtitle = TbSubtitle.Text;

TbSubtitle.Visible = false;

}

else

{

TbSubtitle.Text = LbSubtitle.Text;

LbSubtitle.Text = "OK";

TbSubtitle.Visible = true;

}

Everything works perfectly except that I can't change the content of the textboxes. Their value are set properly, but it looks like I can't access them to edit the text.
As I said this is not rocket science but I can't figure out what's going on here.

Anyone have some idea ?

Thanks

Dock

answered on 18 May 2013

17 answers

1.1K+ views

RadDatePicker validation

Is there a way to suppress the validation fired by RadDatePicker when an invalid date(13/13/2001) is entered and display the error message from a custom validator? Basically, I just want to show the error message from custom validator and don't want to show the information icon that RadDatePicker usually shows when an invalid date is entered.

UI for ASP.NET AJAX in ASP.NET MVC

answered on 18 May 2013

5 answers

1.0K+ views

Accessing new value from Textbox in ItemTemplate/EditItemTemplate in RadGrid

<telerik:GridTemplateColumn HeaderText="Amount" UniqueName="Amount" SortExpression="Amount" Aggregate="Custom" DataField="Amount">

<ItemTemplate>
<asp:TextBox runat="server" ID="txtAmount" Text='<%# Eval("Amount") %>'

DataFormatString="{0:C}" ></asp:TextBox>

</ItemTemplate>
</telerik:GridTemplateColumn>

In the above code, initially, I used only ItemTemplate and added Textbox in it and tried to get the value entered by user in the ItemCommand event. But I couldn't get the new value from Textbox. It is giving the old value

I had used below code in the Itemcommand event to get the new value, but, didn't get the new value.

protected void grdPaymentHistory_OnItemCommand(object sender, GridCommandEventArgs e)

{

var dataItem = e.Item as GridDataItem;

var refundAmount = (TextBox)dataItem["Amount"].Controls[1];

}

Later on, I thought that edited values may not be available in ItemTemplate. So, I used editItemTemplate which is containing textbox and validator.Now, when user clicks on edit button (GridEditcommandcolumn), textbox is avialable for entering the amount. I am trying to get the value entered by user in the textbox in the edititemtemplate. I am trying to get the value in ItemCommand event. Below is the Itemcommand event.

Here, I am getting the old value i.e the value which was there initially before the user edited.

<telerik:GridTemplateColumn HeaderText="Amount" UniqueName="Amount" SortExpression="Amount" Aggregate="Custom" DataField="Amount">

<asp:Label runat="server" ID="lblAmount" Text='<%# Eval("Amount") %>'DataFormatString="{0:C}"></asp:Label>

</ItemTemplate>

<asp:TextBox runat="server" ID="txtAmount" Text='<%# Eval("Amount") %>'

DataFormatString="{0:C}" ></asp:TextBox>

<asp:CustomValidator ID="RefundamountValidator" runat="server" ControlToValidate="txtAmount"

OnServerValidate="RefundAmountValidation" ValidateEmptyText="True"

ErrorMessage="Reassign To cannot be the same as Assigned To" SetFocusOnError="true"

Text="*" Display="Dynamic" />

</EditItemTemplate>

</telerik:GridTemplateColumn>

protected void grdPaymentHistory_OnItemCommand(object sender, GridCommandEventArgs e)

{

foreach (GridDataItem item in grdPaymentHistory.EditItems)

{

var TextBox1 = item.FindControl("txtAmount") as TextBox;

}
}

Please provide your valuable inputs to get the new value in both ItemTemplate and EditItemTemplate.
Thanks

Grid

answered on 18 May 2013

3 answers

156 views

Drag and Drop objects between different windows

Does anyone somewhere has ever done drag and drop objects from one window to other window in a browser?
The context is: I have a list of icons representing modules in a floating non modal window which I can select one and drag drop into its parent window to create an instance of this module.
I know that the selecting icon event should generate an event into its parent window to create an instance of the dragging object.
But is it possible to pass the control of the mouse to the parent window?

Or this king of functionality already exists in your controls!

Christian

Window

answered on 17 May 2013

1 answer

191 views

[Solved] Color for custom legend items cannot be set

Hi there,

I have an asp.net page (code at the end of posting) with a RadChart. The RadChart is used to show the progress of a project as a Gantt diagram. The client organizes thier projects in the following manner
- a project is split into milestones
- a milestone is split into phases

Only the phases should be displayed on the diagram and not the milestones. The phases should be colored according to the milestone. The colors of the milestones should be shown as legend. Please see the attached image.

I have the following issues:
I don't seem to get the legend working properly. I use PreRender of the RadChart to reset the legend and create its elements manually. The colors shown however don't correspnd with the ones assigned.

Following is the code.

Thank you for your help!

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Projektplan.aspx.cs" Inherits="Test.Pages.Projektplan" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Charting" Assembly="Telerik.Web.UI" %>

<!DOCTYPE html>

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

<head runat="server">

<title></title>

</head>

<body>

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

<div>

<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:RadAjaxManager ID="RadAjaxManager1" runat="server"></telerik:RadAjaxManager>

<telerik:RadChart ID="ProjektPlan" runat="server" SeriesOrientation="Horizontal" OnPreRender="ProjektPlan_OnPreRender" DefaultType="Gantt" />

</div>

</form>

</body>

</html>

using System;

using System.Drawing;

using Telerik.Charting;

using Telerik.Charting.Styles;

using Telerik.Web.UI;

namespace Test.Pages

{

public partial class Projektplan : System.Web.UI.Page

{

readonly Color _kickoffcolor = Color.Coral;

readonly Color _longColor = Color.Blue;

readonly Color _pflichtenheftColor = Color.CornflowerBlue;

readonly Color _shortColor = Color.Cornsilk;

readonly Color _entscheidungsvorlageColor = Color.Crimson;

readonly Color _abschlussColor = Color.Cyan;

protected void Page_Load(object sender, EventArgs e)

{

if (Page.IsPostBack)

{

return;

}

ProjektPlan.Height = 600;

ProjektPlan.Width = 800;

ProjektPlan.PlotArea.YAxis.AutoScale = false;

ProjektPlan.PlotArea.YAxis.AxisMode = ChartYAxisMode.Extended;

ProjektPlan.PlotArea.YAxis.Appearance.ValueFormat = ChartValueFormat.ShortDate;

ProjektPlan.PlotArea.YAxis.Appearance.CustomFormat = "MM.yyyy";

ProjektPlan.PlotArea.YAxis.Appearance.LabelAppearance.RotationAngle = 45;

ProjektPlan.PlotArea.YAxis.Appearance.MinorGridLines.Visible = false;

ProjektPlan.PlotArea.XAxis.Appearance.MajorGridLines.Visible = false;

double start = new DateTime(2013, 5, 17).ToOADate();

double ende = new DateTime(2014, 8, 17).ToOADate();

ProjektPlan.PlotArea.YAxis.AddRange(start, ende, 30);

ChartSeries series0 = new ChartSeries { Name = "series 1", Type = ChartSeriesType.Gantt };

series0.Appearance.LegendDisplayMode = ChartSeriesLegendDisplayMode.Nothing;

series0.Appearance.FillStyle.MainColor = Color.Blue;

ChartSeriesItem kickoffSeriesItem = new ChartSeriesItem

{

Name = "Series0Item0",

YValue = new DateTime(2013, 5, 17).ToOADate(),

YValue2 = new DateTime(2013, 6, 17).ToOADate()

};

kickoffSeriesItem.Label.TextBlock.Text = "Kickoff";

kickoffSeriesItem.Label.Appearance.LabelLocation = StyleSeriesItemLabel.ItemLabelLocation.Auto;

kickoffSeriesItem.Appearance.FillStyle.MainColor = _kickoffcolor;

ChartSeriesItem longSeriesItem = new ChartSeriesItem

{

Name = "Series0Item1",

YValue = new DateTime(2013, 7, 20).ToOADate(),

YValue2 = new DateTime(2013, 8, 14).ToOADate()

};

longSeriesItem.Appearance.FillStyle.MainColor = _longColor;

longSeriesItem.Label.TextBlock.Text = "Longlist";

kickoffSeriesItem.Label.Appearance.LabelLocation = StyleSeriesItemLabel.ItemLabelLocation.Auto;

ChartSeriesItem shortSeriesItem = new ChartSeriesItem

{

Name = "Series1Item0",

YValue = new DateTime(2013, 9, 30).ToOADate(),

YValue2 = new DateTime(2013, 11, 17).ToOADate()

};

shortSeriesItem.Appearance.FillStyle.MainColor = _shortColor;

shortSeriesItem.Label.TextBlock.Text = "Shortlist";

kickoffSeriesItem.Label.Appearance.LabelLocation = StyleSeriesItemLabel.ItemLabelLocation.Auto;

ChartSeriesItem abschlussSeriesItem = new ChartSeriesItem

{

Name = "Series1Item1",

YValue = new DateTime(2013, 12, 15).ToOADate(),

YValue2 = new DateTime(2014, 4, 14).ToOADate()

};

abschlussSeriesItem.Appearance.FillStyle.MainColor = _abschlussColor;

abschlussSeriesItem.Label.TextBlock.Text = "Abschluß";

kickoffSeriesItem.Label.Appearance.LabelLocation = StyleSeriesItemLabel.ItemLabelLocation.Auto;

series0.AddItem(abschlussSeriesItem);

series0.AddItem(shortSeriesItem);

series0.AddItem(longSeriesItem);

series0.AddItem(kickoffSeriesItem);

ProjektPlan.AddChartSeries(series0);

}

protected void ProjektPlan_OnPreRender(object sender, EventArgs e)

{

RadChart chart = (RadChart) sender;

LabelItem kickoffLegendItem = new LabelItem("Kickoff");

kickoffLegendItem.Appearance.FillStyle.MainColor = _kickoffcolor;

LabelItem longLegendItem = new LabelItem("Longlist");

longLegendItem.Appearance.FillStyle.MainColor = _longColor;

LabelItem pflichtenheftLegendItem = new LabelItem("Pflichtenheft");

longLegendItem.Appearance.FillStyle.MainColor = _pflichtenheftColor;

LabelItem shortLegendItem = new LabelItem("Shortlist");

shortLegendItem.Appearance.FillStyle.MainColor = _shortColor;

LabelItem entscheidungsvorlageLegendItem = new LabelItem("Entscheidungsvorlage");

shortLegendItem.Appearance.FillStyle.MainColor = _entscheidungsvorlageColor;

LabelItem abschlussLegendItem = new LabelItem("Abschluß");

abschlussLegendItem.Appearance.FillStyle.MainColor = _abschlussColor;

chart.Legend.Items.Clear();

chart.Legend.Items.Add(kickoffLegendItem);

chart.Legend.Items.Add(longLegendItem);

chart.Legend.Items.Add(pflichtenheftLegendItem);

chart.Legend.Items.Add(shortLegendItem);

chart.Legend.Items.Add(entscheidungsvorlageLegendItem);

chart.Legend.Items.Add(abschlussLegendItem);

}

Chart (Obsolete)

answered on 17 May 2013

2 answers

513 views

Tooltip on Expand/Collapse Button

I have a page layout using the RadSplitter that consists of a left panel that can be collapsed. We want to collapse the side panel automatically on some pages (which I already know we can do), but we also want to let the user know that panel has been collapsed and that they can re-expand it if they want. Is there a way to add a RadTooltip to the expand/collapse button? I know you can have a standard browser on-hover tooltip, but we want something that we can pop open automatically on page load that says something like "Missing your sidebar? Click here to open it." and ideally have a button that says "Never show again" where we could store a value (in DB or cookie) to prevent the tooltip in the future.

Splitter

answered on 17 May 2013