Questions on UI for ASP.NET AJAX Forum

1 answer

99 views

LoadingPanel wont' show, what am I doing wrong??

Ok, this should be simple but it isn't working...I must be doing something simple wrong.

Here is what I have setup...master page with RadScriptManager/RadAjaxManager, looks like this:

<telerik:RadScriptManager runat="server" ID="PrimaryScriptManager">

<Scripts>

<asp:ScriptReference Assembly="Telerik.Web.UI, Version=2011.3.1206.40, Culture=neutral, PublicKeyToken=121fae78165ba3d4" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI, Version=2011.3.1206.40, Culture=neutral, PublicKeyToken=121fae78165ba3d4" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Path="/scripts-uncompressed/telerik.jquery.patch.js" />

<asp:ScriptReference Path="/scripts-uncompressed/browser.detect.js" />

<asp:ScriptReference Path="/scripts-uncompressed/jquery.colorbox-min.js" />

<asp:ScriptReference Path="/scripts-uncompressed/email.signup.js" />

<asp:ScriptReference Path="/scripts-uncompressed/common.js" />

</Scripts>

</telerik:RadScriptManager>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

</telerik:RadAjaxManager>

ASPX page (inherit from Master Page Above ) with RadAjaxManagerProxy:

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="MainMulti">

<UpdatedControls>

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

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManagerProxy>

and LoadingPanel:

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"

Skin="Windows7" MinDisplayTime="5"> </telerik:RadAjaxLoadingPanel>

On the ASPX page, I have a MultiView control called MainMulti, which I Ajaxified above. If I press my ASP BUTTON "StepTwoContinueButton", after a few seconds, the page changes the current view of the MultiView control via AJAX...BUT, I NEVER SEE THE LOADING PANEL. I want it to show over the form while the AJAX operation is happening.

A live sample of this problem is here:

http://southcountyri.dev.ccinspire.com/visitor-resources/send-a-postcard/balloons

when you click on "Contine" I want the loading panel to cover the form(which is my MultiView). What am I doing wrong that makes the loading panel never show?

Ajax

answered on 21 Dec 2011

1 answer

110 views

[Solved] SildePane on the rigth, open to Bottom

I need put the slidePane on the rigth..

I create a user control with Slidepane (help pane).
I set put on the rigth of title....

Help Test is a Titlte Div....
I need put Help Panel on the rigth (where is red arrow).

Page code: aspx

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<div class="headerPage">
            <asp:Label ID="lblTitle" runat="server"></asp:Label>
            <div style="position:absolute; top:0; right:0; position:absolute; float:right">
           <UC:Help runat="server" ID="Help1" />

          <div >
        </div>
<div class="containerSub">

</div>
</asp:Content>

user Control code
ASpx

<telerik:RadSplitter ID="RadSplitter1" runat="server" Width="90%" Height="300px" Skin="Vista">


                <telerik:RadPane ID="Radpane1" runat="server" Height="19px" Scrolling="none" >
                    <telerik:RadSlidingZone ID="Radslidingzone2" runat="server" Height="19px" SlideDirection="Bottom">
                        <telerik:RadSlidingPane ID="Radslidingpane4" Title="Help" runat="server" Height="110px">
                            <div style="font-size:9px; font-family:inherit">
                                <ul id="ulHelp" runat="server" style="font-size:9px; font-family:inherit">

                                </ul>
                            </div>
                            <div><asp:LinkButton CssClass="containerRegistration link" runat="server" ID="lnkReadMore" ></asp:LinkButton></div>
                            </telerik:RadSlidingPane>

                    </telerik:RadSlidingZone>
                </telerik:RadPane>


            </telerik:RadSplitter>

thanks

Splitter

answered on 21 Dec 2011

2 answers

127 views

accessing hidden control from the telerik Rad Splitter

Hi ,

I have a hidden control inside telerik rad splitter .how can i access this control using javascript.

My code is given below...

<telerik:RadSplitter ID="clientAreaSplitter" runat="server" Height="100%" Width="100%" EnableViewState="true" VisibleDuringInit="true">

<

asp:HiddenField ID="HiddenField1" runat="server" />

</telerik:RadSplitter>

javascript code

var splitter = $find("clientAreaSplitter");

var obj = splitter .FindControl("HiddenField1");

alert(document.getElementById('HiddenField1'))

this is not working ..

pls help me ..

General Discussions

answered on 21 Dec 2011

2 answers

202 views

[Solved] LoadOnDemand and preloaded data

I need to pre load some data into a combo box and select an item, then use the load on demand functionality to add additional items (There are many dollar amount options, but usually a low one is selected so I don't want to take the hit of adding all of them unless I need to). If I don't preload it works fine, but when I load some data and then add more I seem to get the inital data added again and again. In the following example I get

1. numbers 1-10 loaded
2. numbers 1-20 added to the list
3. numbers 1-10 and then 31 - 40

Basically how can I prevent it from reloading the 1 - 10 items each time?? It seems to happen since it was created on page load

aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="TestHome.aspx.cs" Inherits="_Default" %>

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

<title></title>

</head>

<body>

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

<div>

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

</telerik:RadScriptManager>

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" Height="200px" Width="300px">

<telerik:RadComboBox ID="cbTest" runat="server" EnableLoadOnDemand="true" ShowMoreResultsBox="true" EnableVirtualScrolling="true" OnItemsRequested="cbTestItemsRequested">

</telerik:RadComboBox>

</telerik:RadAjaxPanel>

</div>

</form>

</body>

</html>

Code behind

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Data.SqlClient;

using System.Data;

using System.Configuration;

using Telerik.Web.UI;

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

{

int _itemsPerRequest = 10;

protected void Page_Load(object sender, EventArgs e)

{

if (!Page.IsPostBack)

{

List<int> data = GetData();

for (int i = 0; i < 10; i++)

cbTest.Items.Add(new RadComboBoxItem(data[i].ToString()));

cbTest.FindItemByText("5").Selected = true;

}

protected void cbTestItemsRequested(object sender, RadComboBoxItemsRequestedEventArgs e)

{

List<int> data = GetData();

int start = e.NumberOfItems;

int count = _itemsPerRequest;

if (count > data.Count - start)

count = data.Count - start;

var temp = data.Skip(start).Take(count);

foreach (var v in temp)

cbTest.Items.Add(new RadComboBoxItem(v.ToString()));

if (start + count == data.Count)

e.EndOfItems = true;

}

protected void OldcbTestItemsRequested(object sender, RadComboBoxItemsRequestedEventArgs e)

{

List<int> data = GetData ();

int itemOffset = e.NumberOfItems;

int endOffset = Math.Min(itemOffset + _itemsPerRequest, data.Count);

e.EndOfItems = endOffset == data.Count;

for (int i = itemOffset; i < endOffset; i++)

cbTest.Items.Add(new RadComboBoxItem(data[i].ToString()));

}

private List<int> GetData()

{

List<int> results = new List<int>(50);

for (int i = 1; i < 51; i++)

{

results.Add(i);

}

return results;

}

ComboBox

answered on 21 Dec 2011

7 answers

176 views

Massive client performance issue on IE (all versions)

Hi !

We have a RadScheduler Website in Timeline View (same problems occur in Week View), with many resources.

If you open the website in Safari or Firefox, it works perfectly fast, but
if you open the site in IE (IE 6, IE 7, IE 8, IE 9) the client performance has a massive break down.

if move the mouse over the scheduler, to see the hover of timeslots or tooltip of appointments,
IE will stuck and began to react very slow. the client CPU usage for the IE process will move up to 100%.

You can test this with a live link of our application

http://evn.cronus.at/monatsmatrix/Monatsmatrix.aspx?cooid=testservice&name=test

I already checked the suggestion in http://www.telerik.com/products/aspnet-ajax/resources/top-performance.aspx, but it's not helping much.

Can you please urgently have a look at this, this is a production stop for our application !

Scheduler

answered on 21 Dec 2011

3 answers

207 views

Resize RadEditor based on RadSplitter / RadPane size

I am trying to take a page and create a RadEditor inside of a horizontal RadSplitter/RadPane at the bottom. What I was wondering is if there is a way to resize the Editor dynamically with the resizing of the RadPane? Here is some generic proof of concept code.

    
            <telerik:RadSplitter runat="server" ID="RadSplitter1" ResizeMode="Proportional" LiveResize="true" Width="100%" Orientation="Horizontal" Height="100%">  
        
                     <telerik:RadPane runat="server" ID="TopPane" Scrolling="Both" MinHeight="30" Width="100%">  
        
                       <p>content...</p>        
        
                     </telerik:RadPane>  
        
                     <telerik:RadSplitBar runat="server" ID="RadSplitBar1" ResizeStep="10" Collapsemode="Both" />  
        
                        <telerik:RadPane runat="server" ID="BottomPane" MinHeight="325" Height="325" Width="100%">  
        
                            <telerik:RadEditor runat="server" ID="radedit" Height="100%" Width="99%" EnableResize="false" AutoResizeHeight="true">  
        
                                <Content>  
        
                                </Content>  
        
                            </telerik:RadEditor>  
        
                        </telerik:RadPane>  
        
                    </telerik:RadSplitter>

Thanks in advance,
Mike

Splitter

answered on 21 Dec 2011

2 answers

147 views

[Solved] How to remove the scroll bar?

Hi there,

I use RadWindow as my popup window, and configured it as "AutoSize = true". But I still get the scroll bar on the bottom and the right side. Is there any way to show the popup window without any scroll bars? Please see the attached image for the problem. Thanks a lot for the help.

Best regards,
Meng

Window

answered on 21 Dec 2011

4 answers

215 views

[Solved] Why does WrapperCssClass work only in EnableSingleInputRendering=true?

I can't find any reference in help about this, but it looks like WrapperCssClass is applied only when EnableSingleInputRendering=true.
Could you please clarify if I can apply wrapper class when EnableSingleInputRendering=false (default)?

Input

answered on 21 Dec 2011

1 answer

69 views

Combox do not aplly theme

Hello team, good morning.
When a try to use RadComboBox in my webpage the same appears the following appareance to me!
I'm using the Default theme in my webpage.

ComboBox

answered on 21 Dec 2011

1 answer

77 views

[Solved] args.Value in method OnAjaxUpdate always the same in IE8

Hi,

I've got a problem with the RadToolTipManager in IE8, FireFox and IE9 gives no problem.

When I try to show the tooltip, the OnAjaxUpdate method will fire, but in IE8 the args.Value will always be the same.
The repeater will update after the following javascript function that'll be called from a RadWindow.

function onStickyNotePopupSaved() {

top.CloseWindowRadWindow('StickyNotePopupWindow');

var ajaxPanel = $find('<% =RadAjaxPanel1.ClientID%>');

ajaxPanel.ajaxRequest('');

}

I use the following Telerik version: 2011.2.712.40 (for .NET 4.0)

Has anyone an idea.

Kind regards,
Wouter Splinter

/// <summary>

/// load the usercontrol that shows the stickynotes content

/// </summary>

/// <param name="stickyNoteId"></param>

/// <param name="panel"></param>

private void UpdateToolTip(int stickyNoteId, UpdatePanel panel)

{

var ctrl = Page.LoadControl("Controls/StickyNoteViewer.ascx");

var stickyNoteView = (IStickyNoteViewerView)ctrl;

stickyNoteView.StickyNoteId = stickyNoteId;

panel.ContentTemplateContainer.Controls.Add(ctrl);

}

/// <summary>

/// fires by the tooltipmanager, initiate the load of the customcontrol

/// </summary>

/// <param name="sender"></param>

/// <param name="args"></param>

protected void OnAjaxUpdate(object sender, ToolTipUpdateEventArgs args)

{

int stickyNoteId;

if (int.TryParse(args.Value, out stickyNoteId))

{

UpdateToolTip(stickyNoteId, args.UpdatePanel);

}

/// <summary>

/// bind the stickynote to the tooltipmanager

/// </summary>

/// <param name="sender"></param>

/// <param name="e"></param>

protected void repeaterStickyNotes_ItemDataBound(object sender, RepeaterItemEventArgs e)

{

var stickyNoteControl = e.Item.FindControl("stickyNoteControl");

var stickyNote = (StickyNote)e.Item.DataItem;

RadToolTipManager1.TargetControls.Add(stickyNoteControl.ClientID, stickyNote.StickyNoteID.ToString(), true);

}

<telerik:RadToolTipManager runat="server" AnimationDuration="300" ShowDelay="200"

EnableShadow="true" HideDelay="1" ID="RadToolTipManager1" Width="463px" Height="220px"

RelativeTo="Element" Animation="Slide" Position="TopCenter" OnAjaxUpdate="OnAjaxUpdate"

Skin="Telerik" />

<asp:Repeater runat="server" ID="repeaterStickyNotes" OnItemDataBound="repeaterStickyNotes_ItemDataBound">

<ItemTemplate>

<div style="text-align: left; margin-right: 5px; float: left;">

<div runat="server" id="stickyNoteControl" style="width: 24px; height: 30px; background-position: center;

background-repeat: no-repeat; background-image: url('/App_Themes/CROW/Images/Icon_Pin_Yellow.png');">

</div>

</ItemTemplate>

</asp:Repeater>

ToolTip

answered on 21 Dec 2011