Questions on UI for ASP.NET AJAX Forum

2 answers

314 views

Dynamic Tool Tip problem when tool tip is inside repeater.

Hi,
I have problem with dynamic tool tip. It is inside a repeater and the tool tip is assigned to <asp:linkbutton>. tooltip targetControld is assigned to linkbutton but dynamically linkbutton id is changing because same linkbutton is used three times in same repeater. Based on the linkbutton id i need to change caption of tool tip text. Can u please suggest.

<asp:Repeater ID="WidgetList" runat="server" EnableViewState="true"
                                                    onitemcommand="WidgetList_ItemCommand">
                                                    <ItemTemplate>
                                                        <table width="100%">
                                                            <tr>
                                                                <td height="50" background="../images/Arrowlarge.bmp" style="background-repeat: no-repeat">
                                                                    <table height="50px">
                                                                        <tr>
                                                                            <td height="50">
                                                                                <img src="../images/Folder.gif" alt="" style="height: 30px" width="30px" />
                                                                            </td>
                                                                            <td height="50">
                                                                                <asp:LinkButton ID="lnkText_towarehouse" OnClick="lnkText_towarehouse_Click" ValidationGroup='<%# Eval("TypeId") %>'
                                                                                    Text='<%# Eval("TextData") %>' runat="server" Font-Bold="true" Font-Size="Small" ></asp:LinkButton>
                                                                                <telerik:RadToolTip runat="server" ID="RadToolTip1" RelativeTo="Element" Width="390px" Text="Test"
                                                                                    Height="70px" IsClientID="true" EnableViewState="true" TargetControlID="lnkText_towarehouse"
                                                                                    Position="TopRight">
                                                                                </telerik:RadToolTip>
                                                                            </td>
                                                                        </tr>
                                                                    </table>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </ItemTemplate>
                                                </asp:Repeater>

Regards,
Akki

ToolTip

answered on 22 Dec 2011

1 answer

107 views

Export to excel - format data as string

Hello everyone,
I use the Version=2010.1.415.35 of Telerik controls.

I want to export the data from a Grid to an excel but when the column data are like "00455500400400", I get wrong data in the excel, or I get the data as numbers.(see attached picture)
I found the e.Cell.Style("mso-number-format") = "\@" formatting approach, but I can use it only in the 2011 version.
I cannot add spaces, or text on the exported data. I want the original data to be formatted as text.

Could you please help me how to implement this? Below I attach the column definition:

<telerik:GridBoundColumn DataField="Κωδικός Προϊόντος"

HeaderText="Κωδικός Προϊόντος"

DataFormatString="{0}"

DataType="System.String"

SortExpression="Κωδικός Προϊόντος"

UniqueName="Κωδικός Προϊόντος">

<HeaderStyle Width="155px"></HeaderStyle>

</telerik:GridBoundColumn>

Thank you in advance!
Andreas

Grid

answered on 22 Dec 2011

2 answers

95 views

GridClientSelection columns Problem

Hello Admin,

I am using GridClientSelection in radgrid.and i am calling onrowseleted client side to making some columns of the grid to the textbox so that user can edit the values and then by making a webservice call we will save the selected values.But when i click on checkbox column the same row goes in edit mode as well.But in my scenario i just wanted to go in the edit mode when a row is selected ,but not by clicking on checkbox column .

Please provide me the solution ASAP as it is very urgent.

Thanks,
Mandeep Singh

Grid

answered on 22 Dec 2011

1 answer

116 views

RadMenu Transparent

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

66 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

94 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

100 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

111 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

190 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

164 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