Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
280 views
I am having a problem with my RadDatePicker on my page.  Seems to be consistent across all browsers.  The problem is this; it works fine the first time.  However, if i immediately select the RadDatePicker again, without refreshing the page or navigating to another page and then coming back, it disables all of the previous dates from the date i had picked.  So for example, if I pick todays date in the date picker 5/17/2013..... and then run my report ( my page runs a report) and then i immediately go and try to pick another date off of the date picker, all of the dates previous to 5/17/2013 are grayed out and disabled.   Please any help would be great!!!  This is frustrating.  I have not set the minimum date, seems to me it should work "out of the box" so to speak.  I have attached some screen shots too.. also below is my code.... thanks

<telerik:RadScriptManager ID="RadScriptManager1" Runat="server">
        </telerik:RadScriptManager>
    
        <br />
        <br />
    
    </div>
    <table style="width:100%;">
        <tr>
            <td colspan="3" style="text-align: center">
    
                <telerik:RadWindowManager ID="RadWindowManager1" runat="server">
                </telerik:RadWindowManager>
    
        <asp:Label ID="lblHeader" runat="server" 
            Text="Show all batches from given recipe by Make Date" 
                    style="text-align: center; font-size: xx-large"></asp:Label>
    
            </td>
        </tr>
        <tr>
            <td colspan="3" style="text-align: center">
    
                   <uc1:hdrMenu ID="hdrMenu1" runat="server" />

            </td>
        </tr>
        <tr>
            <td class="style2">
                &nbsp;</td>
            <td>
                &nbsp;</td>
            <td>
                &nbsp;</td>
        </tr>
        <tr>
            <td class="style2">
                <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" height="77px" 
                    style="margin-top: 0px" width="568px">
                    <telerik:RadComboBox ID="cbxRecipe" Runat="server" DataSourceID="dsRecipe" 
                   Height="600px" Width="250px" EnableLoadOnDemand="true"
                            DropDownWidth="249px" 
    EmptyMessage="Select a Recipe" HighlightTemplatedItems="true"
                 EnableAutomaticLoadOnDemand="True" 
                    DataTextField="RecipeCode" DataValueField="RecipeCode" 
                    AutoPostBack="True"  >
                        <HeaderTemplate>
                            <table style="width: 249px" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td style="width: 40px;">
                                        Recipe</td>
                                    <td style="width: 149px;">
                                        Description</td>
                                </tr>
                            </table>
                        </HeaderTemplate>
                        <ItemTemplate>
                            <table style="width: 249px" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td style="width: 40px;">
                                        <%# DataBinder.Eval(Container.DataItem, "RecipeCode")%>
                                    </td>
                                    <td style="width: 149px;">
                                        <%# DataBinder.Eval(Container.DataItem, "Recipe")%>
                                    </td>
                                </tr>
                            </table>
                        </ItemTemplate>
                    </telerik:RadComboBox>
                    <asp:SqlDataSource ID="dsRecipe" runat="server" 
                        ConnectionString="<%$ ConnectionStrings:oCon_Riverside %>" SelectCommand="select RecipeCode, Recipe
from [dbo].[CCFIProduction_recipe]
Order by RecipeCode "></asp:SqlDataSource>
                    <br />
                    <br />
                    <asp:Label ID="LblMkDate" runat="server" Text="Select Make Date:"></asp:Label>
                    <telerik:RadDatePicker ID="RadDatePicker1" Runat="server" AutoPostBack="True" 
                        Culture="en-US">
                        <Calendar UseColumnHeadersAsSelectors="False" UseRowHeadersAsSelectors="False">
                        </Calendar>
                        <DateInput AutoPostBack="True" DateFormat="M/d/yyyy" 
                            DisplayDateFormat="M/d/yyyy" LabelWidth="40%">
                        </DateInput>
                        <DatePopupButton HoverImageUrl="" ImageUrl="" />
                    </telerik:RadDatePicker>
                </telerik:RadAjaxPanel>

Edward
Top achievements
Rank 1
 answered on 19 May 2013
1 answer
56 views
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.




Edward
Top achievements
Rank 1
 answered on 19 May 2013
1 answer
276 views
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?
Slav
Telerik team
 answered on 18 May 2013
1 answer
88 views

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

Stanimir
Telerik team
 answered on 18 May 2013
7 answers
217 views
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
Stanimir
Telerik team
 answered on 18 May 2013
1 answer
100 views
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

Slav
Telerik team
 answered on 18 May 2013
17 answers
1.1K+ views
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.
Martin
Telerik team
 answered on 18 May 2013
5 answers
1.0K+ views

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

<ItemTemplate>  

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

 </ItemTemplate>

 <EditItemTemplate> 

<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

Jayesh Goyani
Top achievements
Rank 2
 answered on 18 May 2013
3 answers
160 views
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
Raka
Top achievements
Rank 1
 answered on 17 May 2013
1 answer
194 views
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>
 
<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);
        }
    }
}


Petar Kirov
Telerik team
 answered on 17 May 2013
Narrow your results
Selected tags
Tags
+? more
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?