Questions on UI for ASP.NET AJAX Forum

1 answer

100 views

My RadMenu displays over a textbox which currently has the focus. The blinking caret shows thru the menu. How do i prevent this?

<telerik:RadMenu ID="RadMenuUserFormsList" runat="server" Skin="Telerik" Style="z-index: 800"

OnClientItemClicked="OnClientItemClicked" >

<Items>

<telerik:RadMenuItem Text="New" Value="NewForm" Enabled="true" PostBack="false" Visible="true" >

<Items>

</Items>

</telerik:RadMenuItem>

</Items>

<CollapseAnimation Type="None" />

<ExpandAnimation Type="None" />

</telerik:RadMenu>

private void InitializeMenu()

{

var FormTypes = GlobalController.GetFormTypeList();

int i = 1;

RadMenuItem NewFormMenu = RadMenuUserFormsList.FindItemByValue("NewForm");

// add menu items

FormTypes.ToList<LovItem>().ForEach(delegate(LovItem item)

{

RadMenuItem MenuItem = new RadMenuItem();

MenuItem.Text = item.Value;

MenuItem.Text = i.ToString();

i++;

MenuItem.Target = "_blank";

NewFormMenu.Items.Add(MenuItem);

});

}

Menu

answered on 21 Dec 2011

1 answer

56 views

Custom Progress Area - percentage not getting shown.Shows 0 always

Hi,

Im trying to use the progress area as per the example on the website.

Following is the piece of code:

private void UpdateProgressContext()

{

const int total = 1200;

RadProgressContext progress = RadProgressContext.Current;

progress.Speed = "N/A";

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

{

progress.PrimaryTotal = 1;

progress.PrimaryValue = 1;

progress.PrimaryPercent = 100;

progress.SecondaryTotal = total;

progress.SecondaryValue = i;

int per = (i/total)*100;

progress.SecondaryPercent = per;

progress.CurrentOperationText = "Step " + i.ToString() + " Per = " + per.ToString();

if (!Response.IsClientConnected)

{

//Cancel button was clicked or the browser was closed, so stop processing

break;

}

progress.TimeEstimated = (total - i) * 100;

//Stall the current thread for 0.1 seconds

System.Threading.Thread.Sleep(100);

}

In the above piece of code, i have only changed total = 1200 from 100 in the example and tryingt o show the percentage.
It always shows 0.

AsyncUpload

answered on 21 Dec 2011

1 answer

80 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

69 views

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

89 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

168 views

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

146 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

166 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

112 views

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

161 views

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