Questions on UI for ASP.NET AJAX Forum

5 answers

457 views

Hi guys,
I am new to programming and maybe my enquiries seem funny.
Currently I am using the RadTagCloud Control based on data binding in my prototype system.
Everything works great. I just want to open the resource related to each tag (which is stored in NavigareURL field) in a new window when I click each item in the TagCloud.
Any ideas?

Also, I have a textbox in my web page which I want to clear its content when I click on any tag in the tag cloud, but the RadTagCloud1_ItemClick is not fired to do this.
Any help here?

Cheers,
Hamed

TagCloud

answered on 13 Jun 2012

1 answer

136 views

Space menu options evenly

Hi u have 2010 q3 asp.net Ajax rad menu that I data bind to a SQL data source. Which part of the CSS should I change to add more space to the left and right of the separators to try an space the menu options evenly to fill the entire width of the menu?

Menu

answered on 13 Jun 2012

1 answer

175 views

Header Context Menu Hidden Columns

Hi,

I am using the HeaderContextMenu in my radgrid to show and hide the columns. I want to save the users preference as to what columns they have visible. I thought that this would be easy and I could just save the GridColumn.Display value. But when I hide a column using the HeaderContextMenu the display value for that column is still true.

Where is the information regarding what columns have been hidden by the user using the HeaderContextMenu?

Grid

answered on 13 Jun 2012

1 answer

152 views

Event of Chech Box in RadListView not working

Hi All,

I have RadListView having some data .I want to do some operation in the code behind when the checkbox in the listview is checked
I have the code as below

<telerik:RadListView ID="lstViewSelectedContact" runat="server" ItemPlaceholderID="pnlItemholder"
                                    OnSelectedIndexChanged="listView_SelectedIndexChanged" Width="600px" OnPreRender = "lstViewSelectedContact_OnPreRender"
                                    AllowMultiItemSelection="true" DataKeyNames="id" Visible="true"
                                    OnNeedDataSource="lstViewSelectedContact_NeedDataSource"
                                    onitemcommand="lstViewSelectedContact_ItemCommand" >
                                    <LayoutTemplate>
                                        <asp:Panel ID="pnlItemholder" runat="server" Height="100px"></asp:Panel>
                                    </LayoutTemplate>
                                    <ItemTemplate>
                                        <span>
                                            <asp:CheckBox ID="chkSelect" runat="server" AutoPostBack="true"   OnCheckedChanged="chkSelect_OnCheckedChanged" BackColor="Transparent" BorderStyle="None" Text='<%#Eval("text") %>'>
                                            </asp:CheckBox>
                                        </span>
                                    </ItemTemplate>
                                    <SelectedItemTemplate>
                                        <asp:CheckBox ID="chkSelectedItem" runat="server" AutoPostBack="true" BackColor="LightSkyBlue" BorderStyle="None" CommandName="Deselect" Text='<%#Eval("text") %>'>

                                        </asp:CheckBox>

                                    </SelectedItemTemplate>
                                    <ItemSeparatorTemplate>
                                        <span style="color: Black; font-weight: normal;"></span>
                                    </ItemSeparatorTemplate>
                                </telerik:RadListView>

The Problem is that I cant get the checked items(ID and value) in the code behind ie in chkSelect_OnCheckedChanged event.
Thanks
Kumar

ListView

answered on 13 Jun 2012

1 answer

100 views

{Help Request} RadChart + RadGrid / Selected Index

I have a RadChart and RadGrid populated with items. (The Datasources are different due to the returned data but they have the same DataKey values)

How can I quickly allow the user to select any of the items on the Radchart and make that the SelectedRow for the RadGrid? (the items will share the same DataKey value)

I want them to be able to click the bar chart item and then have the corresponding record highlighted on the Radgrid below the chart.

I tried attaching an event handler for the Click events which seems to create event behavior I would expect, but I am having trouble linking these two controls together in the manner I would like. I believe there would be a quick clientside solution for this so I can simply get a reference to the RadGrid, find the row with a DataKey value that matches the one that it was called from, and make that the SelectedRow so it will be highlighted to the user. Sounds good in theory but I am having trouble with implementation of such a scenario.

Any help is appreciated

Chart (Obsolete)

answered on 13 Jun 2012

10 answers

899 views

Dynamically created ComboBox and Load-on-demand not working

I am working on an page that dymically creates controls at runtime as determined by a database definition. This is an indexing application and the number and types of controls varies by document type. Everything is working fine except the RadCombo box. Because some of the value lists will be very long I am using the load on demand feature. When I was testing this functionality I used the load on demand example with a design-time placed combox box and it worked great. Now I am trying to duplicate this configuratiion with run time code and I'm getting the following error when I attempt to load the items on demand:

"The target '<my dynamic control id>' for the callback could not be found or did not implement ICallBackEventHandler."

Here is my server side code used to create the combo box:

object iControl =

new RadComboBox();
((RadComboBox)iControl).Width = Unit.Pixel(200);
((RadComboBox)iControl).AllowCustomText = true;
((RadComboBox)iControl).ShowToggleImage = true;
((RadComboBox)iControl).ShowMoreResultsBox = true;
((RadComboBox)iControl).EnableLoadOnDemand = true;
((RadComboBox)iControl).EnableVirtualScrolling = true;
((RadComboBox)iControl).MarkFirstMatch = true;
((RadComboBox)iControl).ItemsRequested += new RadComboBoxItemsRequestedEventHandler(index_create_ItemsRequested);
((RadComboBox)iControl).ID = "~~~" + docFieldDef.FieldTypeName + "~~~fld~" + docFieldDef.FieldDefID.ToString();
tbCell3.Controls.Add((RadComboBox)iControl);

And here is the shell for he event handler, although this code does not get executed at present.

protected void index_create_ItemsRequested(object o, RadComboBoxItemsRequestedEventArgs e)
{
<snip>
}

Please let me know if I have missed something.
Thanks,
Andy

ComboBox

answered on 13 Jun 2012

1 answer

252 views

CheckBox in RadLIstView.Its Urgent

Hi ,
How to display check boxes in RadListView with check/uncheck functionality.

Thanks

ListView

answered on 13 Jun 2012

1 answer

254 views

Pivot Table with 1 header for multiple columns(grouped)

Hello Telerik Team,

Not sure if my title explains the situation properly, but here goes. I'm basically making a grid email summary report using RadGrid. Basically my data comes back with columns such as: DateEnding, Area, Sent, Bounced, Clicks, etc, which I have successfully pivoted using the example provided. My question is, is there a way to customize(or group maybe a better word) the headers of the columns. I want the grid to display with DateEnding has the main header, and our 3 different area's under DateEnding as the subheaders. The client wants to be able to easily compare mentioned metrics for a 4week period, across all areas.

Ideally the grid would look like : | 5/25/12 | 6/2/12 |
| North | South | West | North | South | West |

Please let me know if my explanation is not sufficient. Maybe there is a better way to pull the data on my end to avoid this? Any help is appreciated!

Thanks

Grid

answered on 13 Jun 2012

2 answers

147 views

Can't delete appointment from scheduler

I've got a radtooltip that when the user "single-clicks" an appointment on the scheudler. However, when I click the little red X to delete an appointment off the scheduler, the tooltip still popups.

How do I get the X to close fire the delete?

Thanks.

Vince.

Scheduler

answered on 13 Jun 2012

1 answer

213 views

Rad controls breaks down after manual ajax request with RaisePostBackEvent()

What I'm doing:
1. Put two RadAjaxPanels on a page.
2. Put one Rad controls in one of these panels and a simple asp.net control in the other one.
3. Changes made in one of these panels should refresh another panel but don't touch the panel where is the change was made.
4. Do any action in the panel with RadControl - panel with asp.net control will refresh correctly.
5. Do any change with asp.net control - panel with Rad control will breaks down and doesn't fire any events anymore.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="AjaxProject_1.Default" %>

<!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>Default page</title>

</head>

<body>

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

<tel:RadScriptManager runat="server" ID="Rsm1"></tel:RadScriptManager>

<tel:RadAjaxManager runat="server" ID="Ram1"></tel:RadAjaxManager>

<tel:RadScriptBlock runat="server">

<script language="javascript">

function __doXBack(args) {

var ram = $find("<%= Ram1.ClientID %>");

if (ram) ram.ajaxRequest(args);

}

function Refresh1(sender, args) {

var value = args.getDataKeyValue("Id");

if (value) __doXBack("1|" + value);

}

function Refresh2(ddl) {

__doXBack("2|" + ddl.options[ddl.selectedIndex].value);

}

</script>

</tel:RadScriptBlock>

<tel:RadAjaxPanel runat="server" ID="Rap1">

<asp:DropDownList runat="server" ID="Rcb1" onChange="Refresh2(this)"></asp:DropDownList>

</tel:RadAjaxPanel>

<hr/>

<tel:RadAjaxPanel runat="server" ID="Rap2">

<tel:RadGrid runat="server" ID="Grid1">

<ClientSettings>

<Selecting AllowRowSelect="True"></Selecting>

<ClientEvents OnRowSelected="Refresh1"></ClientEvents>

</ClientSettings>

<MasterTableView ClientDataKeyNames="Id"></MasterTableView>

</tel:RadGrid>

</tel:RadAjaxPanel>

</form>

</body>

</html>

using System;

using System.Collections.Generic;

using System.Data;

using System.Linq;

using System.Text;

using Telerik.Web.UI;

namespace AjaxProject_1

{

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

{

protected override void OnInit(EventArgs e)

{

base.OnInit(e);

Ram1.AjaxRequest += Ram1OnAjaxRequest;

}

private void Ram1OnAjaxRequest(object sender, AjaxRequestEventArgs e)

{

if (e == null || string.IsNullOrEmpty(e.Argument)) return;

if (e.Argument.StartsWith("1|"))

{

InitComboBox(e.Argument);

Rap1.RaisePostBackEvent(null);

}

if (e.Argument.StartsWith("2|"))

{

InitGrid();

Rap2.RaisePostBackEvent(null);

}

protected void Page_Load(object sender, EventArgs e)

{

if (IsPostBack) return;

InitComboBox("0");

InitGrid();

}

private void InitComboBox(string id)

{

Rcb1.Items.Clear();

var list = new List<string> {id};

for (var i = 0; i < 10; i++) list.Add(GetRandomPropertyValue());

Rcb1.DataSource = list;

Rcb1.DataBind();

}

private static readonly IList<string> Properties = new[] {"Id", "Name"};

private void InitGrid()

{

var data = new DataTable();

Array.ForEach(Properties.ToArray(), t => data.Columns.Add(new DataColumn(t, typeof(string))));

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

{

var row = data.NewRow();

row["Id"] = i.ToString();

row["Name"] = GetRandomPropertyValue();

data.Rows.Add(row);

}

Grid1.DataSource = data;

Grid1.DataBind();

}

private static IList<char> _chars;

private static readonly Random Rnd = new Random(DateTime.Now.Millisecond);

private static string GetRandomPropertyValue()

{

if (_chars == null)

{

_chars = new List<char> {' ', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9'};

for (var c = 'a'; c <= 'z'; c++) _chars.Add(c);

for (var c = 'A'; c <= 'Z'; c++) _chars.Add(c);

}

var len = Rnd.Next(10, 15);

var sb = new StringBuilder();

for (var i = 0; i < len; i++) sb.Append(_chars[Rnd.Next(0, _chars.Count - 1)]);

return sb.ToString();

}

I know that I can get that behaviour from page with another methods like AjaxUpdatedControls in AjaxManager and so on, but I need to update panels like I described. It is some kind of specific application and I have to use this way to update controls on page.
Unfortunately it is not working.
Any ideas how to make it working?

Ajax

answered on 13 Jun 2012