Questions on UI for ASP.NET AJAX Forum

1 answer

94 views

RadGrid Binding

hi all,

i m new to telerik controls.. please help me.. i want to know whether we can display the table value from database side by side like i shown below.. if it is possible how can we do that using telerik.

Name:abx Place :xxx
no list no list
1 aa 2 cc
3 ss 4 dd

Thanks in Advance,

Anju

Grid

answered on 28 Apr 2015

6 answers

407 views

SharePoint Tab Formatting

Hey Y'all,

I have a RadTabStrip on a site page I've built for SharePoint. The formatting worked perfectly on SharePoint 2007, but now that I've upgraded to 2010 I have a formatting issue. The tabs are displaying below the level of the quick launch (See Figure1.png). I've used the web dev tool in IE8 and tracked it to the clear:both coming from the .RadTabStrip .rtsLevel style (See Figure2.png, notice that forcing the style in the browser causes the tabs to display properly). The style is coming from your WebResource.axd and I can't seem to make my style take priority over the one you have coming in. Is there a way in the page or in my code to manually change that one style setting?

Thanks.

TabStrip

answered on 28 Apr 2015

9 answers

130 views

Custom RadProgressArea JS Error

I'm trying to use the RadProgressArea to show the progress of inserting records into a database but am getting a javascript error which is causing the RadProgressArea fields on subsequent requests to not be updated.

I am using a Master page and have the buttons inside a RadPanel bar and am using AJAX thru the RadAjaxManager. I am using the current version of the RadControls (v.2013.1.403.40).

Steps to reproduce the error.
1. Click on Step 1
2. RadProgressArea fields update successfully
3. Wait for progress to finish - JS Error appears after process Completes
4. Click on Step 1 again (RadProgressArea still shows 100% complete)

Function RadUploadSafariPoller

}else{try{document.execCommand("Stop");

}catch(a){window.location.href=window.location.href;

}}return;

}}}}var d=typeof(rawProgressData)!="undefined"&&rawProgressData.OperationComplete&&rawProgressData.OperationComplete.toLowerCase()=="true";

var b=(typeof(rawProgressData)!="undefined")?rawProgressData.InProgress:true;

if(d){this._stopAsyncPolling();

Uncaught TypeError: Object #<Object> has no method '_stopAsyncPolling' Default.aspx:38

RadUploadSafariPoller._handleCallback Default.aspx:38

(anonymous function) Default.aspx:8

RadUploadSafariPoller._sendXmlHttpRequest Default.aspx:16

RadUploadSafariPoller._makeCallback

return;

}if(!b){if(this._failureCounter){this._failureCounter++;

}if(this._failureCounter>10){this._stopAsyncPolling();

this._failureCounter=1;

return;

}}if(this._disposed||d){return;

}if(!this._isInAsyncUpload&&d){return;

Master Page - Nothing in .cs

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>

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

<div>

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

</telerik:RadAjaxManager>

<telerik:RadSkinManager ID="RadSkinManager1" Runat="server" >

</telerik:RadSkinManager>

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

</telerik:RadScriptManager>

<asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">

</asp:ContentPlaceHolder>

</div>

</form>

</body>

</html>

Default.aspx

<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadPanelBar1" >

<UpdatedControls>

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

<telerik:AjaxUpdatedControl ControlID="RadProgressArea1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

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

</telerik:RadAjaxLoadingPanel>

<telerik:RadPanelBar ID="RadPanelBar1" runat="server" Width="100%" ExpandMode="SingleExpandedItem">

<Items>

<telerik:RadPanelItem Text="1: Do Something 100 times" Expanded="true" >

<Items>

<telerik:RadPanelItem>

<ItemTemplate>

<asp:Button ID="btnStep1" runat="server" Text="Step 1" onclick="btnStep1_Click" />

</ItemTemplate>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelItem>

<telerik:RadPanelItem Text="2: Do Something 300 times" Expanded="true" >

<Items>

<telerik:RadPanelItem>

<ItemTemplate>

<asp:Button ID="btnStep2" runat="server" Text="Step 2" onclick="btnStep2_Click"/>

</ItemTemplate>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelBar>

<telerik:radprogressmanager id="RadProgressManager1" runat="server" />

<telerik:radprogressarea id="RadProgressArea1" runat="server" displaycancelbutton="False" CssClass="center">

<ProgressTemplate>

<div class="rpaInner">

<div class="rpaHeader">

<strong>Total Progress</strong>

</div>

<div class="rpaBody">

<dl>

<dt class="rpaStatFirst">Total Progress Percent</dt>

<dd class="rpaStatFirst"><span runat="server" id="PrimaryPercent"></span>%</dd>

<dt>Total Progress:</dt>

<dd><span runat="server" id="PrimaryValue"></span></dd>

<dt>Insert Count:</dt>

<dd><span runat="server" id="PrimaryTotal"></span></dd>

<dt>Time Elapsed:</dt>

<dd><span runat="server" id="TimeElapsed"></span></dd>

</dl>

</div>

</ProgressTemplate>

</telerik:radprogressarea>

</asp:Content>

Default.aspx.cs

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using Telerik.Web.UI;

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

{

protected void Page_Load(object sender, EventArgs e)

{

}

private void DoSomething(int LoopNum)

{

RadProgressContext context = RadProgressContext.Current;

context.PrimaryValue = 0;

context.PrimaryPercent = 0;

context.OperationComplete = false;

context.PrimaryTotal = LoopNum;

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

{

context.PrimaryValue = i.ToString();

context.PrimaryPercent = Math.Round((decimal)i / LoopNum * 100, 1).ToString();

if (!Response.IsClientConnected)

{

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

break;

}

System.Threading.Thread.Sleep(100);

}

context.PrimaryValue = LoopNum;

context.PrimaryPercent = 100;

context.CurrentOperationText = "Complete";

context.OperationComplete = true;

}

protected void btnStep1_Click(object sender, EventArgs e)

{

DoSomething(100);

}

protected void btnStep2_Click(object sender, EventArgs e)

{

DoSomething(300);

}

Thanks,
Greg

ProgressArea

answered on 27 Apr 2015

7 answers

254 views

After update

I have a raddataform (2014 Q3), and I'm using the ItemUpdating event to run my custom update code (I update a few tables separately); it's working just fine. What I want to do is have the form return to "View" mode after a successful update. I'm sure it's a simple thing but it just stays in "Edit" mode even after a successful update. I have to click "Cancel" to get back to the View Template.

How can I make this work as expected? This has to be me just missing something amazingly simple.

Thanks!!

Amy

DataForm

answered on 27 Apr 2015

2 answers

218 views

disable delete keyboard support for gantt task

i would like to disable the delete functionality from the radgantt. it happens when user click on delete button from keyboard.

how can i achieve it?

Gantt

answered on 27 Apr 2015

9 answers

591 views

Force File name and Directory for saving

Is there a way to hide the save textbox and simply force the image to be saved as a specific file name to a specific directory? Also, is there a way to set a maximun height and width, and or minimum height and width?

ImageEditor

answered on 27 Apr 2015

5 answers

252 views

RadGrid Header similar to Footer with aggregate function

Dear Telerik Team,

we were evaluating telerik grid for few functionalities.

Our requirement is to display Header in the grid some thing similar to Footer feature that is been provided in the grid.
And also we want to use aggregate functions with custom paging as well.

Can you please help me how to achieve this?so that we can deside in this regard for getting licenses.

Thanks,
Suneetha.

Grid

answered on 27 Apr 2015

3 answers

796 views

Multiselect dropdownlist refresh problem

I am new to telerik control and having problem with refresh/auto post back. Previous coder has added telerik multi select drop down (with check boxes) and ajax panel. it's working fine when you select this first time.

when drop down is closed and you try to select another value, it lets you select it. you can see new value is selected in drop down text box. soon as you close drop down it changes text box value to previous values. you open third time and you can see selected values that you have choosen second time but it does not update textbox (dropdown box).

see image to get more information.

DropDownList

answered on 27 Apr 2015

3 answers

244 views

Telerik_UI_for_ASP.NET_AJAX msi questions

I downloaded the latest version of Telerik_UI_for_ASP.NET_AJAX_2015_1_225_Dev.msi and have a few questions to ask:
1. Does the download acutally affect files that are checked into TFS (team server foundation) version control? If so what files are they?
2. If not, does this download just update files on the current workstation that I am using?
3. After I ran the install yesterday and opened my visual studio 2010 today, got a message that said I needed to download again. Thus why would this happen?
To solve the problem, I did a 'repair' using the installer and shut down and beboot5ed my workstation. Will this solve the problem?

General Discussions

answered on 27 Apr 2015

2 answers

136 views

Timeline Options

I have an ancient timeline component that I'm looking to replace. Could anyone tell me if it's possible to configure the scheduler's timeline view to do the following things (or at least get close to doing so). Please refer to the attached timeline.png file for an example:

1. When I group by date and a 2nd option, can the 2nd option be listed vertically down the left side of the timeline. If you refer to my attached image you'll see the events are grouped by the date horizontally along the top and then grouped by two options on the left side, so each member of the 2nd option has it's own lane for events. All the examples I've seen of the Telerik timeline puts both groups (date and 2nd option) at the top, so it looks impossible to stretch multi-day events across the timeline because each 2nd option is displayed as a vertical column.

2. Following on from the last sentence, I want to be able to stretch a multi-day event across the timeline as needed even when I'm grouping by two groups. I've seen you can do that in Telerik's timeline when there's only one group.

3. Apply colors to each event marker on the timeline that correspond with some property of the event.

4. Not shown in my attached image, but also desired is the ability to display more information about the event when I click on the event in the timeline. My current timeline displays a hidden DIV filled with further details right on the timeline next to the event.

Thanks,

Tom

Scheduler

answered on 27 Apr 2015