Questions on UI for ASP.NET AJAX Forum

0 answers

129 views

We are evaluating “Telerik RAD Controls for ASP.NET AJAX” for one of our applications. We are planning to use “Telerik RadGrid” widely in all applications. We are trying to implement a functionality using RADGRID, the functionality description is given below.

We will bind the custom objects to the RADGRID and multi-edit option is provided at command template level. The Grid data is available in view state. User can edit the data and update it at any point of time.

By clicking on button (Like Save Button), We need to find whether RADGrid has encountered any change in the bind data. This has to be implemented at both client and server side. Please let us know the best approach.

Grid

asked on 03 May 2012

4 answers

161 views

First time load

I'm in a project where I'm replacing our silverlight image viewer with the RadImageEditor. I can get images to display but the first time I hit the page there is a very long (5-10 second) delay before the image first appears. Now if I hard code the imageurl to a particular file then it's nearly instant. But I am using the technique of handling the OnImageLoading event and manually setting the EditableImage to the image editor. I do this because I have a grid with rows and each grid selection causes the image editor to display a different preview.

Once the first image gets displayed, all subsequent image changes are nearly instant. Is there something I'm doing wrong that is causing the 5-10 second delay on first time page load? In debug the event gets fired and processed right away but it doesn't get displayed right away. Just default image editor settings, nothing specific.

In short this is what I'm doing:

private void DisplayFax()

{

faxImage.ImageUrl = GetRandom();

}

protected void faxImage_OnImageLoading(object sender, ImageEditorLoadingEventArgs e)

{

EditableImage img = new EditableImage(GetMemoryStreamOfFile());

e.Image = img;

e.Cancel = true;

}

The image editor is in an UpdatePanel set to conditional and all defaults:

<asp:UpdatePanel ID="previewFaxUpdatePanel" runat="server" UpdateMode="Conditional" RenderMode="Inline">

<ContentTemplate>

<telerik:RadImageEditor ID="faxImage" OnImageLoading="faxImage_OnImageLoading" runat="server" Width="100%" Height="100%" Skin="Windows7" />

</ContentTemplate>

</asp:UpdatePanel>

Any advice? The silverlight viewer displays my image immediately and the customer won't accept a 5-10 second delay on first load.

ImageEditor

answered on 03 May 2012

4 answers

105 views

Keyboard navigation issue

Hi,

To enable keyboard navigation of radScheduler I have set TabIndex of scheduler to some value. I have some other controls as well in the page.

Now the problem is even if users focus is on some other control say textbox, and user presses any navigation arrows from keyboard scheduler cells are also highlighted, it seems that scheduler is navigating even if my focus is not on scheduler.

I have created a sample project to demonstrate this behaviour. But this forum is not allowing me to upload zip files.

Attached is my scheduler control definition

<telerik:RadScheduler ID="calendarView" runat="server" Skin="Office2010Silver" DataEndField="End"

DataKeyField="VaultID" DataStartField="Start" DataSubjectField="Subject" SelectedView="MonthView"

RowHeight="20px" TabIndex="4" ReadOnly="true" ShowFullTime="true" Width="100%"

ShowFooter="false" OnAppointmentCreated="calendarView_AppointmentCreated"

CustomAttributeName="Location" Height="500px" >

<TimelineView UserSelectable="false" />

<MonthView VisibleAppointmentsPerDay="4" />

</telerik:RadScheduler>

Steps are:
1. Highlight the any other control that scheduler in the page and press navigation keys.

Scheduler

answered on 03 May 2012

1 answer

94 views

Register Telerik just in Pages in one folder

hi guys
i wanna add telerik component in all page in one folder not in web config
because when i load it in web config Website speed comes down.

can help me plz?
tnx

General Discussions

answered on 03 May 2012

4 answers

711 views

How to get a border around each day in calendar?

Sounds simple, but, I'm trying to avoid the double border. Meaning, I can easily set the WeekendDayStyle.BorderWidth = 1, BorderColor=Black and BorderStyle = Solid, but, what happens is that all the days in the middle of the calendar control now have double borders because it's putting a border on the cell next to it also.

Is there a way to get a single border around each cell? So, in effect, it would need to know if a cell next to it already has a border?

Calendar

answered on 03 May 2012

5 answers

546 views

RadGrid - Add a new record

Hello Experts,
I am using Radgrid - which as Add a new record.

i am using this code to implement Add New Record:
-----------------------------------------

</CommandItemTemplate>

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

In the Add mode - The grid columns are displayed in vertical format(one below the other), can we make it to display in Horizontal format....

If possible please give me sample code...

Thanks

Grid

answered on 03 May 2012

4 answers

94 views

LoadOnDemand from Webservice and multiselection

I have a RadComboBox that gets the data from a wcf-webservice.

In OnClientItemDataBound i change the text to be able to show multicolumn data and it works fine.
Now I wants to be able to select multiple items and I don´t know how to do that.

My idea is
I've tried to add a checkbox in OnClientItemDataBound and I get the checkbox in the dropdown.

var item = e.get_item()

item.set_text('<p class="rcbItemKey"><input type="checkbox">' + item.get_value() + '</p><p class="rcbItemData">'+ item.get_text() + '</p>');

In OnClientBlur I'm will loop through all the items in the dropdown and for each item check if the checkbox is selected. If it is checked I will add the value of the item to SelecteValue as a ;-separated list.

How do I find the checkbox in OnClientBlur?
Any other idea on how to solve it?
Another problem is that if I select 2 items in the dropdown and close the dropdown and the wants to open it again, the values should be selected. Is it possible to solve?

ComboBox

answered on 03 May 2012

6 answers

316 views

Performance problem on line chart

I'm wondering if there is something I can do to make the line chart go a lot faster. I have a couple thousand points I want to plot and use the code below. It takes almost 15 seconds to make the graph. When I cut the number of points to plot to 200, it takes less than a second. Here is the code I'm using

ChartSeries chartSeries = new ChartSeries("Altitude", ChartSeriesType.Line);

chartSeries.Appearance.ShowLabels =

false;

incrementCount = 1;

for (int i = 0; i < listData.Count; i = i + incrementCount)

{

chartSeries.AddItem(

new ChartSeriesItem(listData[i].x, listData[i].y));

}

RadChart2.AddChartSeries(chartSeries);

RadChart2.ChartTitle.TextBlock.Text = title;

RadChart2.PlotArea.XAxis.AxisLabel.TextBlock.Text =

"Distance (Miles)";

RadChart2.PlotArea.XAxis.AxisLabel.Visible =

true;

RadChart2.PlotArea.XAxis.IsZeroBased =

true;

RadChart2.PlotArea.YAxis.AxisLabel.TextBlock.Text = yAxisLabel;

RadChart2.PlotArea.YAxis.AxisLabel.Visible =

true;

RadChart2.PlotArea.YAxis.IsZeroBased =

false;

Chart (Obsolete)

answered on 03 May 2012

0 answers

103 views

Security Problem ( Disable = "true" )

hi

That is an security problem "Enabled = false"

It is still possible to use Firebug, or another tool, to tamper with the submitted value, and to remove the "disabled" HTML attribute to change the value. Any suggestion to solve this? This can be easly be hack the data by changing the value.

From louisth

ComboBox

asked on 03 May 2012

9 answers

508 views

RadToolTipManager + asp:UpdatePanel = “Cannot unregister UpdatePanel with ID 'RadToolTipManager1RTMPanel'…”

Here is my situation, I have a UserControl that has a simple Image, Label and a RadToolTipManager that gets the tooltip info via a WebService for both the Image and the Label. This UserControl is used on a RadGrid that goes inside an asp:UpdatePanel on a page Default.aspx. Inside the UpdatePanel I also have a RadTreeView that updates the content of the Grid on the onNodeClick event and the Default.aspx implements a MasterPage that has the asp:ScriptManager.

Great, so the on the Load of the Default.aspx page I load the TreeView and force the onNodeClick of the RootNode so the Grid is populated too. Until this point all works fine, the control displays the information fine and the RadToolTipManager shows the tooltip info from the WebService also fine.

The problem comes when I click on a different Node from the TreeView to and I reload the Grid contents causing the error:

“Cannot unregister UpdatePanel with ID 'RadToolTipManager1RTMPanel' since it was not registered with the ScriptManager. This might occur if the UpdatePanel was removed from the control tree and later added again, which is not supported.

Parameter name: updatePanel”

This error occur on the Grid.DataBind() line on the Default.aspx page.

I have a simple solution that replicates the problem but can't upload the files here, so will put some snippets below...

I already tried to use ScriptManagerProxy on both the Default.apsx and the Control.ascx, also tried to use the RadAjaxPanel instead of the UpdatePanel or using RadAjaxManager and RadAjaxManagerProxy and follow both (the only ones I could find) treads Compatibility with .NET 3.5 UpdatePanel? and RadAjaxManager initialized too late in the page life cycle but nothing changed.

My last try was to Register the RadToolTipManager programmatically on the control by getting the ScriptManager Instance but if I do that I get the error on the first page load instead.

Well, I am quite stuck with this situation now, and because of business requirements the ToolTip on this particular page is really important for the App. Anyone has any ideas on how to fix this?

Site.Master:

    
            <%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="AjaxRadTooltipError.Site" %> 
        
            <!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">  
        
                <title></title>  
        
                <asp:ContentPlaceHolder ID="head" runat="server">  
        
                </asp:ContentPlaceHolder> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server">  
        
                    <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="true" ScriptMode="Release">  
        
                        <Services></Services>  
        
                        <Scripts></Scripts>      
        
                    </asp:ScriptManager> 
        
                    <div> 
        
                        <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">  
        
                        </asp:ContentPlaceHolder> 
        
                    </div> 
        
                </form> 
        
            </body> 
        
            </html>

Default.aspx:

    
            <%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="AjaxRadTooltipError.Default" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <%@ Register src="Control.ascx" tagname="Control" tagprefix="uc1" %> 
        
            <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">  
        
            </asp:Content> 
        
            <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">  
        
                <asp:UpdatePanel ID="UpdatePanel1" runat="server">  
        
                    <ContentTemplate> 
        
                        <telerik:RadTreeView ID="RadTreeView1" runat="server" OnNodeClick="RadTreeView1_NodeClick">  
        
                        </telerik:RadTreeView> 
        
                        <telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="false">  
        
                            <MasterTableView> 
        
                                <RowIndicatorColumn> 
        
                                    <HeaderStyle Width="20px" /> 
        
                                </RowIndicatorColumn> 
        
                                <ExpandCollapseColumn> 
        
                                    <HeaderStyle Width="20px" /> 
        
                                </ExpandCollapseColumn> 
        
                                <Columns> 
        
                                    <telerik:GridTemplateColumn AllowFiltering="false" Resizable="true" HeaderText="Name" UniqueName="ItemName" ItemStyle-Width="300px">  
        
                                        <ItemTemplate> 
        
                                            <uc1:Control ID="Control1" runat="server" /> 
        
                                        </ItemTemplate> 
        
                                    </telerik:GridTemplateColumn> 
        
                                </Columns> 
        
                            </MasterTableView> 
        
                        </telerik:RadGrid> 
        
                    </ContentTemplate> 
        
                </asp:UpdatePanel> 
        
            </asp:Content>

Default.aspx.cs:

    
            protected void Page_Load(object sender, EventArgs e) {  
        
                if (!IsPostBack)  
        
                    LoadTreeView();  
        
            }  
        
            protected void LoadTreeView() {  
        
                RadTreeNode Node = new RadTreeNode();  
        
                Node.Text = "Root Node";  
        
                Node.Value = "0";  
        
                for (int count = 1; count <= 10; count++) {  
        
                    RadTreeNode SubNode = new RadTreeNode();  
        
                    SubNode.Text = "Node " + count.ToString();  
        
                    SubNode.Value = count.ToString();  
        
                    Node.Nodes.Add(SubNode);  
        
                }  
        
                RadTreeView1_NodeClick(this, new RadTreeNodeEventArgs(Node));  
        
                RadTreeView1.Nodes.Add(Node);  
        
            }  
        
            protected void RadTreeView1_NodeClick(object sender, RadTreeNodeEventArgs e) {  
        
                List<string> myDummyList = new List<string>();  
        
                for (int count = 0; count <= 2 + Convert.ToInt32(e.Node.Value); count++) {  
        
                    myDummyList.Add(count.ToString());  
        
                }  
        
                RadGrid1.DataSource = myDummyList;  
        
                RadGrid1.DataBind(); // Error happens here!  
        
            }

Control.ascx:

    
            <%@ Control Language="C#" AutoEventWireup="true" CodeBehind="Control.ascx.cs" Inherits="AjaxRadTooltipError.Control" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <asp:Panel ID="Panel1" runat="server">  
        
                <asp:Image ID="Image1" runat="server" ImageUrl="~/ObjectItem_Page.gif" /> 
        
                <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> 
        
            </asp:Panel> 
        
            <telerik:RadToolTipManager ID="RadToolTipManager1" runat="server">  
        
                <WebServiceSettings Path="~/Service_GetInfo.asmx" Method="GetResourceToolTip" /> 
        
                <TargetControls> 
        
                    <telerik:ToolTipTargetControl TargetControlID="Image1" /> 
        
                    <telerik:ToolTipTargetControl TargetControlID="Label1" /> 
        
                </TargetControls> 
        
            </telerik:RadToolTipManager>

Cheers,
Claiton Lovato

ToolTip

answered on 03 May 2012